diff --git a/.claude/settings.local.json b/.claude/settings.local.json
new file mode 100644
index 0000000..e28af9d
--- /dev/null
+++ b/.claude/settings.local.json
@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(dir \"C:\\\\Users\\\\anton\\\\Desktop\\\\studioVariable\\\\NTB\\\\nouveau-theatre-de-besancon\\\\site\\\\cache\")"
+    ]
+  }
+}
diff --git a/.forgejo/workflows/deploy.yml b/.forgejo/workflows/deploy.yml
index 24fb881..a9da04a 100644
--- a/.forgejo/workflows/deploy.yml
+++ b/.forgejo/workflows/deploy.yml
@@ -4,43 +4,80 @@ on:
   push:
     branches:
       - main
+      - preprod
 
 jobs:
   deploy:
-    name: Deploy to Production
+    name: Deploy
     runs-on: docker
     container:
       image: forgejo-ci-php:latest
     steps:
       - name: Checkout code
         run: |
-          git clone --depth 1 --branch main https://oauth2:${{ github.token }}@forge.studio-variable.com/${{ github.repository }}.git .
+          git clone --depth 50 --branch ${{ github.ref_name }} https://oauth2:${{ github.token }}@forge.studio-variable.com/${{ github.repository }}.git .
 
-      - name: Install Node.js and build assets
-        run: |
-          curl -fsSL https://deb.nodesource.com/setup_lts.x | bash -
-          apt-get install -y -qq nodejs
-          npm install
-          npx gulp
-
-      - name: Install PHP dependencies
+      - name: Install dependencies
         run: |
           composer install --no-dev --optimize-autoloader
 
+      - name: Set deploy host
+        id: host
+        shell: bash
+        run: |
+          if [ "${{ github.ref_name }}" = "preprod" ]; then
+            echo "ftp_host=${{ secrets.PREPRODUCTION_HOST }}" >> $GITHUB_OUTPUT
+          else
+            echo "ftp_host=${{ secrets.PRODUCTION_HOST }}" >> $GITHUB_OUTPUT
+          fi
+
       - name: Deploy via FTP
         env:
           USERNAME: ${{ secrets.USERNAME }}
           PASSWORD: ${{ secrets.PASSWORD }}
-          HOST: ${{ secrets.HOST }}
+          FTP_HOST: ${{ steps.host.outputs.ftp_host }}
+        shell: bash
         run: |
-          apt-get install -y -qq lftp
-          cat > /tmp/lftp-script.txt <<SCRIPT
-          set ftp:ssl-allow no
-          open -u $USERNAME,$PASSWORD $HOST
-          mirror --reverse --verbose --ignore-time --parallel=10 assets/dist assets/dist
-          mirror --reverse --verbose --ignore-time --parallel=10 -x accounts/ -x cache/ -x sessions/ site site
-          mirror --reverse --verbose --ignore-time --parallel=10 kirby kirby
-          mirror --reverse --verbose --ignore-time --parallel=10 vendor vendor
-          quit
-          SCRIPT
+          BEFORE="${{ github.event.before }}"
+          ZEROS="0000000000000000000000000000000000000000"
+
+          if [ "$BEFORE" != "$ZEROS" ] && git cat-file -e "${BEFORE}^{commit}" 2>/dev/null; then
+            INCREMENTAL=true
+            echo "=== Mode incrémental — fichiers modifiés depuis $BEFORE ==="
+            git diff --name-status "$BEFORE" HEAD
+            echo "============================================================"
+          else
+            INCREMENTAL=false
+            echo "=== Mode full mirror (premier push ou BEFORE hors portée) ==="
+          fi
+
+          {
+            echo "set ftp:ssl-allow no"
+            echo "set cmd:fail-exit no"
+            echo "open -u $USERNAME,$PASSWORD $FTP_HOST"
+
+            if $INCREMENTAL; then
+              git diff --name-status "$BEFORE" HEAD | while IFS=$'\t' read -r status file; do
+                case "$file" in local/*|site/accounts/*|site/cache/*|site/sessions/*) continue ;; esac
+                if [ "$status" = "D" ]; then
+                  echo "rm -f \"$file\""
+                elif [ -f "$file" ]; then
+                  echo "mkdir -p \"$(dirname "$file")\""
+                  echo "put \"$file\" -o \"$file\""
+                fi
+              done
+            else
+              echo "mirror --reverse --verbose --ignore-time --parallel=10 -x local/ assets assets"
+              echo "mirror --reverse --verbose --ignore-time --parallel=10 -x accounts/ -x cache/ -x sessions/ site site"
+            fi
+
+            echo "mirror --reverse --verbose --ignore-time --parallel=10 kirby kirby"
+            echo "mirror --reverse --verbose --ignore-time --parallel=10 vendor vendor"
+            echo "quit"
+          } > /tmp/lftp-script.txt
+
+          echo "=== Script lftp généré ==="
+          cat /tmp/lftp-script.txt
+          echo "=========================="
+
           lftp -f /tmp/lftp-script.txt
diff --git a/.gitignore b/.gitignore
index 6f42db9..fb01e50 100644
--- a/.gitignore
+++ b/.gitignore
@@ -58,7 +58,3 @@ Icon
 # -----------
 
 /local
-
-# Claude settings
-# -----------
-.claude
diff --git a/assets/css/src/hero.css b/assets/css/src/hero.css
index 97a749a..789029a 100644
--- a/assets/css/src/hero.css
+++ b/assets/css/src/hero.css
@@ -2,25 +2,21 @@
   --empty-space: 11.9rem;
   background-color: var(--color-beige-light);
   --padding-vertical: calc(var(--space-m) / 1.5);
-  display: grid;
-  grid-template-columns: 1.6fr 3fr;
-  column-gap: calc(var(--space-m) / 1.5);
-  height: calc(100vh - var(--empty-space));
+  /* height: calc(100vh - var(--empty-space)); */
   overflow: hidden;
 }
 
 .hero__text {
   position: relative;
+  padding: var(--padding-vertical) var(--space-m);
   display: flex;
-  flex-direction: column;
   justify-content: space-between;
-  overflow: auto;
+  align-items: flex-end;
 }
 
 .hero__text h2 {
   font-size: max(4.167vw, 3rem);
   width: 100%;
-  margin-bottom: var(--padding-vertical);
 }
 
 .hero__text h2.big {
@@ -39,14 +35,11 @@
   margin-bottom: 1rem;
 }
 
-.hero__text p:first-of-type {
-  margin-top: var(--padding-vertical);
-}
-
 .hero__link {
   font-weight: bold;
   margin-top: 0.5rem;
 }
+
 .hero__link::before {
   display: inline-block;
   content: "→";
diff --git a/assets/css/src/page-sectioned.css b/assets/css/src/page-sectioned.css
index e5f9cc7..de082c6 100644
--- a/assets/css/src/page-sectioned.css
+++ b/assets/css/src/page-sectioned.css
@@ -1,5 +1,10 @@
 .anchors-strip {
   padding: calc(var(--padding-vertical) / 1.6) var(--space-m) !important;
+  position: sticky;
+  top: var(--header-height, 0px);
+  z-index: 9;
+  background-color: #fff !important;
+  box-shadow: 0px -10px #fff; /*pour éviter un petit bug du à la latence de anchors-strip_stiky.js*/
 }
 
 .anchors-strip ul {
@@ -68,12 +73,39 @@
   position: absolute;
   inset: 0;
 }
-[data-template="sectioned"] .links-list li a::before {
+[data-template="sectioned"] .links-list li a::before
+ {
   content: "→";
   display: inline-block;
   transform: rotate(-45deg);
 }
 
+/*big links list*/
+[data-template="sectioned"] .big-links-list li {
+  position: relative;
+  display: flex;
+  border-bottom: 1px solid #000;
+  font-size: var(--font-size-h3);
+  margin-bottom: 0.7rem;
+  padding-bottom: 0.4rem;
+}
+[data-template="sectioned"] .big-links-list li .li_arrow{
+  transition: opacity 0.3s, width 0.4s;
+  opacity: 0;
+  width: 0;
+}
+[data-template="sectioned"] .big-links-list li:hover .li_arrow{
+  opacity: 1;
+  width: 2.5rem;
+}
+
+[data-template="sectioned"] .big-links-list li a::before{
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+
 .section__row.fixed-img-height img {
   max-height: var(--height);
   object-fit: contain;
diff --git a/assets/css/src/responsive.css b/assets/css/src/responsive.css
index 34d1e18..d786535 100644
--- a/assets/css/src/responsive.css
+++ b/assets/css/src/responsive.css
@@ -5,3 +5,9 @@
     row-gap: var(--padding-vertical);
   }
 }
+
+@media screen and (max-width: 800px) {
+  .hero__text {
+    display: block;
+  }
+}
diff --git a/assets/css/src/vanilla.css b/assets/css/src/vanilla.css
index 6da7406..b2387cd 100644
--- a/assets/css/src/vanilla.css
+++ b/assets/css/src/vanilla.css
@@ -2,7 +2,7 @@
   scroll-behavior: smooth;
 }
 
-section:not(.collapsable),
+section:not(.collapsable, .hero),
 footer {
   box-sizing: border-box;
   padding: var(--padding-vertical) var(--space-m);
@@ -10,6 +10,9 @@ footer {
 section:not(:last-child, .collapsable, .collapsable-sections) {
   border-bottom: var(--border);
 }
+.temporality-wrapper:not(:last-of-type) section.forced-border {
+  border-bottom: var(--border);
+}
 
 picture {
   background-color: var(--color);
diff --git a/assets/js/anchors-strip_stiky.js b/assets/js/anchors-strip_stiky.js
new file mode 100644
index 0000000..0be916d
--- /dev/null
+++ b/assets/js/anchors-strip_stiky.js
@@ -0,0 +1,15 @@
+const header = document.querySelector('.main-header');
+
+console.log("test");
+
+const setHeaderHeight = () => {
+  document.documentElement.style.setProperty(
+    '--header-height',
+    `${header.offsetHeight}px`
+  );
+};
+
+setHeaderHeight();
+
+const resizeObserver = new ResizeObserver(setHeaderHeight);
+resizeObserver.observe(header);
diff --git a/assets/js/script.js b/assets/js/script.js
index 3346c4d..ad70577 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -12,10 +12,6 @@ document.addEventListener("DOMContentLoaded", () => {
     jsLinks: document.querySelectorAll(".js-link"),
   };
 
-  setTimeout(() => {
-    nodes.images = document.querySelectorAll("img");
-  }, 0);
-
   // Listeners
   nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
   nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));
@@ -24,17 +20,13 @@ document.addEventListener("DOMContentLoaded", () => {
     jsLink.addEventListener("click", () => (location.href = to));
   });
 
-  setTimeout(() => {
-    nodes.images.forEach((image) => {
-      if (image.complete) {
-        show(image);
-      } else {
-        image.addEventListener("load", () => {
-          show(image);
-        });
-      }
-    });
-  }, 50);
+  document.querySelectorAll("img").forEach((image) => {
+    if (image.complete && image.naturalWidth > 0) {
+      show(image);
+    } else {
+      image.addEventListener("load", () => show(image));
+    }
+  });
 
   // Key shortcuts
   window.addEventListener("keyup", (event) => {
diff --git a/kirby/config/api/routes/changes.php b/kirby/config/api/routes/changes.php
new file mode 100644
index 0000000..2e35754
--- /dev/null
+++ b/kirby/config/api/routes/changes.php
@@ -0,0 +1,37 @@
+<?php
+
+use Kirby\Api\Controller\Changes;
+use Kirby\Cms\App;
+use Kirby\Cms\Find;
+
+return [
+	[
+		'pattern' => '(:all)/changes/discard',
+		'method'  => 'POST',
+		'action'  => function (string $path) {
+			return Changes::discard(
+				model: Find::parent($path),
+			);
+		}
+	],
+	[
+		'pattern' => '(:all)/changes/publish',
+		'method'  => 'POST',
+		'action'  => function (string $path) {
+			return Changes::publish(
+				model: Find::parent($path),
+				input: App::instance()->request()->get()
+			);
+		}
+	],
+	[
+		'pattern' => '(:all)/changes/save',
+		'method'  => 'POST',
+		'action'  => function (string $path) {
+			return Changes::save(
+				model: Find::parent($path),
+				input: App::instance()->request()->get()
+			);
+		}
+	],
+];
diff --git a/kirby/config/areas/account/buttons.php b/kirby/config/areas/account/buttons.php
new file mode 100644
index 0000000..263ef36
--- /dev/null
+++ b/kirby/config/areas/account/buttons.php
@@ -0,0 +1,13 @@
+<?php
+
+use Kirby\Cms\App;
+use Kirby\Cms\User;
+use Kirby\Panel\Ui\Buttons\ViewButton;
+
+return [
+	'user.theme' => function (App $kirby, User $user) {
+		if ($kirby->user()->is($user) === true) {
+			return new ViewButton(component: 'k-theme-view-button');
+		}
+	}
+];
diff --git a/kirby/config/areas/files/buttons.php b/kirby/config/areas/files/buttons.php
new file mode 100644
index 0000000..b2d5028
--- /dev/null
+++ b/kirby/config/areas/files/buttons.php
@@ -0,0 +1,14 @@
+<?php
+
+use Kirby\Cms\File;
+use Kirby\Panel\Ui\Buttons\OpenButton;
+use Kirby\Panel\Ui\Buttons\SettingsButton;
+
+return [
+	'file.open' => function (File $file) {
+		return new OpenButton(link: $file->previewUrl());
+	},
+	'file.settings' => function (File $file) {
+		return new SettingsButton(model: $file);
+	}
+];
diff --git a/kirby/config/areas/languages/buttons.php b/kirby/config/areas/languages/buttons.php
new file mode 100644
index 0000000..d0227e4
--- /dev/null
+++ b/kirby/config/areas/languages/buttons.php
@@ -0,0 +1,21 @@
+<?php
+
+use Kirby\Cms\Language;
+use Kirby\Panel\Ui\Buttons\LanguageCreateButton;
+use Kirby\Panel\Ui\Buttons\LanguageDeleteButton;
+use Kirby\Panel\Ui\Buttons\LanguageSettingsButton;
+use Kirby\Panel\Ui\Buttons\OpenButton;
+
+return [
+	'languages.create' => fn () =>
+		new LanguageCreateButton(),
+	'language.open' => fn (Language $language) =>
+		new OpenButton(link: $language->url()),
+	'language.settings' => fn (Language $language) =>
+		new LanguageSettingsButton($language),
+	'language.delete' => function (Language $language) {
+		if ($language->isDeletable() === true) {
+			return new LanguageDeleteButton($language);
+		}
+	}
+];
diff --git a/kirby/config/areas/site/buttons.php b/kirby/config/areas/site/buttons.php
new file mode 100644
index 0000000..816c441
--- /dev/null
+++ b/kirby/config/areas/site/buttons.php
@@ -0,0 +1,72 @@
+<?php
+
+use Kirby\Cms\ModelWithContent;
+use Kirby\Cms\Page;
+use Kirby\Cms\Site;
+use Kirby\Panel\Ui\Buttons\LanguagesDropdown;
+use Kirby\Panel\Ui\Buttons\OpenButton;
+use Kirby\Panel\Ui\Buttons\PageStatusButton;
+use Kirby\Panel\Ui\Buttons\PreviewButton;
+use Kirby\Panel\Ui\Buttons\SettingsButton;
+use Kirby\Panel\Ui\Buttons\VersionsButton;
+
+return [
+	'site.open' => function (Site $site, string $versionId = 'latest') {
+		$versionId = $versionId === 'compare' ? 'changes' : $versionId;
+		$link      = $site->previewUrl($versionId);
+
+		if ($link !== null) {
+			return new OpenButton(
+				link: $link,
+			);
+		}
+	},
+	'site.preview' => function (Site $site) {
+		if ($site->previewUrl() !== null) {
+			return new PreviewButton(
+				link: $site->panel()->url(true) . '/preview/changes',
+			);
+		}
+	},
+	'site.versions' => function (Site $site, string $versionId = 'latest') {
+		return new VersionsButton(
+			model: $site,
+			versionId: $versionId
+		);
+	},
+	'page.open' => function (Page $page, string $versionId = 'latest') {
+		$versionId = $versionId === 'compare' ? 'changes' : $versionId;
+		$link      = $page->previewUrl($versionId);
+
+		if ($link !== null) {
+			return new OpenButton(
+				link: $link,
+			);
+		}
+	},
+	'page.preview' => function (Page $page) {
+		if ($page->previewUrl() !== null) {
+			return new PreviewButton(
+				link: $page->panel()->url(true) . '/preview/changes',
+			);
+		}
+	},
+	'page.versions' => function (Page $page, string $versionId = 'latest') {
+		return new VersionsButton(
+			model: $page,
+			versionId: $versionId
+		);
+	},
+	'page.settings' => fn (Page $page) => new SettingsButton(model: $page),
+	'page.status'   => fn (Page $page) => new PageStatusButton($page),
+
+	// `languages` button needs to be in site area,
+	// as the  languages might be not loaded even in
+	// multilang mode when the `languages` option is deactivated
+	// (but content languages to switch between still can exist)
+	'languages' => fn (ModelWithContent $model) =>
+		new LanguagesDropdown($model),
+
+	// file buttons
+	...require __DIR__ . '/../files/buttons.php'
+];
diff --git a/kirby/config/areas/users/buttons.php b/kirby/config/areas/users/buttons.php
new file mode 100644
index 0000000..f6fa067
--- /dev/null
+++ b/kirby/config/areas/users/buttons.php
@@ -0,0 +1,20 @@
+<?php
+
+use Kirby\Cms\User;
+use Kirby\Panel\Ui\Buttons\SettingsButton;
+use Kirby\Panel\Ui\Buttons\ViewButton;
+use Kirby\Toolkit\I18n;
+
+return [
+	'users.create' => function (User $user, string|null $role = null) {
+		return new ViewButton(
+			dialog: 'users/create?role=' . $role,
+			disabled: $user->kirby()->roles()->canBeCreated()->count() < 1,
+			icon: 'add',
+			text: I18n::translate('user.create'),
+		);
+	},
+	'user.settings' => function (User $user) {
+		return new SettingsButton(model: $user);
+	}
+];
diff --git a/kirby/config/sections/mixins/batch.php b/kirby/config/sections/mixins/batch.php
new file mode 100644
index 0000000..25128f2
--- /dev/null
+++ b/kirby/config/sections/mixins/batch.php
@@ -0,0 +1,45 @@
+<?php
+
+use Kirby\Exception\Exception;
+use Kirby\Exception\PermissionException;
+use Kirby\Toolkit\I18n;
+
+return [
+	'props' => [
+		/**
+		 * Activates the batch delete option for the section
+		 */
+		'batch' => function (bool $batch = false) {
+			return $batch;
+		},
+	],
+	'methods' => [
+		'deleteSelected' => function (array $ids): bool {
+			if ($ids === []) {
+				return true;
+			}
+
+			// check if batch deletion is allowed
+			if ($this->batch() === false) {
+				throw new PermissionException(
+					message: 'The section does not support batch actions'
+				);
+			}
+
+			$min = $this->min();
+
+			// check if the section has enough items after the deletion
+			if ($this->total() - count($ids) < $min) {
+				throw new Exception(
+					message: I18n::template('error.section.' . $this->type() . '.min.' . I18n::form($min), [
+						'min'     => $min,
+						'section' => $this->headline()
+					])
+				);
+			}
+
+			$this->models()->delete($ids);
+			return true;
+		}
+	]
+];
diff --git a/kirby/i18n/translations/bs.json b/kirby/i18n/translations/bs.json
new file mode 100644
index 0000000..5d44fbe
--- /dev/null
+++ b/kirby/i18n/translations/bs.json
@@ -0,0 +1,799 @@
+{
+	"account.changeName": "Promijeni svoje ime",
+	"account.delete": "Obriši svoj račun",
+	"account.delete.confirm": "Da li stvarno želite obrisati svoj račun? Odmah ćete biti odjavljeni. Vaš račun neće biti moguće oporaviti.",
+
+	"activate": "Aktiviraj",
+	"add": "Dodaj",
+	"alpha": "Alpha",
+	"author": "Autor",
+	"avatar": "Profilna slika",
+	"back": "Natrag",
+	"cancel": "Odustani",
+	"change": "Promijeni",
+	"close": "Zatvori",
+	"changes": "Promjene",
+	"confirm": "Ok",
+	"collapse": "Skupi",
+	"collapse.all": "Skupi sve",
+	"color": "Boja",
+	"coordinates": "Koordinate",
+	"copy": "Kopiraj",
+	"copy.all": "Kopiraj sve",
+	"copy.success": "Kopirano",
+	"copy.success.multiple": "{count} kopirano!",
+	"copy.url": "Kopiraj URL",
+	"create": "Kreiraj",
+	"custom": "Prilagođeno",
+
+	"date": "Datum",
+	"date.select": "Odaberi datum",
+
+	"day": "Dan",
+	"days.fri": "Pet",
+	"days.mon": "Pon",
+	"days.sat": "Sub",
+	"days.sun": "Ned",
+	"days.thu": "Čet",
+	"days.tue": "Uto",
+	"days.wed": "Sri",
+
+	"debugging": "Debugiranje",
+
+	"delete": "Obriši",
+	"delete.all": "Obriši sve",
+
+	"dialog.fields.empty": "Ovaj dijalog nema polja",
+	"dialog.files.empty": "Nema datoteka za odabir",
+	"dialog.pages.empty": "Nema stranica za odabir",
+	"dialog.text.empty": "Ovaj dijalog ne definira nikakav tekst",
+	"dialog.users.empty": "Nema korisnika za odabir",
+
+	"dimensions": "Dimenzije",
+	"disable": "Onemogući",
+	"disabled": "Onemogućeno",
+	"discard": "Odbaci",
+
+	"drawer.fields.empty": "Ova ladica nema polja",
+
+	"domain": "Domena",
+	"download": "Download",
+	"duplicate": "Dupliciraj",
+
+	"edit": "Uredi",
+
+	"email": "Email",
+	"email.placeholder": "mail@example.com",
+
+	"enter": "Enter",
+	"entries": "Unosi",
+	"entry": "Unos",
+
+	"environment": "Okruženje",
+
+	"error": "Greška",
+	"error.access.code": "Nevažeći kod",
+	"error.access.login": "Nevažeći login",
+	"error.access.panel": "Pristup panelu nije dozvoljen",
+	"error.access.view": "Pristup ovom dijelu panela nije dozvoljen",
+
+	"error.avatar.create.fail": "Profilnu sliku nije moguće spremiti",
+	"error.avatar.delete.fail": "Profilna slika se ne može obrisati",
+	"error.avatar.dimensions.invalid": "Nevažeće dimenzije. Promijenite visinu i širinu profilne slike ispod 3000 piksela",
+	"error.avatar.mime.forbidden": "Profilna slika mora biti u JPEG ili PNG formatu",
+
+	"error.blueprint.notFound": "Blueprint \"{name}\" nije pronađen",
+
+	"error.blocks.max.plural": "Ne smijete dodati više od {max} blokova",
+	"error.blocks.max.singular": "Ne smijete dodati više od jednog bloka",
+	"error.blocks.min.plural": "Morate dodati najmanje {min} blokova",
+	"error.blocks.min.singular": "Morate dodati najmanje jedan blok",
+	"error.blocks.validation": "Postoji greška kod \"{field}\" polja, u bloku {index}, pri korištenju bloka tipa \"{fieldset}\" ",
+
+	"error.cache.type.invalid": "Nevažeći tip za cache \"{type}\"",
+
+	"error.content.lock.delete": "Ova verzija je zaključana i ne može se obrisati",
+	"error.content.lock.move": "Izvorna verzija je zaključana i ne može se premjestiti",
+	"error.content.lock.publish": "Ova verzija je već objavljena",
+	"error.content.lock.replace": "Ova verzija je zaključana i ne može se zamijeniti",
+	"error.content.lock.update": "Ova verzija je zaključana i ne može se urediti",
+
+	"error.entries.max.plural": "Ne smijete dodati više od {max} unosa",
+	"error.entries.max.singular": "Ne smijete dodati više od jednog unosa",
+	"error.entries.min.plural": "Morate dodati najmanje {min} unosa",
+	"error.entries.min.singular": "Morate dodati najmanje jedan unos",
+	"error.entries.supports": "\"{type}\" tip polja nije podržan za polje unosa",
+	"error.entries.validation": "Postoji greška na \"{field}\" polju u redu {index}",
+
+	"error.email.preset.notFound": "Email preset \"{name}\" nije pronađen",
+
+	"error.field.converter.invalid": "Nevažeći Converter \"{converter}\"",
+	"error.field.link.options": "Nevažeće opcije: {options}",
+	"error.field.type.missing": "Polje \"{name}\": Tip polja \"{type}\" ne postoji",
+
+	"error.file.changeName.empty": "Naziv ne smije biti prazan",
+	"error.file.changeName.permission": "Nemate dozvolu da promijenite naziv datoteke \"{filename}\"",
+	"error.file.changeTemplate.invalid": "Predložak za datoteku \"{id}\" se ne može promijeniti u \"{template}\" (dozvoljeno: \"{blueprints}\")",
+	"error.file.changeTemplate.permission": "Nemate dozvolu da promijenite predložak za datoteku \"{id}\"",
+
+	"error.file.delete.multiple": "Nije bilo moguće obrisati sve datoteke. Pokušajte ih obrisati pojedinačno da bi vidjeli specifičnu grešku koja sprječava brisanje. ",
+	"error.file.duplicate": "Datoteka sa imenom \"{filename}\" već postoji",
+	"error.file.extension.forbidden": "Ekstenzija \"{extension}\" nije dozvoljena",
+	"error.file.extension.invalid": "Nevažeća ekstenzija: {extension}",
+	"error.file.extension.missing": "Ekstenzija za datoteku \"{filename}\" nedostaje",
+	"error.file.maxheight": "Visina slike ne smije prelaziti {height} piksela",
+	"error.file.maxsize": "Datoteka je prevelika",
+	"error.file.maxwidth": "Širina slike ne smije prelaziti {width} piksela",
+	"error.file.mime.differs": "Uploadana datoteka mora biti istog mime tipa \"{mime}\"",
+	"error.file.mime.forbidden": "Tip medija \"{mime}\" nije dozvoljen",
+	"error.file.mime.invalid": "Nevažeći mime tip: {mime}",
+	"error.file.mime.missing": "Tip medija za \"{filename}\" se ne može očitati",
+	"error.file.minheight": "Visina slike mora biti najmanje {height} piksela",
+	"error.file.minsize": "Datoteka je premala",
+	"error.file.minwidth": "Širina slike mora biti najmanje {height} piksela",
+	"error.file.name.unique": "Naziv datoteke mora biti jedinstven",
+	"error.file.name.missing": "Naziv datoteke ne smije biti prazan",
+	"error.file.notFound": "Datoteka \"{filename}\" nije pronađena",
+	"error.file.orientation": "Orijentacija slike mora biti \"{orientation}\"",
+	"error.file.sort.permission": "Nemate dozvolu da promijenite sortiranje od \"{filename}\"",
+	"error.file.type.forbidden": "Nije dozvoljen upload {type} datoteka",
+	"error.file.type.invalid": "Nevažeći tip datoteke: {type}",
+	"error.file.undefined": "Datoteka nije pronađena",
+
+	"error.form.incomplete": "Popravi sve greške na formi...",
+	"error.form.notSaved": "Forma se ne može spremiti",
+
+	"error.language.code": "Unesi važeći kod za jezik",
+	"error.language.create.permission": "Nemate dozvolu da kreirate jezik",
+	"error.language.delete.permission": "Nemate dozvolu da obrišete jezik",
+	"error.language.duplicate": "Jezik već postoji",
+	"error.language.name": "Unesi važeći naziv za jezik",
+	"error.language.notFound": "Jezik nije pronađen",
+	"error.language.update.permission": "Nemate dozvolu da ažurirate jezik",
+
+	"error.layout.validation.block": "Postoji greška kod \"{field}\" polja, u bloku {blockIndex}, pri korištenju bloka tipa \"{fieldset}\" u rasporedu {layoutIndex}",
+	"error.layout.validation.settings": "Postoji greška u postavkama rasporeda {index}",
+
+	"error.license.domain": "Domena za licencu nedostaje",
+	"error.license.email": "Unesite važeću email adresu",
+	"error.license.format": "Unesite važeću licencu",
+	"error.license.verification": "Licenca se ne može verificirati",
+
+	"error.login.totp.confirm.invalid": "Nevažeći kod",
+	"error.login.totp.confirm.missing": "Unesi trenutni kod",
+
+	"error.object.validation": "Postoji greška u \"{label}\" polju:\n{message}",
+
+	"error.offline": "Panel je trenutno offline",
+
+	"error.page.changeSlug.permission": "Nemate dozvolu da promijenite URL nastavak za \"{slug}\"",
+	"error.page.changeSlug.reserved": "Putanja stranica najvišeg nivoa ne smije počinjati sa \"{path}\"",
+	"error.page.changeStatus.incomplete": "Stranica sadrži greške i ne može se objaviti",
+	"error.page.changeStatus.permission": "Status za ovu stranicu se ne može promijeniti",
+	"error.page.changeStatus.toDraft.invalid": "Stranica \"{slug}\" se ne može pretvoriti u skicu",
+	"error.page.changeTemplate.invalid": "Predložak za stranicu \"{slug}\" se ne može promijeniti",
+	"error.page.changeTemplate.permission": "Nemate dozvolu da promijenite predložak za \"{slug}\"",
+	"error.page.changeTitle.empty": "Naslov ne može biti prazan",
+	"error.page.changeTitle.permission": "Nemate dozvolu da promijenite naslov za \"{slug}\"",
+	"error.page.create.permission": "Nemate dozvolu da kreirate \"{slug}\"",
+	"error.page.delete": "Stranica \"{slug}\" se ne može obrisati",
+	"error.page.delete.confirm": "Unesite naslov stranice da potvrdite",
+	"error.page.delete.hasChildren": "Stranica sadrži podstranice i ne može se obrisati",
+	"error.page.delete.multiple": "Nije bilo moguće obrisati sve stranice. Pokušajte ih obrisati pojedinačno da bi vidjeli specifičnu grešku koja sprječava brisanje. ",
+	"error.page.delete.permission": "Nemate dozvolu da obrišete \"{slug}\"",
+	"error.page.draft.duplicate": "Skica stranice sa URL nastavkom \"{slug}\" već postoji",
+	"error.page.duplicate": "Stranica sa URL nastavkom \"{slug}\" već postoji",
+	"error.page.duplicate.permission": "Nemate dozvolu da duplicirate \"{slug}\"",
+	"error.page.move.ancestor": "Stranica se ne može premjestiti u samu sebe",
+	"error.page.move.directory": "Direktorij stranice se ne može premjestiti",
+	"error.page.move.duplicate": "Podstranica sa URL nastavkom \"{slug}\" već postoji",
+	"error.page.move.noSections": "Stranica \"{parent}\" ne može biti roditelj bilo koje podstranice jer ne sadrži sekciju \"pages\" u svom blueprintu",
+	"error.page.move.notFound": "Premještena stranica se ne može pronaći",
+	"error.page.move.permission": "Nemate dozvolu da premjestite \"{slug}\"",
+	"error.page.move.template": "Predložak \"{template}\" nije prihvaćen kao podstranica od \"{parent}\"",
+	"error.page.notFound": "Stranica \"{slug}\" nije pronađena",
+	"error.page.num.invalid": "Unesi važeći broj za sortiranje. Brojevi ne smiju biti negativni.",
+	"error.page.slug.invalid": "Unesi važeći URL prefiks",
+	"error.page.slug.maxlength": "Dužina URL nastavka mora biti manja od \"{length}\" znakova",
+	"error.page.sort.permission": "Stranica \"{slug}\" se ne može sortirati",
+	"error.page.status.invalid": "Odaberi važeći status stranice",
+	"error.page.undefined": "Stranica nije pronađena",
+	"error.page.update.permission": "Nemate dozvolu da uredite \"{slug}\"",
+
+	"error.section.files.max.plural": "Nije moguće dodati više od {max} datoteka u \"{section}\" sekciju",
+	"error.section.files.max.singular": "Nije moguće dodati više od jedne datoteke u \"{section}\" sekciju",
+	"error.section.files.min.plural": "Sekcija \"{section}\" zahtjeva najmanje {min} datoteka",
+	"error.section.files.min.singular": "Sekcija \"{section}\" zahtjeva najmanje jednu datoteku",
+
+	"error.section.pages.max.plural": "Nije moguće dodati više od {max} stranica u \"{section}\" sekciju",
+	"error.section.pages.max.singular": "Nije moguće dodati više od jedne stranice \"{section}\" sekciju",
+	"error.section.pages.min.plural": "Sekcija \"{section}\" zahtjeva najmanje {min} stranica",
+	"error.section.pages.min.singular": "Sekcija \"{section}\" zahtjeva najmanje jednu stranicu",
+
+	"error.section.notLoaded": "Sekcija \"{name}\" se nije mogla učitati",
+	"error.section.type.invalid": "Tip sekcije \"{type}\" nije važeći",
+
+	"error.site.changeTitle.empty": "The title must not be empty",
+	"error.site.changeTitle.permission": "Nemate dozvolu da promijenite naslov stranice",
+	"error.site.update.permission": "Nemate dozvolu da uredite stranicu",
+
+	"error.structure.validation": "Postoji greška na \"{field}\" polju u redu {index}",
+
+	"error.template.default.notFound": "Default predložak ne postoji",
+
+	"error.unexpected": "Dogodila se neočekivana greška! Omogućite debug modus za više informacija: https://getkirby.com/docs/reference/system/options/debug",
+
+	"error.user.changeEmail.permission": "Nemate dozvolu da promijenite email adresu korisnika \"{name}\"",
+	"error.user.changeLanguage.permission": "Nemate dozvolu da promijenite jezik korisnika \"{name}\"",
+	"error.user.changeName.permission": "Nemate dozvolu da promijenite ime korisnika \"{name}\"",
+	"error.user.changePassword.permission": "Nemate dozvolu da promijenite šifru korisnika \"{name}\"",
+	"error.user.changeRole.lastAdmin": "Uloga zadnjeg administratora se ne može promijeniti",
+	"error.user.changeRole.permission": "Nemate dozvolu da promijenite ulogu korisnika \"{name}\"",
+	"error.user.changeRole.toAdmin": "Nemate dozvolu da promijenite ulogu nekog korisnika u administratora",
+	"error.user.create.permission": "Nemate dozvolu da kreirate ovog korisnika",
+	"error.user.delete": "Korisnik \"{name}\" se ne može obrisati",
+	"error.user.delete.lastAdmin": "Zadnji administrator se ne može obrisati",
+	"error.user.delete.lastUser": "Zadnji korisnik se ne može obrisati",
+	"error.user.delete.permission": "Nemate dozvolu da obrišete korisnika \"{name}\"",
+	"error.user.duplicate": "Korisnik sa email adresom \"{email}\" već postoji",
+	"error.user.email.invalid": "Unesite važeću email adresu",
+	"error.user.language.invalid": "Unesi važeći jezik",
+	"error.user.notFound": "Korisnik \"{name}\" nije pronađen",
+	"error.user.password.excessive": "Unesite važeću šifru. Šifre ne smiju biti duže od 1000 znakova",
+	"error.user.password.invalid": "Unesi važeću šifru. Šifre moraju sadržavati najmanje 8 znakova.",
+	"error.user.password.notSame": "Šifre se ne podudaraju",
+	"error.user.password.undefined": "Korisnik nema šifru",
+	"error.user.password.wrong": "Kriva šifra",
+	"error.user.role.invalid": "Uloga je nevažeća",
+	"error.user.undefined": "Nije moguće pronaći korisnika",
+	"error.user.update.permission": "Nemate dozvolu da uredite korisnika \"{name}\"",
+
+	"error.validation.accepted": "Potvrdi",
+	"error.validation.alpha": "Koristi samo znakove u rasponu a-z",
+	"error.validation.alphanum": "Koristi samo znakove u rasponu a-z ili brojeve 0-9",
+	"error.validation.anchor": "Unesite ispravan anker linka",
+	"error.validation.between": "Unesi vrijednost između \"{min}\" i \"{max}\"",
+	"error.validation.boolean": "Potvrdi ili otkaži",
+	"error.validation.color": "Unesite važeću boju u {format} formatu",
+	"error.validation.contains": "Unesi vrijednost koja sadrži \"{needle}\"",
+	"error.validation.date": "Unesi važeći datum",
+	"error.validation.date.after": "Unesi datum nakon {date}",
+	"error.validation.date.before": "Unesi datum prije {date}",
+	"error.validation.date.between": "Unesi datum između {min} i {max}",
+	"error.validation.denied": "Otkaži",
+	"error.validation.different": "Vrijednost ne može biti \"{other}\"",
+	"error.validation.email": "Unesite važeću email adresu",
+	"error.validation.endswith": "Vrijednost mora završavati sa \"{end}\"",
+	"error.validation.filename": "Unesi važeći naziv datoteke",
+	"error.validation.in": "Unesi jedno od slijedećeg: ({in})",
+	"error.validation.integer": "Unesi važeći cijeli broj",
+	"error.validation.ip": "Unesi važeću IP adresu",
+	"error.validation.less": "Unesi vrijednost manju od {max}",
+	"error.validation.linkType": "Tip linka nije dozvoljen",
+	"error.validation.match": "Vrijednost ne odgovara očekivanom uzorku",
+	"error.validation.max": "Unesi vrijednost jednaku ili manju od {max}",
+	"error.validation.maxlength": "Unesi kraću vrijednost. (max. {max} znakova)",
+	"error.validation.maxwords": "Unesi najviše {max} riječ(i)",
+	"error.validation.min": "Unesi vrijednost jednaku ili veću od {min}",
+	"error.validation.minlength": "Unesi dužu vrijednost. (min. {min} znakova)",
+	"error.validation.minwords": "Unesi najmanje {min} riječ(i)",
+	"error.validation.more": "Unesi veću vrijednost od {min}",
+	"error.validation.notcontains": "Unesi vrijednost koja NE sadrži \"{needle}\"",
+	"error.validation.notin": "Nemojte unositi bilo šta od slijedećeg: ({notIn})",
+	"error.validation.option": "Odaberite važeću opciju",
+	"error.validation.num": "Odaberite važeći broj",
+	"error.validation.required": "Unesi nešto",
+	"error.validation.same": "Unesi \"{other}\"",
+	"error.validation.size": "Dužina unosa mora biti \"{size}\"",
+	"error.validation.startswith": "Unos mora počinjati sa \"{start}\"",
+	"error.validation.tel": "Unesite neformatirani broj telefona",
+	"error.validation.time": "Unesi važeće vrijeme",
+	"error.validation.time.after": "Unesite vrijeme poslije {time}",
+	"error.validation.time.before": "Unesite vrijeme prije {time}",
+	"error.validation.time.between": "Unesite vrijeme između {min} i {max}",
+	"error.validation.uuid": "Unesite važeći UUID",
+	"error.validation.url": "Unesi važeći URL",
+
+	"expand": "Proširi",
+	"expand.all": "Proširi sve",
+
+	"field.invalid": "Polje je nevažeće",
+	"field.required": "Polje je obavezno",
+	"field.blocks.changeType": "Promijena tipa",
+	"field.blocks.code.name": "Kod",
+	"field.blocks.code.language": "Jezik",
+	"field.blocks.code.placeholder": "Vaš kod ...",
+	"field.blocks.delete.confirm": "Da li stvarno želite obrisati ovaj blok?",
+	"field.blocks.delete.confirm.all": "Da li stvarno želite obrisati sve blokove?",
+	"field.blocks.delete.confirm.selected": "Da li stvarno želite obrisati odabrane blokove?",
+	"field.blocks.empty": "Još nema blokova",
+	"field.blocks.fieldsets.empty": "Još nema skupova polja",
+	"field.blocks.fieldsets.label": "Odaberite tip bloka ...",
+	"field.blocks.fieldsets.paste": "Pritisnite <kbd>{{ shortcut }}</kbd> da uvezete rasporede/blokove iz vašeg međuspremnika.<small>Samo oni dozvoljeni u trenutnom polju će biti umetnuti.</small>",
+	"field.blocks.gallery.name": "Galerija",
+	"field.blocks.gallery.images.empty": "Još nema slika",
+	"field.blocks.gallery.images.label": "Slike",
+	"field.blocks.heading.level": "Nivo",
+	"field.blocks.heading.name": "Naslov",
+	"field.blocks.heading.text": "Tekst",
+	"field.blocks.heading.placeholder": "Naslov ...",
+	"field.blocks.figure.back.plain": "Obično",
+	"field.blocks.figure.back.pattern.light": "Uzorak (svijetlo)",
+	"field.blocks.figure.back.pattern.dark": "Uzorak (tamno)",
+	"field.blocks.image.alt": "Alternativni tekst",
+	"field.blocks.image.caption": "Natpis",
+	"field.blocks.image.crop": "Odreži",
+	"field.blocks.image.link": "Link",
+	"field.blocks.image.location": "Lokacija",
+	"field.blocks.image.location.internal": "Ova web stranica",
+	"field.blocks.image.location.external": "Eksterni izvor",
+	"field.blocks.image.name": "Slika",
+	"field.blocks.image.placeholder": "Odaberi sliku",
+	"field.blocks.image.ratio": "Omjer",
+	"field.blocks.image.url": "URL slike",
+	"field.blocks.line.name": "Linija",
+	"field.blocks.list.name": "Lista",
+	"field.blocks.markdown.name": "Markdown",
+	"field.blocks.markdown.label": "Tekst",
+	"field.blocks.markdown.placeholder": "Markdown ...",
+	"field.blocks.quote.name": "Citat",
+	"field.blocks.quote.text.label": "Tekst",
+	"field.blocks.quote.text.placeholder": "Citat ...",
+	"field.blocks.quote.citation.label": "Citiranje",
+	"field.blocks.quote.citation.placeholder": "po ...",
+	"field.blocks.text.name": "Tekst",
+	"field.blocks.text.placeholder": "Tekst ...",
+	"field.blocks.video.autoplay": "Automatski reproduciraj",
+	"field.blocks.video.caption": "Natpis",
+	"field.blocks.video.controls": "Kontrole",
+	"field.blocks.video.location": "Lokacija",
+	"field.blocks.video.loop": "Ponavljaj",
+	"field.blocks.video.muted": "Utišano",
+	"field.blocks.video.name": "Video",
+	"field.blocks.video.placeholder": "Unesi video URL",
+	"field.blocks.video.poster": "Poster",
+	"field.blocks.video.preload": "Predučitavanje",
+	"field.blocks.video.url.label": "Video-URL",
+	"field.blocks.video.url.placeholder": "https://youtube.com/?v=",
+
+	"field.entries.delete.confirm.all": "Da li stvarno želite obrisati sve unose?",
+	"field.entries.empty": "Još nema unosa",
+
+	"field.files.empty": "Niti jedna datoteka još nije odabrana",
+	"field.files.empty.single": "Datoteka još nije odabrana",
+
+	"field.layout.change": "Promijeni raspored",
+	"field.layout.delete": "Obriši raspored",
+	"field.layout.delete.confirm": "Da li stvarno želite obrisati ovaj raspored?",
+	"field.layout.delete.confirm.all": "Da li stvarno želite obrisati sve rasporede?",
+	"field.layout.empty": "Još nema redova",
+	"field.layout.select": "Odaberi raspored",
+
+	"field.object.empty": "Još nema informacija",
+
+	"field.pages.empty": "Niti jedna stranica još nije odabrana",
+	"field.pages.empty.single": "Stranica još nije odabrana",
+
+	"field.structure.delete.confirm": "Da li stvarno želite obrisati ovaj red?",
+	"field.structure.delete.confirm.all": "Da li stvarno želite obrisati sve unose?",
+	"field.structure.empty": "Još nema unosa",
+
+	"field.users.empty": "Niti jedan korisnik još nije odabran",
+	"field.users.empty.single": "Korisnik još nije odabran",
+
+	"fields.empty": "Još nema polja",
+
+	"file": "Datoteka",
+	"file.blueprint": "Ovaj fajl još uvijek nema blueprint. Možete definirati postavke u <strong>/site/blueprints/files/{blueprint}.yml</strong>",
+	"file.changeTemplate": "Promijeni predložak",
+	"file.changeTemplate.notice": "Promjena predloška datoteke će ukloniti sadržaj za polja koja se ne podudaraju po tipu. Ako novi predložak definira određena pravila, npr. dimenzije slike, ona će se također nepovratno primijeniti. Koristite s oprezom.",
+	"file.delete.confirm": "Da li stvarno želite obrisati <br><strong>{filename}</strong>?",
+	"file.focus.placeholder": "Postavi fokalnu tačku",
+	"file.focus.reset": "Ukloni fokalnu tačku",
+	"file.focus.title": "Fokus",
+	"file.sort": "Promijeni poziciju",
+
+	"files": "Datoteke",
+	"files.delete.confirm.selected": "Da li stvarno želite da obrišete odabrane datoteke? Ova akcija se ne može poništiti.",
+	"files.empty": "Još nema datoteka...",
+
+	"filter": "Filter",
+
+	"form.discard": "Odbaci promjene",
+	"form.discard.confirm": "Da li stvarno želite <strong>odbaciti sve promjene</strong>?",
+	"form.locked": "Ovaj sadržaj je vama onemogućen jer ga trenutno uređuje drugi korisnik",
+	"form.unsaved": "Trenutne promjene još uvijek nisu spremljene",
+	"form.preview": "Pregledaj izmjene",
+	"form.preview.draft": "Pregledaj skicu",
+
+	"hide": "Sakrij",
+	"hour": "Sat",
+	"hue": "Nijansa",
+	"import": "Uvoz",
+	"info": "Info",
+	"insert": "Umetni",
+	"insert.after": "Umetni nakon",
+	"insert.before": "Umetni prije",
+	"install": "Instaliraj",
+
+	"installation": "Instalacija",
+	"installation.completed": "Panel je instaliran",
+	"installation.disabled": "Instaler za panel je onemogućen na javnim serverima po defaultu. Pokreni instaler na lokalnom okruženju ili omogući sa <code>panel.install</code> opcijom.",
+	"installation.issues.accounts": "Folder <code>/site/accounts</code> ne postoji ili nema dozvolu pisanja",
+	"installation.issues.content": "Folder <code>/content</code> ne postoji ili nema dozvolu pisanja",
+	"installation.issues.curl": "Ekstenzija <code>CURL</code> je neophodna",
+	"installation.issues.headline": "Panel se ne može instalirati",
+	"installation.issues.mbstring": "Ekstenzija <code>MB String</code> je neophodna",
+	"installation.issues.media": "Folder <code>/media</code> ne postoji ili nema dozvolu pisanja",
+	"installation.issues.php": "Obavezno koristite <code>PHP 7+</code>",
+	"installation.issues.sessions": "Folder <code>/site/sessions</code> ne postoji ili nema dozvolu pisanja",
+
+	"language": "Jezik",
+	"language.code": "Kod",
+	"language.convert": "Postavi kao zadani",
+	"language.convert.confirm": "<p>Da li stvarno želite konvertirati <strong>{name}</strong> u zadani jezik? Ova akcija se ne može poništiti. </p><p>Ukoliko <strong>{name}</strong> sadrži dijelove bez prijevoda, neće postojati važeći fallback što može prouzrokovati prazne dijelove na ovoj stranici.</p>",
+	"language.create": "Dodaj novi jezik",
+	"language.default": "Zadani jezik",
+	"language.delete.confirm": "Da li stvarno želite obrisati jezik <strong>{name}</strong> including all translations? This cannot be undone!",
+	"language.deleted": "Jezik je obrisan",
+	"language.direction": "Smjer čitanja",
+	"language.direction.ltr": "Sa lijeva na desno",
+	"language.direction.rtl": "Sa desna na lijevo",
+	"language.locale": "PHP lokalizacijski string",
+	"language.locale.warning": "Sistem koristi prilagođenu lokalizaciju. Promijeni postavke u jezičnoj datoteci u /site/languages",
+	"language.name": "Naziv",
+	"language.secondary": "Sekundarni jezik",
+	"language.settings": "Postavke jezika",
+	"language.updated": "Jezik je izmijenjen",
+	"language.variables": "Jezične varijable",
+	"language.variables.empty": "Još nema prijevoda",
+
+	"language.variable.delete.confirm": "Da li stvarno želite da obrišete varijablu za {key}?",
+	"language.variable.entries": "Values",
+	"language.variable.entries.help": "Each string will be used for its matching count, e.g. three strings will match in order to counts <code>0</code>, <code>1</code>, <code>2 and more</code>. Use the <code>{count}</code> placeholder to insert the actual count.",
+	"language.variable.key": "Ključ",
+	"language.variable.multiple": "Countable?",
+	"language.variable.multiple.text": "Use different translation strings",
+	"language.variable.multiple.help": "You can use different values depending on a count you pass along with the language variable, allowing you to create dynamic translations, e.g. singular and plural.",
+	"language.variable.notFound": "Varijablu nije moguće pronaći",
+	"language.variable.value": "Vrijednost",
+
+	"languages": "Jezici",
+	"languages.default": "Zadani jezik",
+	"languages.empty": "Jezici još nisu definirani",
+	"languages.secondary": "Sekundarni jezici",
+	"languages.secondary.empty": "Sekundarni jezici još nisu definirani",
+
+	"license": "Licenca",
+	"license.activate": "Aktivirajte odmah",
+	"license.activate.label": "Aktivirajte vašu licencu",
+	"license.activate.domain": "Vaša licenca će biti aktivirana za <strong>{host}</strong>.",
+	"license.activate.local": "Upravo ćete aktivirati svoju Kirby licencu za vašu lokalnu domenu {host}. Ako će ova stranica biti postavljena na javnu domenu, molimo vas da je tamo aktivirate. Ako je {host} domena za koju želite koristiti svoju licencu, molimo vas da nastavite.",
+	"license.activated": "Aktivirano",
+	"license.buy": "Kupite licencu",
+	"license.code": "Kod",
+	"license.code.help": "Primili ste vašu licencu nakon kupovine putem e-maila. Molimo da je kopirate i zalijepite ovdje.",
+	"license.code.label": "Unesite vašu licencu",
+	"license.status.active.info": "Uključuje nove glavne verzije do {date}",
+	"license.status.active.label": "Važeća licenca",
+	"license.status.demo.info": "Ovo je demo instalacija",
+	"license.status.demo.label": "Demo",
+	"license.status.inactive.info": "Obnovi licencu da bi se ažuriralo na nove glavne verzije",
+	"license.status.inactive.label": "Nema novih glavnih verzija",
+	"license.status.legacy.bubble": "Spremni da obnovite vašu licencu?",
+	"license.status.legacy.info": "Vaša licenca ne pokriva ovu verziju",
+	"license.status.legacy.label": "Obnovite vašu licencu",
+	"license.status.missing.bubble": "Spremni da objavite vašu stranicu?",
+	"license.status.missing.info": "Ne postoji važeća licenca",
+	"license.status.missing.label": "Aktivirajte vašu licencu",
+	"license.status.unknown.info": "Status licence je nepoznat",
+	"license.status.unknown.label": "Nepoznato",
+	"license.manage": "Upravljanje vašim licencama",
+	"license.purchased": "Kupljeno",
+	"license.success": "Hvala što podržavate Kirby",
+	"license.unregistered.label": "Neregistrovano",
+
+	"link": "Link",
+	"link.text": "Tekst linka",
+
+	"loading": "Učitavanje",
+
+	"lock.unsaved": "Izmjene nisu spremljene",
+	"lock.unsaved.empty": "Ne postoje druge izmjene za spremanje",
+	"lock.unsaved.files": "Nespremljene datoteke",
+	"lock.unsaved.pages": "Nespremljene stranice",
+	"lock.unsaved.users": "Nespremljeni računi",
+	"lock.isLocked": "Izmjene od strane <strong>{email}</strong>",
+	"lock.unlock": "Otključaj",
+	"lock.unlock.submit": "Otključaj i prepiši preko nespremljenih promjena od <strong>{email}</strong>",
+	"lock.isUnlocked": "Vaše izmjene su zamijenjene sa izmjenama drugog korisnika. Dostupne su za download, te ih možete spojiti manuelno.",
+
+	"login": "Prijava",
+	"login.code.label.login": "Kod za prijavu",
+	"login.code.label.password-reset": "Kod za resetiranje šifre",
+	"login.code.placeholder.email": "000 000",
+	"login.code.placeholder.totp": "000000",
+	"login.code.text.email": "Ako je vaša e-mail adresa registrirana, traženi kod je poslan putem e-maila.",
+	"login.code.text.totp": "Unesite jednokratni kod iz vaše autentifikacijske aplikacije.",
+	"login.email.login.body": "Zdravo {user.nameOrEmail},\n\nNedavno ste zatražili kod za prijavu na Panel stranice {site}.\nSljedeći kod za prijavu važiće {timeout} minuta:\n\n{code}\n\nAko niste zatražili kod za prijavu, molimo vas da zanemarite ovaj e-mail ili kontaktirate svog administratora ako imate pitanja.\nIz sigurnosnih razloga, molimo vas da NE prosljeđujete ovaj e-mail.",
+	"login.email.login.subject": "Vaš kod za prijavu",
+	"login.email.password-reset.body": "Zdravo {user.nameOrEmail},\n\nNedavno ste zatražili kod za resetiranje šifre za Panel stranice {site}.\nSljedeći kod za resetiranje šifre važiće {timeout} minuta:\n\n{code}\n\nAko niste zatražili kod za resetiranje šifre, molimo vas da zanemarite ovaj e-mail ili kontaktirate svog administratora ako imate pitanja.\nIz sigurnosnih razloga, molimo vas da NE prosljeđujete ovaj e-mail.",
+	"login.email.password-reset.subject": "Kod za resetiranje šifre",
+	"login.remember": "Zapamti moju prijavu",
+	"login.reset": "Resetiraj šifru",
+	"login.toggleText.code.email": "Prijava putem emaila",
+	"login.toggleText.code.email-password": "Prijava sa šifrom",
+	"login.toggleText.password-reset.email": "Zaboravljena šifra?",
+	"login.toggleText.password-reset.email-password": "← Nazad na login",
+	"login.totp.enable.option": "Postavite jednokratne kodove",
+	"login.totp.enable.intro": "Autentifikacijske aplikacije mogu generirati jednokratne kodove koji se koriste kao drugi faktor prilikom prijavljivanja u vaš račun.",
+	"login.totp.enable.qr.label": "1. Skeniraj ovaj QR kod",
+	"login.totp.enable.qr.help": "Skeniranje nije moguće? Dodaj ključ za postavljanje <code>{secret}</code> ručno u aplikaciju za autentifikaciju.",
+	"login.totp.enable.confirm.headline": "2. Potvrdi sa generisanim kodom",
+	"login.totp.enable.confirm.text": "Vaša aplikacija generira novi jednokratni kod svakih 30 sekundi. Unesite trenutni kod da završite postavljanje:",
+	"login.totp.enable.confirm.label": "Trenutni kod",
+	"login.totp.enable.confirm.help": "Nakon ovih postavki, tražićemo od vas jednokratni kod prilikom svakog prijavljivanja.",
+	"login.totp.enable.success": "Jednokratni kodovi omogućeni",
+	"login.totp.disable.option": "Onemogući jednokratne kodove",
+	"login.totp.disable.label": "Unesite vaš password da bi onemogućili jednokratne kodove",
+	"login.totp.disable.help": "Ubuduće, drugačiji drugi faktor poput koda za prijavu dostavljenog putem e-maila će biti zatražen prilikom slijedeće prijave. Uvijek ponovo možete postaviti jednokratne kodove kasnije.",
+	"login.totp.disable.admin": "<p>Ovo će onemogućiti jednokratne kodove za <strong>{user}</strong>.</p><p>Ubuduće, drugačiji drugi faktor poput koda za prijavu dostavljenog putem e-maila će biti zatražen prilikom prijave. {user} može postaviti jednokratne kodove nakon njihove slijedeće prijave.</p>",
+	"login.totp.disable.success": "Jednokratni kodovi onemogućeni",
+
+	"logout": "Odjava",
+
+	"merge": "Spoji",
+	"menu": "Izbornik",
+	"meridiem": "AM/PM",
+	"mime": "Tip medija",
+	"minutes": "Minute",
+
+	"month": "Mjesec",
+	"months.april": "April",
+	"months.august": "August",
+	"months.december": "Decembar",
+	"months.february": "Feburar",
+	"months.january": "Januar",
+	"months.july": "Juli",
+	"months.june": "Juni",
+	"months.march": "Mart",
+	"months.may": "Maj",
+	"months.november": "Novembar",
+	"months.october": "Oktobar",
+	"months.september": "Septembar",
+
+	"more": "Više",
+	"move": "Pomjeri",
+	"name": "Ime",
+	"next": "Dalje",
+	"night": "Noć",
+	"no": "ne",
+	"off": "off",
+	"on": "on",
+	"open": "Otvori",
+	"open.newWindow": "Otvori u novom prozoru",
+	"option": "Opcija",
+	"options": "Opcije",
+	"options.none": "Nema opcija",
+	"options.all": "Prikaži svih {count} options",
+
+	"orientation": "Orijentacija",
+	"orientation.landscape": "Pejzaž",
+	"orientation.portrait": "Portret",
+	"orientation.square": "Kvadrat",
+
+	"page": "Strana",
+	"page.blueprint": "Ova stranica još uvijek nema blueprint. Možete definirati postavke u <strong>/site/blueprints/pages/{blueprint}.yml</strong>",
+	"page.changeSlug": "Promijeni URL",
+	"page.changeSlug.fromTitle": "Kreiraj iz naslova",
+	"page.changeStatus": "Promijeni status",
+	"page.changeStatus.position": "Odaberi poziciju",
+	"page.changeStatus.select": "Odaberi novi status",
+	"page.changeTemplate": "Promijeni predložak",
+	"page.changeTemplate.notice": "Promjena predloška stranice će ukloniti sadržaj za polja koja se ne podudaraju po tipu. Koristite s oprezom.",
+	"page.create": "Kreiraj kao {status}",
+	"page.delete.confirm": "Da li stvarno želite obrisati <strong>{title}</strong>?",
+	"page.delete.confirm.subpages": "<strong>Ova stranica ima podstranice</strong>. <br>Sve podstranice će također biti obrisane.",
+	"page.delete.confirm.title": "Napiši naslov stranice kao potvrdu ove akcije",
+	"page.duplicate.appendix": "Kopiraj",
+	"page.duplicate.files": "Kopiraj datoteke",
+	"page.duplicate.pages": "Kopiraj stranice",
+	"page.move": "Premjesti stranicu",
+	"page.sort": "Promijeni poziciju",
+	"page.status": "Status",
+	"page.status.draft": "Skica",
+	"page.status.draft.description": "Stranica je u izradi, te je vidljiva jedino prijavljenim urednicima",
+	"page.status.listed": "Javno",
+	"page.status.listed.description": "Stranica je javno dostupna",
+	"page.status.unlisted": "Neizlistano",
+	"page.status.unlisted.description": "Stranica je dostupna putem direktnog URL-a",
+
+	"pages": "Stranice",
+	"pages.delete.confirm.selected": "Da li stvarno želite da obrišete odabrane stranice? Ova akcija se ne može poništiti.",
+	"pages.empty": "Još nema stranica...",
+	"pages.status.draft": "Skica",
+	"pages.status.listed": "Javno",
+	"pages.status.unlisted": "Neizlistano",
+
+	"pagination.page": "Strana",
+
+	"password": "Šifra",
+	"paste": "Zalijepi",
+	"paste.after": "Zalijepi nakon",
+	"paste.success": "{count} zalijepljeno!",
+	"pixel": "Piksel",
+	"plugin": "Plugin",
+	"plugins": "Plugini",
+	"prev": "Previous",
+	"preview": "Pregled",
+
+	"publish": "Objavi",
+	"published": "Javno",
+
+	"remove": "Remove",
+	"rename": "Preimenuj",
+	"renew": "Obnovi",
+	"replace": "Zamijeni",
+	"replace.with": "Zamijeni sa",
+	"retry": "Pokušaj ponovo",
+	"revert": "Revert",
+	"revert.confirm": "Da li stvarno želite <strong>obrisati sve nespremljene promjene</strong>?",
+
+	"role": "Uloga",
+	"role.admin.description": "Administrator ima sva prava",
+	"role.admin.title": "Administrator",
+	"role.all": "Sve",
+	"role.empty": "Za ovu ulogu ne postoje korisnici",
+	"role.description.placeholder": "Bez opisa",
+	"role.nobody.description": "Ovo je pomoćna uloga bez ikakvih prava",
+	"role.nobody.title": "Niko",
+
+	"save": "Spremi",
+	"saved": "Spremljeno",
+	"search": "Traži",
+	"searching": "Traženje",
+	"search.min": "Unesi {min} znakova za pretraživanje",
+	"search.all": "Prikaži svih {count} rezultata",
+	"search.results.none": "Nema rezultata",
+
+	"section.invalid": "Ova sekcija je nevažeća",
+	"section.required": "Ova sekcija je potrebna",
+
+	"security": "Sigurnost",
+	"select": "Odaberi",
+	"server": "Server",
+	"settings": "Postavke",
+	"show": "Prikaži",
+	"site.blueprint": "Stranica još uvijek nema blueprint. Možete definirati postavke u <strong>/site/blueprints/site.yml</strong>",
+	"size": "Veličina",
+	"slug": "URL nastavak",
+	"sort": "Sortiranje",
+	"sort.drag": "Prevuci za sortiranje ...",
+	"split": "Podijeli",
+
+	"stats.empty": "Nema izvještaja",
+	"status": "Status",
+
+	"system.info.copy": "Kopiraj info",
+	"system.info.copied": "Sistemske info kopirane",
+	"system.issues.content": "Čini se da je content folder izložen",
+	"system.issues.eol.kirby": "Vaša instalirana Kirby verzija je dostigla end-of-life i neće primati daljnja sigurnosna ažuriranja",
+	"system.issues.eol.plugin": "Vaša instalirana verzija plugina { plugin } je dostigla end-of-life i neće primati daljnja sigurnosna ažuriranja",
+	"system.issues.eol.php": "Vaša instalirana PHP verzija { release } je dostigla end-of-life i neće primati daljnja sigurnosna ažuriranja",
+	"system.issues.debug": "Debugiranje se mora isključiti u produkciji",
+	"system.issues.git": "Čini se da je .git folder izložen",
+	"system.issues.https": "Preporučujemo HTTPS za sve vaše stranice",
+	"system.issues.kirby": "Čini se da je kirby folder izložen",
+	"system.issues.local": "Stranica radi lokalno uz opuštene signurnosne provjere",
+	"system.issues.site": "Čini se da je site folder izložen",
+	"system.issues.vue.compiler": "Vue template compiler je omogućen",
+	"system.issues.vulnerability.kirby": "Vaša instalacija je možda pogođena slijedećim sigurnosnim propustom ({ severity } stepen): { description }",
+	"system.issues.vulnerability.plugin": "Vaša instalacija je možda pogođena slijedećim sigurnosnim propustom u pluginu {plugin} ({ severity } stepen): { description }",
+	"system.updateStatus": "Ažuriraj status",
+	"system.updateStatus.error": "Nije moguće provjeriti za ažuriranja",
+	"system.updateStatus.not-vulnerable": "Nema poznatih sigurnosnih propusta",
+	"system.updateStatus.security-update": "Besplatno sigurnosno ažiriranje { version } dostupno",
+	"system.updateStatus.security-upgrade": "Nadogradnja { version } sa sigurnosnim popravkama dostupna",
+	"system.updateStatus.unreleased": "Neobjavljena verzija",
+	"system.updateStatus.up-to-date": "Ažurirano",
+	"system.updateStatus.update": "Besplatno ažuriranje { version } dostupno",
+	"system.updateStatus.upgrade": "Nadogradnja { version } dostupna",
+
+	"tel": "Telefon",
+	"tel.placeholder": "+38761222333",
+	"template": "Predložak",
+
+	"theme": "Tema",
+	"theme.light": "Svjetla upaljena",
+	"theme.dark": "Svjetla ugašena",
+	"theme.automatic": "Uskladi sa sistemskim postavkama",
+
+	"title": "Naslov",
+	"today": "Danas",
+
+	"toolbar.button.clear": "Očisti formatiranje",
+	"toolbar.button.code": "Kod",
+	"toolbar.button.bold": "Podebljano",
+	"toolbar.button.email": "Email",
+	"toolbar.button.headings": "Naslovi",
+	"toolbar.button.heading.1": "Naslov 1",
+	"toolbar.button.heading.2": "Naslov 2",
+	"toolbar.button.heading.3": "Naslov 3",
+	"toolbar.button.heading.4": "Naslov 4",
+	"toolbar.button.heading.5": "Naslov 5",
+	"toolbar.button.heading.6": "Naslov 6",
+	"toolbar.button.italic": "Kurziv",
+	"toolbar.button.file": "Datoteka",
+	"toolbar.button.file.select": "Odaberi datoteku",
+	"toolbar.button.file.upload": "Uploadaj datoteku",
+	"toolbar.button.link": "Link",
+	"toolbar.button.paragraph": "Paragraf",
+	"toolbar.button.strike": "Precrtano",
+	"toolbar.button.sub": "Podpis",
+	"toolbar.button.sup": "Nadpis",
+	"toolbar.button.ol": "Uređena list",
+	"toolbar.button.underline": "Podvučeno",
+	"toolbar.button.ul": "Označena lista",
+
+	"translation.author": "Faris Mujakić",
+	"translation.direction": "ltr",
+	"translation.name": "Bosanski",
+	"translation.locale": "bs_BA",
+
+	"type": "Tip",
+
+	"upload": "Uploadaj",
+	"upload.error.cantMove": "Uploadana datoteka se ne može premjestiti",
+	"upload.error.cantWrite": "Greška prilikom pisanja datoteke na disk",
+	"upload.error.default": "Datoteka se ne može uploadati",
+	"upload.error.extension": "Upload zaustavljen od strane ekstenzije",
+	"upload.error.formSize": "Uploadana datoteka premašuje MAX_FILE_SIZE direktivu navedenu u formi",
+	"upload.error.iniPostSize": "Uploadana datoteka premašuje post_max_size direktivu u php.ini",
+	"upload.error.iniSize": "Uploadana datoteka premašuje upload_max_filesize direktivu u php.ini",
+	"upload.error.noFile": "Datoteka nije uploadana",
+	"upload.error.noFiles": "Datoteke nisu uploadane",
+	"upload.error.partial": "Datoteka je djelimično uploadana",
+	"upload.error.tmpDir": "Nedostaje privremeni folder",
+	"upload.errors": "Greška",
+	"upload.progress": "Slanje...",
+
+	"url": "Url",
+	"url.placeholder": "https://example.com",
+
+	"user": "Korisnik",
+	"user.blueprint": "Možete definirati dodatne sekcije i polja forme za ovu ulogu korisnika u <strong>/site/blueprints/users/{role}.yml</strong>",
+	"user.changeEmail": "Promijeni email",
+	"user.changeLanguage": "Promijeni jezik",
+	"user.changeName": "Preimenuj ovog korisnika",
+	"user.changePassword": "Promijeni šifru",
+	"user.changePassword.current": "Trenutna šifra",
+	"user.changePassword.new": "Nova šifra",
+	"user.changePassword.new.confirm": "Potvrdi novu šifru...",
+	"user.changeRole": "Promijeni ulogu",
+	"user.changeRole.select": "Odaberi novu ulogu",
+	"user.create": "Dodaj novog korisnika",
+	"user.delete": "Obriši ovog korisnika",
+	"user.delete.confirm": "Da li stvarno želite obrisati <br><strong>{email}</strong>?",
+
+	"users": "Korisnici",
+
+	"version": "Verzija",
+	"version.changes": "Promijenjena verzija",
+	"version.compare": "Uporedi verzije",
+	"version.current": "Trenutna verzija",
+	"version.latest": "Zadnja verzija",
+	"versionInformation": "Informacije o verziji",
+
+	"view": "Pregled",
+	"view.account": "Tvoj račun",
+	"view.installation": "Instalacija",
+	"view.languages": "Jezici",
+	"view.resetPassword": "Resetiraj šifru",
+	"view.site": "Stranica",
+	"view.system": "Sistem",
+	"view.users": "Korisnici",
+
+	"welcome": "Dobrodošli",
+	"year": "Godina",
+	"yes": "da"
+}
diff --git a/kirby/i18n/translations/sr@latin.json b/kirby/i18n/translations/sr@latin.json
new file mode 100644
index 0000000..8f27407
--- /dev/null
+++ b/kirby/i18n/translations/sr@latin.json
@@ -0,0 +1,799 @@
+{
+	"account.changeName": "Promenite vaše ime",
+	"account.delete": "Izbrišite vaš nalog",
+	"account.delete.confirm": "Da li zaista želite da izbrišete vaš nalog? Bićete odjavljeni odmah, i vaš nalog ne može biti povraćen.",
+
+	"activate": "Aktivirati",
+	"add": "Dodaj",
+	"alpha": "Alfa",
+	"author": "Autor",
+	"avatar": "Profilna slika",
+	"back": "Nazad",
+	"cancel": "Otkažite",
+	"change": "Promenite",
+	"close": "Zatvorite",
+	"changes": "Promene",
+	"confirm": "Ok",
+	"collapse": "Skupi",
+	"collapse.all": "Skupi sve",
+	"color": "Boja",
+	"coordinates": "Koordinate",
+	"copy": "Kopiraj",
+	"copy.all": "Kopiraj sve",
+	"copy.success": "Copied",
+	"copy.success.multiple": "{count} kopirano!",
+	"copy.url": "Copy URL",
+	"create": "Kreiraj",
+	"custom": "Običaj",
+
+	"date": "Datum",
+	"date.select": "Izaberite datum",
+
+	"day": "Dan",
+	"days.fri": "Pet",
+	"days.mon": "Pon",
+	"days.sat": "Sub",
+	"days.sun": "Ned",
+	"days.thu": "Čet",
+	"days.tue": "Uto",
+	"days.wed": "Sre",
+
+	"debugging": "Otklanjanje grešaka",
+
+	"delete": "Obriši",
+	"delete.all": "Obriši sve",
+
+	"dialog.fields.empty": "Ovaj dijalog nema polja",
+	"dialog.files.empty": "Nema fajlova koji se mogu izabrati",
+	"dialog.pages.empty": "Nema stranica koje se mogu izabrati",
+	"dialog.text.empty": "Ovaj dijalog ne definiše nikakav tekst",
+	"dialog.users.empty": "Nema korisnika koji se mogu izabrati",
+
+	"dimensions": "Dimenzije",
+	"disable": "Onemogućiti",
+	"disabled": "Onemogućeno",
+	"discard": "Odbaci",
+
+	"drawer.fields.empty": "Ova fioka nema polja",
+
+	"domain": "Domen",
+	"download": "Preuzmi",
+	"duplicate": "Kopiraj",
+
+	"edit": "Uredi",
+
+	"email": "Email",
+	"email.placeholder": "mail@example.com",
+
+	"enter": "Uneti",
+	"entries": "Unosi",
+	"entry": "Unos",
+
+	"environment": "Okruženje",
+
+	"error": "Greška",
+	"error.access.code": "Neispravan kod",
+	"error.access.login": "Neispravna prijava",
+	"error.access.panel": "Niste ovlašćeni da uđete u administrativni panel",
+	"error.access.view": "Niste ovlašćeni da pristupite ovom delu panela",
+
+	"error.avatar.create.fail": "Profilna slika nije mogla biti otpremljena",
+	"error.avatar.delete.fail": "Profilna slika nije mogla biti obrisana",
+	"error.avatar.dimensions.invalid": "Molimo neka visina i širina Vaše profilne slike budu ispod 3000 piksela",
+	"error.avatar.mime.forbidden": "Profilna slika mora biti JPEG ili PNG fajl",
+
+	"error.blueprint.notFound": "Blueprint \"{name}\" nije mogao biti učitan",
+
+	"error.blocks.max.plural": "Ne smete da dodajete više od {max} blokova",
+	"error.blocks.max.singular": "Ne smete da dodate više od jednog bloka",
+	"error.blocks.min.plural": "Morate dodati najmanje {min} blokova",
+	"error.blocks.min.singular": "Morate dodati najmanje jedan blok",
+	"error.blocks.validation": "Postoji greška u \"{field}\" polju u bloku {index} koji koristi \"{fieldset}\" tip bloka ",
+
+	"error.cache.type.invalid": "Neispravan tip keša \"{type}\"",
+
+	"error.content.lock.delete": "The version is locked and cannot be deleted",
+	"error.content.lock.move": "The source version is locked and cannot be moved",
+	"error.content.lock.publish": "This version is already published",
+	"error.content.lock.replace": "The version is locked and cannot be replaced",
+	"error.content.lock.update": "The version is locked and cannot be updated",
+
+	"error.entries.max.plural": "You must not add more than {max} entries",
+	"error.entries.max.singular": "You must not add more than one entry",
+	"error.entries.min.plural": "You must add at least {min} entries",
+	"error.entries.min.singular": "You must add at least one entry",
+	"error.entries.supports": "\"{type}\" field type is not supported for the entries field",
+	"error.entries.validation": "Postoji greška u redu \"{field}\" na ovom polju {index}",
+
+	"error.email.preset.notFound": "Email preset \"{name}\" nije pronađen",
+
+	"error.field.converter.invalid": "Neispravan converter \"{converter}\"",
+	"error.field.link.options": "Invalid options: {options}",
+	"error.field.type.missing": "Polje \"{ name }\": Tip polja \"{ type }\" ne postoji",
+
+	"error.file.changeName.empty": "Naziv ne sme biti prazan",
+	"error.file.changeName.permission": "Niste ovlašćeni da promenite naziv \"{filename}\"",
+	"error.file.changeTemplate.invalid": "Šablon za datoteku \"{id}\" se ne može promeniti u \"{template}\" (valid: \"{blueprints}\")",
+	"error.file.changeTemplate.permission": "Nije vam dozvoljeno da menjate šablon za datoteku \"{id}\"",
+
+	"error.file.delete.multiple": "Not all files could be deleted. Try each remaining file individually to see the specific error that prevents deletion.",
+	"error.file.duplicate": "Fajl sa nazivom \"{filename}\" već postoji",
+	"error.file.extension.forbidden": "Extension \"{extension}\" nije dozvoljena",
+	"error.file.extension.invalid": "Nevažeći dodatak: {extension}",
+	"error.file.extension.missing": "Ekstenzije za \"{filename}\" nedostaju",
+	"error.file.maxheight": "Visina slike ne sme biti veća od {height} piksela",
+	"error.file.maxsize": "Datoteka je prevelika",
+	"error.file.maxwidth": "Širina slike ne sme biti veća od  {width}  piksela",
+	"error.file.mime.differs": "Otpremljeni fajl mora biti istog mime tipa \"{mime}\"",
+	"error.file.mime.forbidden": "Tip medija \"{mime}\" nije dozvoljen",
+	"error.file.mime.invalid": "Neispravan mime tip: {mime}",
+	"error.file.mime.missing": "Tip medija za \"{filename}\" nije bilo moguće detektovati",
+	"error.file.minheight": "Visina slike mora biti najmanje {height} piksela",
+	"error.file.minsize": "Datoteka je premala",
+	"error.file.minwidth": "Širina slike mora biti najmanje {width}  piksela",
+	"error.file.name.unique": "Ime datoteke mora biti jedinstveno",
+	"error.file.name.missing": "Ime fajla ne može biti prazno",
+	"error.file.notFound": "Fajl \"{filename}\" nije mogao biti pronadjen",
+	"error.file.orientation": "Orijentacija slike mora biti \"{orientation}\"",
+	"error.file.sort.permission": "You are not allowed to change the sorting of \"{filename}\"",
+	"error.file.type.forbidden": "Niste ovlašćeni da otpremate {type} fajlove",
+	"error.file.type.invalid": "Nevažeći tip datoteke: {type}",
+	"error.file.undefined": "Fajl nije mogao biti pronadjen",
+
+	"error.form.incomplete": "Molimo popravite sve greške u formularu...",
+	"error.form.notSaved": "Formular nije mogao biti sačuvan",
+
+	"error.language.code": "Molimo ukucajte validan kod za jezik",
+	"error.language.create.permission": "You are not allowed to create a language",
+	"error.language.delete.permission": "You are not allowed to delete the language",
+	"error.language.duplicate": "Jezik već postoji",
+	"error.language.name": "Molimo upišite validno ime za jezik",
+	"error.language.notFound": "Jezik nije mogao biti pronađen",
+	"error.language.update.permission": "You are not allowed to update the language",
+
+	"error.layout.validation.block": "Postoji greška u \"{field}\" polju u bloku {blockIndex} koji koristi \"{fieldset}\" tip bloka u rasporedu {layoutIndex}",
+	"error.layout.validation.settings": "Došlo je do greške u  {index} podešavanjima ",
+
+	"error.license.domain": "Nedostaje domen za licencu",
+	"error.license.email": "Molimo unesite ispravnu email adresu",
+	"error.license.format": "Molimo vas unesite važeći kod licence",
+	"error.license.verification": "Licenca nije mogla biti verifikovana",
+
+	"error.login.totp.confirm.invalid": "Neispravan kod",
+	"error.login.totp.confirm.missing": "Molimo vas unesite trenutni kod",
+
+	"error.object.validation": "Postoji greška u \"{label}\" polju: {message}",
+
+	"error.offline": "Panel je trenutno van mreže",
+
+	"error.page.changeSlug.permission": "Nije Vam dozvoljeno da promenite URL appendix za \"{slug}\"",
+	"error.page.changeSlug.reserved": "Putanja stranica najvišeg nivoa ne sme da počinje sa \"{path}\"",
+	"error.page.changeStatus.incomplete": "Ova stranica ima greške i ne može biti objavljena",
+	"error.page.changeStatus.permission": "Status ove stranice ne može biti promenjen",
+	"error.page.changeStatus.toDraft.invalid": "Stranica \"{slug}\" ne može biti prebačena u draft",
+	"error.page.changeTemplate.invalid": "Template za stranicu \"{slug}\" ne može biti promenjen",
+	"error.page.changeTemplate.permission": "Nije Vam dozvoljeno da promenite template za \"{slug}\"",
+	"error.page.changeTitle.empty": "Naslov ne može biti prazan",
+	"error.page.changeTitle.permission": "Nije Vam dozvoljeno da pormenite naslov za \"{slug}\"",
+	"error.page.create.permission": "Nije Vam dozvoljeno da kreirate \"{slug}\"",
+	"error.page.delete": "Stranica \"{slug}\" ne može biti obrisana",
+	"error.page.delete.confirm": "Molimo ukucajte naslov stranice da potvrdite",
+	"error.page.delete.hasChildren": "Stranica ima podstranice i ne može biti obrisana",
+	"error.page.delete.multiple": "Not all pages could be deleted. Try each remaining page individually to see the specific error that prevents deletion.",
+	"error.page.delete.permission": "Nemate ovlašćenja da obrišete \"{slug}\"",
+	"error.page.draft.duplicate": "Draft stranice sa URL appendix \"{slug}\" već postoji",
+	"error.page.duplicate": "Stranica sa URL appendix-om \"{slug}\" već postoji",
+	"error.page.duplicate.permission": "Nije vam dozvoljeno da kopirate \"{slug}\"",
+	"error.page.move.ancestor": "Stranica se ne može premestiti u sebe",
+	"error.page.move.directory": "Direktorijum stranice ne može da se premesti",
+	"error.page.move.duplicate": "Podstranica sa dodatkom URL \"{slug}\" već postoji",
+	"error.page.move.noSections": "The page \"{parent}\" cannot be a parent of any page because it lacks any pages sections in its blueprint",
+	"error.page.move.notFound": "Premeštena stranica nije pronađena",
+	"error.page.move.permission": "Nije vam dozvoljeno da se krećete \"{slug}\"",
+	"error.page.move.template": "Šablon \"{template}\" nije prihvaćen kao podstranica \"{parent}\"",
+	"error.page.notFound": "Stranica \"{slug}\" ne može biti pronadjena",
+	"error.page.num.invalid": "Molimo ukucajte ispravan broj za sortiranje. Brojevi ne mogu biti negativni. ",
+	"error.page.slug.invalid": "Molimo vas unesite važeći URL dodatak",
+	"error.page.slug.maxlength": "Dužina poluge mora biti manja od \"{length}\" karaktera ",
+	"error.page.sort.permission": "Stranica \"{slug}\" ne može biti sortirana",
+	"error.page.status.invalid": "Molimo podesite ispravan status stranice",
+	"error.page.undefined": "Stranica ne može biti pronađena",
+	"error.page.update.permission": "Nije Vam dozvoljeno da ažurirate \"{slug}\"",
+
+	"error.section.files.max.plural": "Ne možete dodati više od {max} fajlova u \"{section}\" sekciju",
+	"error.section.files.max.singular": "Ne možete dodati više od jednog fajla u \"{section}\" sekciju",
+	"error.section.files.min.plural": "\"{section}\" sekcija zahteva najmanje {min} fajlova",
+	"error.section.files.min.singular": "\"{section}\" sekcija zahteva najmanje jedan fajl",
+
+	"error.section.pages.max.plural": "Ne možete dodati više od {max} stranica u \"{section}\" sekciju",
+	"error.section.pages.max.singular": "Ne možete dodati više od jedne stranice u  \"{section}\" sekciju",
+	"error.section.pages.min.plural": "\"{section}\" sekcija zahteva najmanje {min} stranica",
+	"error.section.pages.min.singular": "\"{section}\" sekcija zahteva najmanje jednu stranicu",
+
+	"error.section.notLoaded": "Sekcija \"{name}\" nije mogla biti učitana",
+	"error.section.type.invalid": "Tip sekcije \"{type}\" nije ispravan",
+
+	"error.site.changeTitle.empty": "Naslov ne može biti prazan",
+	"error.site.changeTitle.permission": "Nije Vam dozvoljeno da promenite naziv sajta",
+	"error.site.update.permission": "Nije Vam dozvoljeno da ažurirate sajt",
+
+	"error.structure.validation": "Postoji greška u redu \"{field}\" na ovom polju {index}",
+
+	"error.template.default.notFound": "Podrazumevani template ne postoji",
+
+	"error.unexpected": "Došlo je do neočekivane greške! Omogućite režim za otklanjanje grešaka za više informacija: https://getkirby.com/docs/reference/system/options/debug",
+
+	"error.user.changeEmail.permission": "Nije Vam dozvoljeno da promenite email za korisnika \"{name}\"",
+	"error.user.changeLanguage.permission": "Nije Vam dozvoljeno da promenite jezik za korisnika \"{name}\"",
+	"error.user.changeName.permission": "Nije Vam dozvoljeno da promenite ima za korisnika \"{name}\"",
+	"error.user.changePassword.permission": "Nije Vam dozvoljeno da promenite lozinku za korisnika \"{name}\"",
+	"error.user.changeRole.lastAdmin": "Rolu poslednjeg admina nije moguće promeniti",
+	"error.user.changeRole.permission": "Nije Vam dozvoljeno da promenite rolu korisnika \"{name}\"",
+	"error.user.changeRole.toAdmin": "Nije vam dozvoljeno da unapredite nekoga u ulogu administratora",
+	"error.user.create.permission": "Nije Vam dozvoljeno da kreirate ovog korisnika",
+	"error.user.delete": "Korisnik \"{name}\" ne može biti obrisan",
+	"error.user.delete.lastAdmin": "Poslednji admin ne može biti obrisan",
+	"error.user.delete.lastUser": "Poslednji korisnik ne može biti obrisan",
+	"error.user.delete.permission": "Nije Vam dozvoljeno da obrišete korisnika \"{name}\"",
+	"error.user.duplicate": "Korisnik sa email adresom \"{email}\" već postoji",
+	"error.user.email.invalid": "Molimo unesite ispravnu email adresu",
+	"error.user.language.invalid": "Molimo unesite ispravan jezik",
+	"error.user.notFound": "Korisnik \"{name}\" ne može biti pronadjen",
+	"error.user.password.excessive": "Molimo vas, unesite ispravnu šifru. Šifra ne sme biti duža od 1000 karaktera.",
+	"error.user.password.invalid": "Molimo unesite ispravnu lozinku. Lozinke moraju biti barem 8 karaktera dugačke. ",
+	"error.user.password.notSame": "Lozinke se ne poklapaju",
+	"error.user.password.undefined": "Ovaj korisnik nema lozinku",
+	"error.user.password.wrong": "Pogrešna lozinka",
+	"error.user.role.invalid": "Molimo unesite ispravnu rolu",
+	"error.user.undefined": "Korisnik nije mogao biti pronadjen",
+	"error.user.update.permission": "Nije Vam dozvoljeno da ažurirate korisnika \"{name}\"",
+
+	"error.validation.accepted": "Molimo potvrdite",
+	"error.validation.alpha": "Molimo unesite karaktere izmedju a-z",
+	"error.validation.alphanum": "Molimo unesite samo karaktere izmedju a-z ili brojeve 0-9",
+	"error.validation.anchor": "Molimo vas unesite ispravan link",
+	"error.validation.between": "Molimo unesite vrednost izmedju \"{min}\" i \"{max}\"",
+	"error.validation.boolean": "Molimo potvrdite ili odbijte",
+	"error.validation.color": "Molimo vas unesite važeću boju u {format}  format",
+	"error.validation.contains": "Molimo unesite vrednost koja sadrži \"{needle}\"",
+	"error.validation.date": "Molimo unesite ispravan datum",
+	"error.validation.date.after": "Molimo upišite natum nakon {date}",
+	"error.validation.date.before": "Molimo upišite datum pre {date}",
+	"error.validation.date.between": "Molimo dodajte datum između {min} i {max}",
+	"error.validation.denied": "Molimo odbijte",
+	"error.validation.different": "Vrednost ne može biti \"{other}\"",
+	"error.validation.email": "Molimo unesite ispravnu email adresu",
+	"error.validation.endswith": "Vrednost se mora završiti sa \"{end}\"",
+	"error.validation.filename": "Molimo unesite ispravno ime fajla",
+	"error.validation.in": "Molimo unesite nešto od sledećeg: ({in})",
+	"error.validation.integer": "Molimo unesite ispravan ceo broj",
+	"error.validation.ip": "Molimo unesite ispravnu IP adresu",
+	"error.validation.less": "Molimo unesite vrednost manju od {max}",
+	"error.validation.linkType": "Tip veze nije dozvoljen",
+	"error.validation.match": "Vrednost se ne uklapa u očekivani šablon",
+	"error.validation.max": "Molimo unesite vrednost jednsaku ili manju od {max}",
+	"error.validation.maxlength": "Molimo unestite kražu vrednost. (maks. {max} karaktera)",
+	"error.validation.maxwords": "Molimo unesite ne više od {max} reč(i)",
+	"error.validation.min": "Molimo unesite vrednost jednaku ili veću od {min}",
+	"error.validation.minlength": "Molimo unesite dužu vrednost. (min. {min} karaktera)",
+	"error.validation.minwords": "Molimo unesite minimun {min} reč(i)",
+	"error.validation.more": "Molimo vas unesite vrednost veću od {min}",
+	"error.validation.notcontains": "Molimo vas unesite vrednost koja ne sadrži \"{needle}\"",
+	"error.validation.notin": "Molimo vas nemojte unositi ništa od sledećeg: ({notIn})",
+	"error.validation.option": "Molimo izaberite važeću opciju",
+	"error.validation.num": "Molimo Vas da unesete važeći broj",
+	"error.validation.required": "Molimo vas unesite nešto",
+	"error.validation.same": "Molimo vas unesite \"{other}\"",
+	"error.validation.size": "Veličina vrednosti mora biti \"{size}\"",
+	"error.validation.startswith": "Vrednost mora početi sa \"{start}\"",
+	"error.validation.tel": "Molimo vas unesite neformatirani broj telefona",
+	"error.validation.time": "Molimo vas unesite važeće vreme",
+	"error.validation.time.after": "Molimo vas unesite vreme posle {time}",
+	"error.validation.time.before": "Molimo vas unesite vreme pre {time}",
+	"error.validation.time.between": "Molimo vas unesite vreme između {min} i  {max}",
+	"error.validation.uuid": "Molimo vas unesite važeći UUID",
+	"error.validation.url": "Molimo vas da unesete važeći URL",
+
+	"expand": "Proširite",
+	"expand.all": "Proširite sve",
+
+	"field.invalid": "Polje je nevažeće",
+	"field.required": "Polje je obavezno",
+	"field.blocks.changeType": "Promenite tip",
+	"field.blocks.code.name": "Kod",
+	"field.blocks.code.language": "Jezik",
+	"field.blocks.code.placeholder": "Vaš kod…",
+	"field.blocks.delete.confirm": "Da li zaista želite da izbrišete ovaj blok?",
+	"field.blocks.delete.confirm.all": "Da li zaista želite da izbrišete sve blokove?",
+	"field.blocks.delete.confirm.selected": "Da li zaista želite da izbrišete izabrane blokove?",
+	"field.blocks.empty": "Još nema blokova",
+	"field.blocks.fieldsets.empty": "Još nema skupova polja",
+	"field.blocks.fieldsets.label": "Molimo izaberite tip bloka ...",
+	"field.blocks.fieldsets.paste": "Pritisnite<kbd>{{ shortcut }}</kbd> da biste uvezli rasporede/blokove iz međuspremnika.<small> Biće umetnuti samo oni koji su dozvoljeni u trenutnom polju.</small>",
+	"field.blocks.gallery.name": "Galerija",
+	"field.blocks.gallery.images.empty": "Još nema slika",
+	"field.blocks.gallery.images.label": "Slike",
+	"field.blocks.heading.level": "Nivo",
+	"field.blocks.heading.name": "Naslov",
+	"field.blocks.heading.text": "Tekst",
+	"field.blocks.heading.placeholder": "Naslov ...",
+	"field.blocks.figure.back.plain": "Plain",
+	"field.blocks.figure.back.pattern.light": "Pattern (light)",
+	"field.blocks.figure.back.pattern.dark": "Pattern (dark)",
+	"field.blocks.image.alt": "Alternativni tekst",
+	"field.blocks.image.caption": "Natpis",
+	"field.blocks.image.crop": "Isecite",
+	"field.blocks.image.link": "Link",
+	"field.blocks.image.location": "Lokacija",
+	"field.blocks.image.location.internal": "Ova veb lokacija\n \n \n​",
+	"field.blocks.image.location.external": "Eksterni izvor",
+	"field.blocks.image.name": "Slika",
+	"field.blocks.image.placeholder": "Odaberi sliku",
+	"field.blocks.image.ratio": "Odnos",
+	"field.blocks.image.url": "URL slike",
+	"field.blocks.line.name": "Linija",
+	"field.blocks.list.name": "Lista",
+	"field.blocks.markdown.name": "Markdown",
+	"field.blocks.markdown.label": "Tekst",
+	"field.blocks.markdown.placeholder": "Markdown …",
+	"field.blocks.quote.name": "Citat",
+	"field.blocks.quote.text.label": "Tekst",
+	"field.blocks.quote.text.placeholder": "Citat ...",
+	"field.blocks.quote.citation.label": "Citat",
+	"field.blocks.quote.citation.placeholder": "od …",
+	"field.blocks.text.name": "Tekst",
+	"field.blocks.text.placeholder": "Tekst ...",
+	"field.blocks.video.autoplay": "Autoplay",
+	"field.blocks.video.caption": "Natpis",
+	"field.blocks.video.controls": "Controls",
+	"field.blocks.video.location": "Lokacija",
+	"field.blocks.video.loop": "Loop",
+	"field.blocks.video.muted": "Muted",
+	"field.blocks.video.name": "Video",
+	"field.blocks.video.placeholder": "Unesite URL video snimka",
+	"field.blocks.video.poster": "Poster",
+	"field.blocks.video.preload": "Preload",
+	"field.blocks.video.url.label": "Video-URL",
+	"field.blocks.video.url.placeholder": "https://youtube.com/?v=",
+
+	"field.entries.delete.confirm.all": "Da li zaista želite da izbrišete sve unose?",
+	"field.entries.empty": "Još nema unosa",
+
+	"field.files.empty": "Još nijedna datoteka nije izabrana",
+	"field.files.empty.single": "No file selected yet",
+
+	"field.layout.change": "Promenite izgled",
+	"field.layout.delete": "Brisanje rasporeda",
+	"field.layout.delete.confirm": "Da li zaista želite da obrišete ovaj raspored",
+	"field.layout.delete.confirm.all": "Da li zaista želite da izbrišete sve rasporede?",
+	"field.layout.empty": "Još nema redova",
+	"field.layout.select": "Izaberite raspored",
+
+	"field.object.empty": "Još nema informacija",
+
+	"field.pages.empty": "Još nijedna stranica nije izabrana",
+	"field.pages.empty.single": "No page selected yet",
+
+	"field.structure.delete.confirm": "Da li zaista želite da izbrišete ovaj red?",
+	"field.structure.delete.confirm.all": "Da li zaista želite da izbrišete sve unose?",
+	"field.structure.empty": "Još nema unosa",
+
+	"field.users.empty": "Još nije izabran nijedan korisnik",
+	"field.users.empty.single": "No user selected yet",
+
+	"fields.empty": "Još uvek nema polja",
+
+	"file": "Datoteka",
+	"file.blueprint": "Ova datoteka još uvek nema nacrt. Možete definisati podešavanje u <strong>/site/blueprints/files/{blueprint}.yml</strong>",
+	"file.changeTemplate": "Promenite šablon",
+	"file.changeTemplate.notice": "Promena šablona datoteke će ukloniti sadržaj za polja koja se ne podudaraju po tipu. Ako novi šablon definiše određena pravila, npr. dimenzije slike, one će se takođe nepovratno primenjivati. Koristite sa oprezom.",
+	"file.delete.confirm": "Da li zaista želite da izbrišete <br><strong>{filename}</strong>?",
+	"file.focus.placeholder": "Postavite fokusnu tačku",
+	"file.focus.reset": "Uklonite fokusnu tačku",
+	"file.focus.title": "Fokusirajte",
+	"file.sort": "Promena pozicije",
+
+	"files": "Fajlovi",
+	"files.delete.confirm.selected": "Do you really want to delete the selected files? This action cannot be undone.",
+	"files.empty": "Još nema fajlova",
+
+	"filter": "Filter",
+
+	"form.discard": "Discard changes",
+	"form.discard.confirm": "Do you really want to <strong>discard all your changes</strong>?",
+	"form.locked": "This content is disabled for you as it is currently edited by another user",
+	"form.unsaved": "The current changes have not yet been saved",
+	"form.preview": "Preview changes",
+	"form.preview.draft": "Preview draft",
+
+	"hide": "Sakriti",
+	"hour": "Čas",
+	"hue": "Nijansa",
+	"import": "Uvoz",
+	"info": "Info",
+	"insert": "Ubaci",
+	"insert.after": "Ubaciti posle",
+	"insert.before": "Ubaciti pre",
+	"install": "Instaliraj",
+
+	"installation": "Instalacija",
+	"installation.completed": "Panel je instaliran",
+	"installation.disabled": "Instalater panela je podrazumevano onemogućen na javnim serverima. Molimo vas pokrenite instalater na lokalnoj mašini ili ga omogućite pomoću <code>panel.install</code> opcije",
+	"installation.issues.accounts": "Fascikla <code>/site/accounts</code> ne postoji ili u nju nije moguće pisati",
+	"installation.issues.content": "Fascikla <code>/content</code> ne postoji ili u nju nije moguće pisati",
+	"installation.issues.curl": "Proširenje <code>CURL</code> je potrebno",
+	"installation.issues.headline": "Panel se ne može instalirati",
+	"installation.issues.mbstring": "Proširenje <code>MB String</code> je potrebno",
+	"installation.issues.media": "Fascikla <code>/media</code> ne postoji ili u nju nije moguće pisati",
+	"installation.issues.php": "Obavezno koristite <code>PHP 8+</code>",
+	"installation.issues.sessions": "Fascikla <code>/site/sessions</code> ne postoji ili u nju nije moguće pisati",
+
+	"language": "Jezik",
+	"language.code": "Kod",
+	"language.convert": "Postavi kao podrazumevano",
+	"language.convert.confirm": "<p>Da li zaista želite da konvertujete <strong>{name}</strong> na podrazumevani jezik? Ovo se ne može poništiti.</p><p> Ako<strong>{name}</strong> ima neprevedenog sadržaja, više neće postojati važeći rezervni deo i delovi vašeg sajta mogu biti prazni.</p>",
+	"language.create": "Dodajte novi jezik",
+	"language.default": "Podrazumevani jezik",
+	"language.delete.confirm": "Da li zaista želite da izbrišete jezik <strong>{name}</strong>  uključujući sve prevode? Ovo se ne može poništiti!",
+	"language.deleted": "Jezik je obrisan",
+	"language.direction": "Smer čitanja",
+	"language.direction.ltr": "S leva nadesno",
+	"language.direction.rtl": "S desna nalevo",
+	"language.locale": "PHP locale string",
+	"language.locale.warning": "Koristite prilagođeni lokal. Molimo vas izmenite ga u jezičkoj datoteci u /site/languages",
+	"language.name": "Ime",
+	"language.secondary": "Sekundarni jezik",
+	"language.settings": "Podešavanja jezika",
+	"language.updated": "Jezik je ažuriran",
+	"language.variables": "Jezičke varijable",
+	"language.variables.empty": "Još uvek nema prevoda",
+
+	"language.variable.delete.confirm": "Da li zaista želite da izbrišete promenljivu za  {key}?",
+	"language.variable.entries": "Values",
+	"language.variable.entries.help": "Each string will be used for its matching count, e.g. three strings will match in order to counts <code>0</code>, <code>1</code>, <code>2 and more</code>. Use the <code>{count}</code> placeholder to insert the actual count.",
+	"language.variable.key": "Ključ",
+	"language.variable.multiple": "Countable?",
+	"language.variable.multiple.text": "Use different translation strings",
+	"language.variable.multiple.help": "You can use different values depending on a count you pass along with the language variable, allowing you to create dynamic translations, e.g. singular and plural.",
+	"language.variable.notFound": "Promenljiva nije pronađena\n \n \n ",
+	"language.variable.value": "Vrednost",
+
+	"languages": "Jezici",
+	"languages.default": "Podrazumevani jezik",
+	"languages.empty": "Još nema jezika",
+	"languages.secondary": "Sekundarni jezik",
+	"languages.secondary.empty": "Još nema sekundarnog jezika",
+
+	"license": "Licenca",
+	"license.activate": "Aktivirajte ga sada",
+	"license.activate.label": "Molimo vas aktivirajte svoju licencu",
+	"license.activate.domain": "Vaša licenca će biti aktivirana za <strong>{host}</strong>.",
+	"license.activate.local": "Upravo ćete aktivirati svoju Kirby licencu za vaš lokalni domen <strong>{host}</strong>.Ako će ovaj sajt biti postavljen na javnom domenu, molimo vas aktivirajte ga tamo. Ako je {host} domen za koji želite da koristite svoju licencu, molimo vas nastavite.",
+	"license.activated": "Aktiviran",
+	"license.buy": "Kupite licencu",
+	"license.code": "Kod",
+	"license.code.help": "Nakon kupovine dobili ste svoju šifru licence putem email. Molimo vas da je kopirate i nalepite ovde.",
+	"license.code.label": "Molimo vas unesite šifru licence",
+	"license.status.active.info": "Uključuje nove glavne verzije do {date}",
+	"license.status.active.label": "Validna licenca",
+	"license.status.demo.info": "Ovo je demo instalacija",
+	"license.status.demo.label": "Demo",
+	"license.status.inactive.info": "Obnovite licencu da biste ažurirali na nove glavne verzije",
+	"license.status.inactive.label": "Nema novih glavnih verzija",
+	"license.status.legacy.bubble": "Da li ste spremni da obnovite svoju licencu?",
+	"license.status.legacy.info": "Vaša licenca ne pokriva ovu verziju",
+	"license.status.legacy.label": "Molimo vas obnovite vašu licencu",
+	"license.status.missing.bubble": "Da li ste spremni da pokrenete svoj sajt?",
+	"license.status.missing.info": "Nema važeće licence",
+	"license.status.missing.label": "Molimo vas aktivirajte svoju licencu",
+	"license.status.unknown.info": "The license status is unknown",
+	"license.status.unknown.label": "Unknown",
+	"license.manage": "Upravljajte svojom licencom",
+	"license.purchased": "Kupljeno",
+	"license.success": "Hvala vam što podržavate Kirby",
+	"license.unregistered.label": "Neregistrovan",
+
+	"link": "Link",
+	"link.text": "Tekst veze",
+
+	"loading": "Učitavanje",
+
+	"lock.unsaved": "Nesačuvane promene",
+	"lock.unsaved.empty": "There are no unsaved changes",
+	"lock.unsaved.files": "Unsaved files",
+	"lock.unsaved.pages": "Unsaved pages",
+	"lock.unsaved.users": "Unsaved accounts",
+	"lock.isLocked": "Nesačuvane promene {email}",
+	"lock.unlock": "Otključati",
+	"lock.unlock.submit": "Otključajte i zamenite nesačuvane promene <strong>{email}</strong>",
+	"lock.isUnlocked": "Otključao ga je drugi korisnik",
+
+	"login": "Prijavi se",
+	"login.code.label.login": "Kod za prijavu",
+	"login.code.label.password-reset": "Kod za resetovanje lozinke",
+	"login.code.placeholder.email": "000 000",
+	"login.code.placeholder.totp": "000000",
+	"login.code.text.email": "Ako je vaša adresa e-pošte registrovana, traženi kod je poslat putem e-pošte.",
+	"login.code.text.totp": "Molimo vas unesite jednokratni kod iz vaše aplikacije za autentifikaciju.",
+	"login.email.login.body": "Zdravo {user.nameOrEmail},\n\nNedavno ste zatražili kod za prijavu na panel {site}.\nSledeći kod za prijavu će biti važećii  {timeout}  minuta:\n\n{code}\n\nAko niste zahtevali kod za prijavu, zanemarite ovu e-poštu ili kontaktirajte svog administratora ako imate pitanja.\nIz bezbednosnih razloga, NEMOJTE prosleđivati ovu e-poštu.",
+	"login.email.login.subject": "Vaš kod za prijavu",
+	"login.email.password-reset.body": "Zdravo {user.nameOrEmail},\n\nNedavno ste zatražili kod za resetovanje lozinke za panel  {site}.\nSledeći kod za resetovanje lozinke će biti važeći {timeout} minuta:\n\n{code}\n\nAko niste zahtevali kod za resetovanje lozinke, zanemarite ovu e-poštu ili kontaktirajte svog administratora ako imate pitanja.\nIz bezbednosnih razloga, NEMOJTE prosleđivati ovu e-poštu.",
+	"login.email.password-reset.subject": "Vaš kod za resetovanje lozinke",
+	"login.remember": "Ostavi me prijavljenog",
+	"login.reset": "Resetujte šifru",
+	"login.toggleText.code.email": "Prijavite se putem e-pošte",
+	"login.toggleText.code.email-password": "Prijavite se sa lozinkom",
+	"login.toggleText.password-reset.email": "Zaboravili ste lozinku?",
+	"login.toggleText.password-reset.email-password": "← Nazad na prijavu",
+	"login.totp.enable.option": "Podesite jednokratne kodove",
+	"login.totp.enable.intro": "Aplikacije autentifikacije mogu da generišu jednokratne kodove koji se koriste kao drugi faktor prilikom prijavljivanja na nalog.",
+	"login.totp.enable.qr.label": "1. Skenirajte ovaj QR kod",
+	"login.totp.enable.qr.help": "Ne možete da skenirate? Dodajte ključ za podešavanje<code>{secret}</code> manuelno u aplikaciji za autentifikaciju.",
+	"login.totp.enable.confirm.headline": "2. Potvrdite generisanim kodom",
+	"login.totp.enable.confirm.text": "Vaša aplikacija generiše novi jednokratni kod svakih 30 sekundi. Unesite trenutni kod da biste završili podešavanje:",
+	"login.totp.enable.confirm.label": "Trenutni kod",
+	"login.totp.enable.confirm.help": "Nakon ovog podešavanja,  svaki put kada se prijavite tražićemo od vas jednokratni kod.",
+	"login.totp.enable.success": "Jednokratni kodovi su omogućeni",
+	"login.totp.disable.option": "Onemogućite jednokratne kodove",
+	"login.totp.disable.label": "Unesite lozinku da biste onemogućili jednokratne kodove",
+	"login.totp.disable.help": "U budućnosti, drugi faktor kao što je kod za prijavu poslat putem e-pošte biće zahtevan kada se prijavite. Jednokratne kodove uvek možete ponovo da podesite kasnije.",
+	"login.totp.disable.admin": "<p>Ovo će onemogućiti jednokratne kodove za<strong>{user}</strong>.</p><p>U budućnosti, drugi faktor kao što je kod za prijavu poslat putem e-pošte biće zahtevan kada se prijave. {user} može ponovo da podesi jednokratne kodove nakon sledećeg prijavljivanja",
+	"login.totp.disable.success": "Jednokratni kodovi su onemogućeni",
+
+	"logout": "Odjavi se",
+
+	"merge": "Spojite",
+	"menu": "Meni",
+	"meridiem": "AM/PM",
+	"mime": "Vrsta medija",
+	"minutes": "Minuti",
+
+	"month": "Mesec",
+	"months.april": "April",
+	"months.august": "Avgust",
+	"months.december": "Decembar",
+	"months.february": "Februar",
+	"months.january": "Januar",
+	"months.july": "Jul",
+	"months.june": "Jun",
+	"months.march": "Mart",
+	"months.may": "Maj",
+	"months.november": "Novembar",
+	"months.october": "Oktobar",
+	"months.september": "Septembar",
+
+	"more": "Više",
+	"move": "Pomerite",
+	"name": "Ime",
+	"next": "Sledeći",
+	"night": "Noć",
+	"no": "ne",
+	"off": "Isključeno",
+	"on": "Uključeno",
+	"open": "Otvorite",
+	"open.newWindow": "Otvorite u novom prozoru",
+	"option": "Opcija",
+	"options": "Opcije",
+	"options.none": "Nema opcija",
+	"options.all": "Prikaži sve {count} opcije",
+
+	"orientation": "Orijentacija",
+	"orientation.landscape": "Predeo",
+	"orientation.portrait": "Portret",
+	"orientation.square": "Kvadrat",
+
+	"page": "Stranica",
+	"page.blueprint": "Ova stranica još uvek nema blueprint. Možete definisati podešavanje u <strong>/site/blueprints/pages/{blueprint}.yml</strong>",
+	"page.changeSlug": "Promeni URL",
+	"page.changeSlug.fromTitle": "Napravi od naslova",
+	"page.changeStatus": "Promenite status",
+	"page.changeStatus.position": "Molimo izaberite poziciju",
+	"page.changeStatus.select": "Odaberite novi status",
+	"page.changeTemplate": "Promenite šablon",
+	"page.changeTemplate.notice": "Promena šablona stranice će ukloniti sadržaj za polja koja se ne podudaraju po tipu. Koristite sa oprezom.",
+	"page.create": "Kreirajte kao  {status}",
+	"page.delete.confirm": "Da li zaista želite da izbrišete <strong>{title}</strong>?",
+	"page.delete.confirm.subpages": "<strong>Ova stranica ima podstranice</strong>. <br>Sve podstranice će takođe biti izbrisane.",
+	"page.delete.confirm.title": "Unesite naslov stranice da biste potvrdili",
+	"page.duplicate.appendix": "Kopiraj",
+	"page.duplicate.files": "Kopirajte fajlove",
+	"page.duplicate.pages": "Kopirajte stranice",
+	"page.move": "Premestite stranicu",
+	"page.sort": "Promena pozicije",
+	"page.status": "Status",
+	"page.status.draft": "Nacrt",
+	"page.status.draft.description": "Stranica je u radnom režimu i vidljiva je samo prijavljenim urednicima ili putem tajne veze",
+	"page.status.listed": "Javno",
+	"page.status.listed.description": "Stranica je javna za svakoga",
+	"page.status.unlisted": "Nenavedeno",
+	"page.status.unlisted.description": "Stranica je dostupna samo preko URL-a",
+
+	"pages": "Stranice",
+	"pages.delete.confirm.selected": "Do you really want to delete the selected pages? This action cannot be undone.",
+	"pages.empty": "Još nema stranica",
+	"pages.status.draft": "Nacrti",
+	"pages.status.listed": "Objavljeno",
+	"pages.status.unlisted": "Neizlistano",
+
+	"pagination.page": "Stranica",
+
+	"password": "Lozinka",
+	"paste": "Zalepite",
+	"paste.after": "Zalepite posle",
+	"paste.success": "{count} zalepljen!",
+	"pixel": "Piksel",
+	"plugin": "Dodatak",
+	"plugins": "Dodaci",
+	"prev": "Prethodna",
+	"preview": "Pregled",
+
+	"publish": "Publish",
+	"published": "Objavljeno",
+
+	"remove": "Ukloniti",
+	"rename": "Preimenovati",
+	"renew": "Obnovite",
+	"replace": "Zameniti",
+	"replace.with": "Zamenite sa",
+	"retry": "Probajte ponovo",
+	"revert": "Vratiti se",
+	"revert.confirm": "Da li zaista želite da <strong> izbrišete sve nesačuvane promene</strong>?",
+
+	"role": "Uloga",
+	"role.admin.description": "Administrator ima sva prava",
+	"role.admin.title": "Administrator",
+	"role.all": "Sve",
+	"role.empty": "Nema korisnika sa ovom ulogom",
+	"role.description.placeholder": "Nema opisa",
+	"role.nobody.description": "Ovo je rezervna uloga bez ikakvih dozvola",
+	"role.nobody.title": "Niko",
+
+	"save": "Sačuvaj",
+	"saved": "Saved",
+	"search": "Pretraga",
+	"searching": "Searching",
+	"search.min": "Unesite {min} karakter za pretragu",
+	"search.all": "Prikaži sve {count} rezultate ",
+	"search.results.none": "Nema rezultata",
+
+	"section.invalid": "Odeljak je nevažeći",
+	"section.required": "Odeljak je obavezan",
+
+	"security": "Bezbednost",
+	"select": "Izaberite",
+	"server": "Server",
+	"settings": "Podešavanja",
+	"show": "Prikaži",
+	"site.blueprint": "Sajt još nema plan. Možete definisati podešavanje u <strong>/site/blueprints/site.yml</strong>",
+	"size": "Veličina",
+	"slug": "URL dodatak",
+	"sort": "Vrsta",
+	"sort.drag": "Prevucite da biste sortirali…",
+	"split": "Razdeliti",
+
+	"stats.empty": "Nema izveštaja",
+	"status": "Status",
+
+	"system.info.copy": "Copy info",
+	"system.info.copied": "System info copied",
+	"system.issues.content": "Čini se da je fascikla sa sadržajem izložena",
+	"system.issues.eol.kirby": "Vaša instalirana Kirby verzija je stigla do kraja svog životnog veka i neće dobijati dalja bezbednosna ažuriranja",
+	"system.issues.eol.plugin": "Vaša instalirana verzija  { plugin } dodatka je stigla do kraja svog životnog veka i neće dobijati dalja bezbednosna ažuriranja",
+	"system.issues.eol.php": "Vaše instalirano PHP izdanje { release } je dostiglo kraj svog životnog veka i neće dobijati dalja bezbednosna ažuriranja",
+	"system.issues.debug": "Otklanjanje grešaka mora biti isključeno u proizvodnji",
+	"system.issues.git": "Čini se da je .git  fascikla izložena",
+	"system.issues.https": "Preporučujemo HTTPS za sve vaše sajtove",
+	"system.issues.kirby": "Čini se da je Kirby fascikla izložena",
+	"system.issues.local": "The site is running locally with relaxed security checks",
+	"system.issues.site": "Čini se da je fascikla sajta izložena",
+	"system.issues.vue.compiler": "The Vue template compiler is enabled",
+	"system.issues.vulnerability.kirby": "Na vašu instalaciju može uticati sledeća ranjivost ({ severity } severity): { description }",
+	"system.issues.vulnerability.plugin": "Na vašu instalaciju može uticati sledeća ranjivost u { plugin } dodatku ({ severity } severity): { description }",
+	"system.updateStatus": "Ažuriraj status",
+	"system.updateStatus.error": "Provera ažuriranja nije uspela",
+	"system.updateStatus.not-vulnerable": "Nema poznatih ranjivosti",
+	"system.updateStatus.security-update": "Dostupna besplatna bezbednosna { version } nadogradnja",
+	"system.updateStatus.security-upgrade": "Nadogradnja  { version } sa dostupnim bezbednosnim ispravkama",
+	"system.updateStatus.unreleased": "Neobjavljena verzija",
+	"system.updateStatus.up-to-date": "Do datuma",
+	"system.updateStatus.update": "Dostupno besplatno { version } ažuriranje",
+	"system.updateStatus.upgrade": "Nadogradnja je { version } dostupna",
+
+	"tel": "Telefon",
+	"tel.placeholder": "+49123456789",
+	"template": "Šablon",
+
+	"theme": "Theme",
+	"theme.light": "Lights on",
+	"theme.dark": "Lights off",
+	"theme.automatic": "Match system default",
+
+	"title": "Naslov",
+	"today": "Danas",
+
+	"toolbar.button.clear": "Očisti formatiranje",
+	"toolbar.button.code": "Kod",
+	"toolbar.button.bold": "Bold",
+	"toolbar.button.email": "Email",
+	"toolbar.button.headings": "Zaglavlje",
+	"toolbar.button.heading.1": "Zaglavlje 1",
+	"toolbar.button.heading.2": "Zaglavlje 2",
+	"toolbar.button.heading.3": "Zaglavlje 3",
+	"toolbar.button.heading.4": "Zaglavlje 4",
+	"toolbar.button.heading.5": "Zaglavlje 5",
+	"toolbar.button.heading.6": "Zaglavlje 6",
+	"toolbar.button.italic": "Italic",
+	"toolbar.button.file": "Datoteka",
+	"toolbar.button.file.select": "Izaberite datoteku",
+	"toolbar.button.file.upload": "Otpremite datoteku",
+	"toolbar.button.link": "Link",
+	"toolbar.button.paragraph": "Paragraf",
+	"toolbar.button.strike": "Precrtano",
+	"toolbar.button.sub": "Subscript",
+	"toolbar.button.sup": "Superscript",
+	"toolbar.button.ol": "Naručena lista",
+	"toolbar.button.underline": "Podvući",
+	"toolbar.button.ul": "Bullet list",
+
+	"translation.author": "Branko Matić",
+	"translation.direction": "ltr",
+	"translation.name": "Srpski",
+	"translation.locale": "sr_RS@latin",
+
+	"type": "Tip",
+
+	"upload": "Otpremi",
+	"upload.error.cantMove": "Otpremljena datoteka nije mogla da se premesti",
+	"upload.error.cantWrite": "Neuspešno prebacivanje datoteka na disk",
+	"upload.error.default": "Nije moguće otpremiti datoteku",
+	"upload.error.extension": "Otpremanje datoteke je zaustavljeno ekstenzijom",
+	"upload.error.formSize": "Otpremljena datoteka premašuje  MAX_FILE_SIZE direktivu koja je navedena u obrascu",
+	"upload.error.iniPostSize": "Otpremljena datoteka premašuje  post_max_size direktivu u php.ini",
+	"upload.error.iniSize": "Otpremljena datoteka premašuje upload_max_filesize direktivu u php.ini",
+	"upload.error.noFile": "Nijedna datoteka nije otpremljena",
+	"upload.error.noFiles": "Nijedna datoteka nije otpremljena",
+	"upload.error.partial": "Otpremljena datoteka je samo delimično otpremljena",
+	"upload.error.tmpDir": "Nedostaje privremena fascikla",
+	"upload.errors": "Greška",
+	"upload.progress": "Otpremanje…",
+
+	"url": "Url",
+	"url.placeholder": "https://example.com",
+
+	"user": "Korisnik",
+	"user.blueprint": "Možete definisati dodatne odeljke i polja obrasca za ovu korisničku ulogu u<strong>site/blueprints/users/{blueprint}.yml</strong>",
+	"user.changeEmail": "Promenite E-mail",
+	"user.changeLanguage": "Promenite jezik",
+	"user.changeName": "Preimenujte ovog korisnika",
+	"user.changePassword": "Promenite lozinku",
+	"user.changePassword.current": "Your current password",
+	"user.changePassword.new": "Nova lozinka",
+	"user.changePassword.new.confirm": "Potvrdite novu lozinku…",
+	"user.changeRole": "Promenite ulogu",
+	"user.changeRole.select": "Izaberite novu ulogu",
+	"user.create": "Dodajte novog korisnika",
+	"user.delete": "Izbrišite ovog korisnika",
+	"user.delete.confirm": "Da li zaista želite da izbrišete <br><strong>{email}</strong>?",
+
+	"users": "Korisnici",
+
+	"version": "Verzija",
+	"version.changes": "Changed version",
+	"version.compare": "Compare versions",
+	"version.current": "Trenutna verzija",
+	"version.latest": "Najnovija verzija",
+	"versionInformation": "Informacije o verziji",
+
+	"view": "View",
+	"view.account": "Tvoj nalog",
+	"view.installation": "Instalacija",
+	"view.languages": "Jezici",
+	"view.resetPassword": "Resetujte šifru",
+	"view.site": "Sajt",
+	"view.system": "Sistem",
+	"view.users": "Korisnici",
+
+	"welcome": "Dobrodošli",
+	"year": "Godina",
+	"yes": "Da"
+}
diff --git a/kirby/i18n/translations/zh_TW.json b/kirby/i18n/translations/zh_TW.json
new file mode 100644
index 0000000..675c501
--- /dev/null
+++ b/kirby/i18n/translations/zh_TW.json
@@ -0,0 +1,799 @@
+{
+	"account.changeName": "變更帳號名稱",
+	"account.delete": "刪除帳號",
+	"account.delete.confirm": "你確定要刪除這個帳號嗎？",
+
+	"activate": "啟用",
+	"add": "\u65b0\u589e",
+	"alpha": "字母順序",
+	"author": "作者",
+	"avatar": "\u4f7f\u7528\u8005\u7167\u7247",
+	"back": "返回",
+	"cancel": "\u53d6\u6d88",
+	"change": "\u8b8a\u66f4",
+	"close": "\u95dc\u9589",
+	"changes": "變更",
+	"confirm": "儲存",
+	"collapse": "收合",
+	"collapse.all": "全部收合",
+	"color": "顏色",
+	"coordinates": "座標",
+	"copy": "Copy",
+	"copy.all": "全部複製",
+	"copy.success": "複製成功",
+	"copy.success.multiple": "{count} 資料已複製",
+	"copy.url": "複製網址",
+	"create": "建立",
+	"custom": "自訂",
+
+	"date": "日期",
+	"date.select": "選擇日期",
+
+	"day": "日",
+	"days.fri": "\u4e94",
+	"days.mon": "\u4e00",
+	"days.sat": "\u516d",
+	"days.sun": "\u65e5",
+	"days.thu": "\u56db",
+	"days.tue": "\u4e8c",
+	"days.wed": "\u4e09",
+
+	"debugging": "除錯中",
+
+	"delete": "\u522a\u9664",
+	"delete.all": "全部刪除",
+
+	"dialog.fields.empty": "沒有可用的欄位",
+	"dialog.files.empty": "沒有可用的檔案",
+	"dialog.pages.empty": "沒有可用的頁面",
+	"dialog.text.empty": "沒有可用的文字",
+	"dialog.users.empty": "沒有可用的使用者",
+
+	"dimensions": "尺寸",
+	"disable": "停用",
+	"disabled": "已停用",
+	"discard": "\u653e\u68c4",
+
+	"drawer.fields.empty": "沒有欄位可顯示",
+
+	"domain": "網域",
+	"download": "下載",
+	"duplicate": "建立副本",
+
+	"edit": "\u7de8\u8f2f",
+
+	"email": "電子郵件",
+	"email.placeholder": "mail@example.com",
+
+	"enter": "輸入",
+	"entries": "資料項目",
+	"entry": "進入",
+
+	"environment": "環境",
+
+	"error": "錯誤",
+	"error.access.code": "無效的存取碼",
+	"error.access.login": "請先登入",
+	"error.access.panel": "你沒有進入控制台的權限",
+	"error.access.view": "你沒有瀏覽這個項目的權限",
+
+	"error.avatar.create.fail": "無法建立使用者照片",
+	"error.avatar.delete.fail": "\u7121\u6cd5\u522a\u9664\u4f7f\u7528\u8005\u7167\u7247",
+	"error.avatar.dimensions.invalid": "請將個人檔案圖片的寬度和高度控製在 3000 畫素以下",
+	"error.avatar.mime.forbidden": "\u88ab\u7981\u6b62\u7684 mime \u985e\u578b",
+
+	"error.blueprint.notFound": "無法載入藍圖「{name}」",
+
+	"error.blocks.max.plural": "最多只能加入 {max} 個區塊",
+	"error.blocks.max.singular": "最多只能加入 1 個區塊",
+	"error.blocks.min.plural": "至少需要 {min} 個區塊",
+	"error.blocks.min.singular": "至少需要 1 個區塊",
+	"error.blocks.validation": "使用「{fieldset}」區塊類型的區塊 {index} 中的「{field}」欄位出錯",
+
+	"error.cache.type.invalid": "無效快取類型 \"{type}\"",
+
+	"error.content.lock.delete": "內容鎖定中，無法刪除",
+	"error.content.lock.move": "內容鎖定中，無法移動",
+	"error.content.lock.publish": "內容鎖定中，無法發佈",
+	"error.content.lock.replace": "內容鎖定中，無法替換",
+	"error.content.lock.update": "內容鎖定中，無法更新",
+
+	"error.entries.max.plural": "最多只能加入 {max} 筆資料",
+	"error.entries.max.singular": "最多只能加入 1 筆資料",
+	"error.entries.min.plural": "至少需要 {min} 筆資料",
+	"error.entries.min.singular": "至少需要 1 筆資料",
+	"error.entries.supports": "「{type}」欄位類型不支援指定的資料類型",
+	"error.entries.validation": "行 {index} 中的「{field}」欄位出錯。",
+
+	"error.email.preset.notFound": "找不到電子信箱預設設定「{name}」",
+
+	"error.field.converter.invalid": "欄位轉換無效「{converter}」",
+	"error.field.link.options": "連結欄位的選項格式錯誤：「{options}」",
+	"error.field.type.missing": "欄位「{ name }」：欄位類型「{ type }」不存在",
+
+	"error.file.changeName.empty": "請輸入新的檔名",
+	"error.file.changeName.permission": "你沒有變更「{filename}」檔名的權限",
+	"error.file.changeTemplate.invalid": "檔案「{id}」的樣板無法變更為「{template}」（有效：「{blueprints}」）。",
+	"error.file.changeTemplate.permission": "你沒有變更「{id}」樣板的權限",
+
+	"error.file.delete.multiple": "刪除多個檔案時發生錯誤",
+	"error.file.duplicate": "檔案「{filename}」重複",
+	"error.file.extension.forbidden": "\u88ab\u7981\u6b62\u7684\u526f\u6a94\u540d",
+	"error.file.extension.invalid": "無效的副檔名：{extension}",
+	"error.file.extension.missing": "檔案「{filename}」沒有副檔名",
+	"error.file.maxheight": "檔案高度不能超過 {max} 像素",
+	"error.file.maxsize": "檔案太大",
+	"error.file.maxwidth": "檔案寬度不能超過 {max} 像素",
+	"error.file.mime.differs": "上傳的檔案必須是相同的 mime 類型「{mime}」",
+	"error.file.mime.forbidden": "不允許使用媒體類型「{mime}」。",
+	"error.file.mime.invalid": "無效的 MIME 類型：「{mime}」",
+	"error.file.mime.missing": "無法偵測「{filename}」檔案的媒體類型",
+	"error.file.minheight": "檔案高度不能小於 {min} 像素",
+	"error.file.minsize": "檔案太小",
+	"error.file.minwidth": "檔案寬度不能小於 {min} 像素",
+	"error.file.name.unique": "檔名已經存在",
+	"error.file.name.missing": "請輸入檔名",
+	"error.file.notFound": "\u627e\u4e0d\u5230\u6a94\u6848",
+	"error.file.orientation": "影像的方向必須是「{orientation}」",
+	"error.file.sort.permission": "你沒有變更「{filename}」排序的權限",
+	"error.file.type.forbidden": "此「{type}」的檔案不允許上傳",
+	"error.file.type.invalid": "無效的檔案類型：{filename}",
+	"error.file.undefined": "\u627e\u4e0d\u5230\u6a94\u6848",
+
+	"error.form.incomplete": "表單尚未填寫完成",
+	"error.form.notSaved": "表單無法儲存，請檢查是否有錯誤",
+
+	"error.language.code": "語言代碼無效",
+	"error.language.create.permission": "你沒有新增語言的權限",
+	"error.language.delete.permission": "你沒有刪除語言的權限",
+	"error.language.duplicate": "語言已經存在",
+	"error.language.name": "語言名稱無效",
+	"error.language.notFound": "找不到語言",
+	"error.language.update.permission": "你沒有變更語言設定的權限",
+
+	"error.layout.validation.block": "在版面組態第 {layoutIndex} 區塊中，使用「{fieldset}」區塊類型的第 {blockIndex} 區塊內，欄位「{field}」發生錯誤",
+	"error.layout.validation.settings": "第 {index} 個版面組態的設定有誤",
+
+	"error.license.domain": "授權的網域名稱無效或不符",
+	"error.license.email": "Please enter a valid email address",
+	"error.license.format": "授權碼格式錯誤",
+	"error.license.verification": "授權驗證失敗",
+
+	"error.login.totp.confirm.invalid": "驗證碼無效，請重新確認",
+	"error.login.totp.confirm.missing": "請輸入驗證碼",
+
+	"error.object.validation": "欄位「{label}」有錯誤：\n{message}",
+
+	"error.offline": "系統目前離線，請稍後再試",
+
+	"error.page.changeSlug.permission": "\u7121\u6cd5\u66f4\u6539\u9801\u9762 URL",
+	"error.page.changeSlug.reserved": "頂層頁面的路徑不得以「{path}」作為開頭",
+	"error.page.changeStatus.incomplete": "請填寫所有必要欄位後再變更狀態",
+	"error.page.changeStatus.permission": "你沒有變更頁面狀態的權限",
+	"error.page.changeStatus.toDraft.invalid": "頁面「{slug}」無法轉換為草稿狀態",
+	"error.page.changeTemplate.invalid": "頁面「{slug}」的樣板無法變更",
+	"error.page.changeTemplate.permission": "你沒有變更「{slug}」樣板的權限",
+	"error.page.changeTitle.empty": "請輸入頁面標題",
+	"error.page.changeTitle.permission": "你沒有變更「{slug}」標題的權限",
+	"error.page.create.permission": "你沒有建立「{slug}」標題的權限",
+	"error.page.delete": "無法刪除頁面「{slug}」",
+	"error.page.delete.confirm": "你確定要刪除這個頁面嗎？",
+	"error.page.delete.hasChildren": "此頁面下有子頁面，請先刪除子頁面",
+	"error.page.delete.multiple": "刪除多個頁面時發生錯誤",
+	"error.page.delete.permission": "你沒有刪除「{slug}」的權限",
+	"error.page.draft.duplicate": "已經有草稿頁面使用「{slug}」作為網址附加碼",
+	"error.page.duplicate": "已有使用網址附加碼「{slug}」的頁面存在",
+	"error.page.duplicate.permission": "你沒有複製「{slug}」的權限",
+	"error.page.move.ancestor": "無法移動到其子孫頁面下",
+	"error.page.move.directory": "移動頁面失敗，資料夾錯誤",
+	"error.page.move.duplicate": "已有使用網址附加碼「{slug}」的子頁面存在",
+	"error.page.move.noSections": "頁面「{parent}」因藍圖中未包含任何頁面區段，無法成為其他頁面的上層頁面",
+	"error.page.move.notFound": "找不到要移動的頁面",
+	"error.page.move.permission": "你沒有移動「{slug}」的權限",
+	"error.page.move.template": "樣板「{template}」不被允許作為「{parent}」的子頁面",
+	"error.page.notFound": "\u627e\u4e0d\u5230\u9801\u9762",
+	"error.page.num.invalid": "頁面排序編號無效",
+	"error.page.slug.invalid": "頁面網址無效，只能使用小寫英數、連字號與底線",
+	"error.page.slug.maxlength": "網址附加碼長度必須少於 {length} 個字元",
+	"error.page.sort.permission": "頁面「{slug}」無法進行排序",
+	"error.page.status.invalid": "頁面狀態無效",
+	"error.page.undefined": "\u627e\u4e0d\u5230\u9801\u9762",
+	"error.page.update.permission": "你沒有更新「{slug}」的權限",
+
+	"error.section.files.max.plural": "「{section}」區段中最多只能加入 {max} 個檔案",
+	"error.section.files.max.singular": "「{section}」區段中最多只能加入 1 個檔案",
+	"error.section.files.min.plural": "「{section}」區段中至少需要 {min} 個檔案",
+	"error.section.files.min.singular": "「{section}」區段中至少需要 1 個檔案",
+
+	"error.section.pages.max.plural": "「{section}」區段中最多只能加入 {max} 個頁面",
+	"error.section.pages.max.singular": "「{section}」區段中最多只能加入 1 個頁面",
+	"error.section.pages.min.plural": "「{section}」區段中至少需要 {min} 個頁面",
+	"error.section.pages.min.singular": "「{section}」區段中至少需要 1 個頁面",
+
+	"error.section.notLoaded": "無法載入「{name}」區段",
+	"error.section.type.invalid": "區段類型「{type}」無效",
+
+	"error.site.changeTitle.empty": "網站標題不得為空",
+	"error.site.changeTitle.permission": "你沒有變更網站標題的權限",
+	"error.site.update.permission": "你沒有變更網站設定的權限",
+
+	"error.structure.validation": "第 {index} 列的「{field}」欄位發生錯誤",
+
+	"error.template.default.notFound": "找不到預設樣板",
+
+	"error.unexpected": "發生未預期的錯誤！如需更多資訊，請啟用除錯模式：https://getkirby.com/docs/reference/system/options/debug",
+
+	"error.user.changeEmail.permission": "你沒有變更使用者「{name}」電子郵件的權限",
+	"error.user.changeLanguage.permission": "你沒有變更使用者「{name}」語言的權限",
+	"error.user.changeName.permission": "你沒有變更使用者「{name}」名稱的權限",
+	"error.user.changePassword.permission": "你沒有變更使用者「{name}」密碼的權限",
+	"error.user.changeRole.lastAdmin": "無法取消最後一位管理員的權限",
+	"error.user.changeRole.permission": "你沒有變更使用者「{name}」角色的權限",
+	"error.user.changeRole.toAdmin": "你無法將自己升級為管理員",
+	"error.user.create.permission": "你沒有新增使用者的權限",
+	"error.user.delete": "\u8a72\u4f7f\u7528\u8005\u4e0d\u53ef\u88ab\u522a\u9664",
+	"error.user.delete.lastAdmin": "\u4f60\u7121\u6cd5\u522a\u9664\u6700\u5f8c\u7684\u7ba1\u7406\u8005",
+	"error.user.delete.lastUser": "無法刪除最後一位使用者",
+	"error.user.delete.permission": "\u4f60\u7121\u6cd5\u4fee\u6539\u6b64\u4f7f\u7528\u8005",
+	"error.user.duplicate": "已有使用者使用電子郵件位址「{email}」",
+	"error.user.email.invalid": "Please enter a valid email address",
+	"error.user.language.invalid": "無效的語言代碼",
+	"error.user.notFound": "\u627e\u4e0d\u5230\u4f7f\u7528\u8005",
+	"error.user.password.excessive": "請輸入有效的密碼。密碼長度不得超過 1000 個字元。",
+	"error.user.password.invalid": "請輸入有效的密碼。密碼長度至少需為 8 個字元。",
+	"error.user.password.notSame": "\u8acb\u78ba\u8a8d\u5bc6\u78bc\u7121\u8aa4",
+	"error.user.password.undefined": "請輸入密碼",
+	"error.user.password.wrong": "密碼錯誤",
+	"error.user.role.invalid": "權限設定無效",
+	"error.user.undefined": "找不到使用者",
+	"error.user.update.permission": "你沒有更新使用者「{name}」的權限",
+
+	"error.validation.accepted": "請勾選此選項",
+	"error.validation.alpha": "只能包含英文字母",
+	"error.validation.alphanum": "僅能輸入 a-z 的英文字母或數字 0-9",
+	"error.validation.anchor": "無效的錨點格式",
+	"error.validation.between": "必須介於 {min} 到 {max} 之間",
+	"error.validation.boolean": "請選擇是或否",
+	"error.validation.color": "請輸入有效的顏色，格式需為 {format}",
+	"error.validation.contains": "必須包含「{value}」",
+	"error.validation.date": "無效的日期格式",
+	"error.validation.date.after": "日期必須晚於 {date}",
+	"error.validation.date.before": "日期必須早於 {date}",
+	"error.validation.date.between": "日期必須介於 {min} 到 {max} 之間",
+	"error.validation.denied": "不允許的值",
+	"error.validation.different": "此欄位必須與 {other} 不同",
+	"error.validation.email": "Please enter a valid email address",
+	"error.validation.endswith": "必須以「{value}」結尾",
+	"error.validation.filename": "無效的檔名",
+	"error.validation.in": "請輸入以下其中一項：({in})",
+	"error.validation.integer": "請輸入整數",
+	"error.validation.ip": "請輸入有效的 IP 位址",
+	"error.validation.less": "數值必須小於 {max}",
+	"error.validation.linkType": "無效的連結類型",
+	"error.validation.match": "格式不正確",
+	"error.validation.max": "數值不得超過 {max}",
+	"error.validation.maxlength": "請輸入較短的內容（最多 {max} 個字元）",
+	"error.validation.maxwords": "請輸入不超過 {max} 個詞語 (words)",
+	"error.validation.min": "數值不得小於 {min}",
+	"error.validation.minlength": "請輸入較長的內容（至少 {min} 個字元）",
+	"error.validation.minwords": "請輸入至少 {min} 個詞語（words）",
+	"error.validation.more": "數值必須大於 {min}",
+	"error.validation.notcontains": "不得包含「{value}」",
+	"error.validation.notin": "請不要輸入以下任一項：（{notIn}）",
+	"error.validation.option": "請選擇有效的選項",
+	"error.validation.num": "請輸入數字",
+	"error.validation.required": "此欄位為必填",
+	"error.validation.same": "此欄位必須與 {other} 相同",
+	"error.validation.size": "大小必須為 {size}",
+	"error.validation.startswith": "必須以「{value}」開頭",
+	"error.validation.tel": "請輸入有效的電話號碼",
+	"error.validation.time": "無效的時間格式",
+	"error.validation.time.after": "時間必須晚於 {time}",
+	"error.validation.time.before": "時間必須早於 {time}",
+	"error.validation.time.between": "時間必須介於 {min} 到 {max} 之間",
+	"error.validation.uuid": "請輸入有效的 UUID",
+	"error.validation.url": "請輸入有效的網址",
+
+	"expand": "展開",
+	"expand.all": "全部展開",
+
+	"field.invalid": "欄位無效",
+	"field.required": "此欄位為必填",
+	"field.blocks.changeType": "變更區塊類型",
+	"field.blocks.code.name": "程式碼",
+	"field.blocks.code.language": "慣用語言",
+	"field.blocks.code.placeholder": "輸入程式碼…",
+	"field.blocks.delete.confirm": "你確定要刪除這個區塊嗎？",
+	"field.blocks.delete.confirm.all": "你確定要刪除所有區塊嗎？",
+	"field.blocks.delete.confirm.selected": "你確定要刪除已選取的區塊嗎？",
+	"field.blocks.empty": "尚未加入任何區塊",
+	"field.blocks.fieldsets.empty": "沒有可用的區塊類型",
+	"field.blocks.fieldsets.label": "新增區塊",
+	"field.blocks.fieldsets.paste": "按下 {{shortcut}} 可從剪貼簿匯入版面／區塊，僅會插入目前欄位允許的區塊類型。",
+	"field.blocks.gallery.name": "圖集",
+	"field.blocks.gallery.images.empty": "尚未加入圖片",
+	"field.blocks.gallery.images.label": "圖片",
+	"field.blocks.heading.level": "標題層級",
+	"field.blocks.heading.name": "標題",
+	"field.blocks.heading.text": "標題文字",
+	"field.blocks.heading.placeholder": "輸入標題…",
+	"field.blocks.figure.back.plain": "純色背景",
+	"field.blocks.figure.back.pattern.light": "圖樣（亮色）",
+	"field.blocks.figure.back.pattern.dark": "圖樣（暗色）",
+	"field.blocks.image.alt": "替代文字",
+	"field.blocks.image.caption": "圖片說明",
+	"field.blocks.image.crop": "裁切",
+	"field.blocks.image.link": "連結",
+	"field.blocks.image.location": "圖片位置",
+	"field.blocks.image.location.internal": "內部上傳",
+	"field.blocks.image.location.external": "外部連結",
+	"field.blocks.image.name": "圖片",
+	"field.blocks.image.placeholder": "拖曳或點擊以選擇圖片",
+	"field.blocks.image.ratio": "顯示比例",
+	"field.blocks.image.url": "圖片網址",
+	"field.blocks.line.name": "分隔線",
+	"field.blocks.list.name": "清單",
+	"field.blocks.markdown.name": "Markdown",
+	"field.blocks.markdown.label": "內容",
+	"field.blocks.markdown.placeholder": "輸入 Markdown 內容…",
+	"field.blocks.quote.name": "引言",
+	"field.blocks.quote.text.label": "引言內容",
+	"field.blocks.quote.text.placeholder": "輸入引言文字…",
+	"field.blocks.quote.citation.label": "出處",
+	"field.blocks.quote.citation.placeholder": "輸入引用來源…",
+	"field.blocks.text.name": "段落",
+	"field.blocks.text.placeholder": "輸入段落內容…",
+	"field.blocks.video.autoplay": "自動播放",
+	"field.blocks.video.caption": "影片說明",
+	"field.blocks.video.controls": "顯示控制列",
+	"field.blocks.video.location": "影片位置",
+	"field.blocks.video.loop": "重複播放",
+	"field.blocks.video.muted": "靜音",
+	"field.blocks.video.name": "影片",
+	"field.blocks.video.placeholder": "貼上影片網址或拖曳影片",
+	"field.blocks.video.poster": "預覽縮圖",
+	"field.blocks.video.preload": "預先載入",
+	"field.blocks.video.url.label": "影片網址",
+	"field.blocks.video.url.placeholder": "https://youtube.com/?v=",
+
+	"field.entries.delete.confirm.all": "你確定要刪除所有資料嗎？",
+	"field.entries.empty": "還沒有資料",
+
+	"field.files.empty": "沒有選取任何檔案",
+	"field.files.empty.single": "尚未選取檔案",
+
+	"field.layout.change": "變更版面配置",
+	"field.layout.delete": "刪除版面",
+	"field.layout.delete.confirm": "你確定要刪除這個版面嗎？",
+	"field.layout.delete.confirm.all": "你確定要刪除所有版面嗎？",
+	"field.layout.empty": "尚未設定任何版面",
+	"field.layout.select": "選擇版面",
+
+	"field.object.empty": "尚未填寫內容",
+
+	"field.pages.empty": "沒有選取任何頁面",
+	"field.pages.empty.single": "尚未選取頁面",
+
+	"field.structure.delete.confirm": "\u4f60\u771f\u7684\u8981\u522a\u9664\u6b64\u7b46\u8cc7\u6599\u55ce\uff1f",
+	"field.structure.delete.confirm.all": "你確定要刪除所有資料嗎？",
+	"field.structure.empty": "尚未加入任何資料",
+
+	"field.users.empty": "沒有選取任何使用者",
+	"field.users.empty.single": "尚未選取使用者",
+
+	"fields.empty": "此頁面沒有設定欄位",
+
+	"file": "檔案",
+	"file.blueprint": "此檔案尚未設定藍圖。你可以在 /site/blueprints/files/{blueprint}.yml 中定義設定內容",
+	"file.changeTemplate": "變更樣板",
+	"file.changeTemplate.notice": "變更樣板可能會導致資料遺失",
+	"file.delete.confirm": "\u78ba\u8a8d\u522a\u9664\u6a94\u6848\uff1f",
+	"file.focus.placeholder": "選取聚焦區域",
+	"file.focus.reset": "重設焦點",
+	"file.focus.title": "圖片焦點",
+	"file.sort": "變更檔案順序",
+
+	"files": "附加檔案",
+	"files.delete.confirm.selected": "你確定要刪除已選取的檔案嗎？",
+	"files.empty": "此處沒有檔案",
+
+	"filter": "篩選",
+
+	"form.discard": "放棄變更",
+	"form.discard.confirm": "你確定要放棄未儲存的變更嗎？",
+	"form.locked": "此表單已鎖定，無法編輯",
+	"form.unsaved": "尚有未儲存的變更",
+	"form.preview": "預覽內容",
+	"form.preview.draft": "預覽草稿",
+
+	"hide": "隱藏",
+	"hour": "時",
+	"hue": "色相",
+	"import": "匯入",
+	"info": "資訊",
+	"insert": "\u63d2\u5165",
+	"insert.after": "插入在後",
+	"insert.before": "插入在前",
+	"install": "安裝",
+
+	"installation": "安裝",
+	"installation.completed": "安裝完成",
+	"installation.disabled": "安裝功能已停用",
+	"installation.issues.accounts": "\u60a8\u6c92\u6709\u300c\/site\/accounts\u300d\u8cc7\u6599\u593e\u7684\u4fee\u6539\u6b0a\u9650",
+	"installation.issues.content": "\u60a8\u6c92\u6709\u300c\/content\u300d\u8cc7\u6599\u593e\u7684\u4fee\u6539\u6b0a\u9650",
+	"installation.issues.curl": "伺服器未啟用 cURL，可能會導致某些功能無法使用",
+	"installation.issues.headline": "請先解決下列安裝問題：",
+	"installation.issues.mbstring": "PHP 尚未啟用 mbstring 擴充套件",
+	"installation.issues.media": "無法建立 /media 資料夾或寫入權限不足",
+	"installation.issues.php": "請確保使用 PHP 8 以上版本",
+	"installation.issues.sessions": "PHP sessions 未正確啟用，請檢查伺服器設定",
+
+	"language": "\u6163\u7528\u8a9e\u8a00",
+	"language.code": "語言代碼",
+	"language.convert": "轉換語言",
+	"language.convert.confirm": "你確定要將所有內容轉換為此語言嗎？你確定要將「{name}」轉換為預設語言嗎？此操作無法還原。\n如果「{name}」中有未翻譯的內容，將不會有可用的預設語言做為備援，可能會導致網站部份內容為空。",
+	"language.create": "新增語言",
+	"language.default": "預設語言",
+	"language.delete.confirm": "你確定要刪除語言「{name}」及其所有翻譯內容嗎？此操作無法還原！",
+	"language.deleted": "語言已刪除",
+	"language.direction": "書寫方向",
+	"language.direction.ltr": "由左至右",
+	"language.direction.rtl": "由右至左",
+	"language.locale": "PHP 語系字串",
+	"language.locale.warning": "請確認區域設定符合 PHP 認可的格式",
+	"language.name": "語言名稱",
+	"language.secondary": "次要語言",
+	"language.settings": "語言設定",
+	"language.updated": "語言已更新",
+	"language.variables": "語言變數",
+	"language.variables.empty": "尚未設定語言變數",
+
+	"language.variable.delete.confirm": "你確定要刪除「{key}」這個變數嗎？",
+	"language.variable.entries": "Values",
+	"language.variable.entries.help": "Each string will be used for its matching count, e.g. three strings will match in order to counts <code>0</code>, <code>1</code>, <code>2 and more</code>. Use the <code>{count}</code> placeholder to insert the actual count.",
+	"language.variable.key": "變數名稱",
+	"language.variable.multiple": "Countable?",
+	"language.variable.multiple.text": "Use different translation strings",
+	"language.variable.multiple.help": "You can use different values depending on a count you pass along with the language variable, allowing you to create dynamic translations, e.g. singular and plural.",
+	"language.variable.notFound": "找不到指定的語言變數",
+	"language.variable.value": "變數內容",
+
+	"languages": "語言清單",
+	"languages.default": "預設語言",
+	"languages.empty": "尚未設定語言",
+	"languages.secondary": "次要語言清單",
+	"languages.secondary.empty": "尚未設定次要語言",
+
+	"license": "Kirby \u6191\u8b49",
+	"license.activate": "啟用授權",
+	"license.activate.label": "輸入您的授權碼以啟用 Kirby",
+	"license.activate.domain": "你的授權將會啟用於 {host}",
+	"license.activate.local": "你即將為本機網域 {host} 啟用你的 Kirby 授權。\n如果這個網站將部署到公開網域，請改為在公開網域上啟用授權。\n如果 {host} 就是你要使用授權的網域，請繼續操作。",
+	"license.activated": "授權已啟用",
+	"license.buy": "購買授權",
+	"license.code": "授權碼",
+	"license.code.help": "您可以在購買確認信中找到授權碼",
+	"license.code.label": "輸入授權碼",
+	"license.status.active.info": "包含至 {date} 前的新主要版本",
+	"license.status.active.label": "已啟用",
+	"license.status.demo.info": "此為試用版安裝，僅供開發或測試使用",
+	"license.status.demo.label": "試用中",
+	"license.status.inactive.info": "此網站尚未啟用授權",
+	"license.status.inactive.label": "未啟用",
+	"license.status.legacy.bubble": "舊版授權",
+	"license.status.legacy.info": "此授權使用的是舊版授權機制",
+	"license.status.legacy.label": "舊版授權",
+	"license.status.missing.bubble": "缺少授權",
+	"license.status.missing.info": "請輸入有效授權碼以使用 Kirby",
+	"license.status.missing.label": "未授權",
+	"license.status.unknown.info": "無法確認授權狀態，請檢查您的網路連線",
+	"license.status.unknown.label": "未知狀態",
+	"license.manage": "管理授權",
+	"license.purchased": "您已購買授權",
+	"license.success": "授權啟用成功",
+	"license.unregistered.label": "未註冊",
+
+	"link": "\u9023\u7d50",
+	"link.text": "\u9023\u7d50\u6587\u5b57",
+
+	"loading": "載入中…",
+
+	"lock.unsaved": "有尚未儲存的變更",
+	"lock.unsaved.empty": "所有變更已儲存",
+	"lock.unsaved.files": "有檔案變更尚未儲存",
+	"lock.unsaved.pages": "有頁面變更尚未儲存",
+	"lock.unsaved.users": "有使用者變更尚未儲存",
+	"lock.isLocked": "{email} 尚未儲存的變更",
+	"lock.unlock": "解除鎖定",
+	"lock.unlock.submit": "解鎖並覆蓋 {email} 尚未儲存的變更",
+	"lock.isUnlocked": "目前已解除鎖定",
+
+	"login": "登入",
+	"login.code.label.login": "使用一次性登入碼登入",
+	"login.code.label.password-reset": "重設密碼的安全碼",
+	"login.code.placeholder.email": "000 000",
+	"login.code.placeholder.totp": "000000",
+	"login.code.text.email": "我們已寄送一組登入連結至你的電子信箱",
+	"login.code.text.totp": "請輸入兩步驟驗證碼",
+	"login.email.login.body": "嗨 {user.nameOrEmail}，\n\n你最近請求了 {site} 控製臺的登入驗證碼。\n以下驗證碼在 {timeout} 分鐘內有效：\n\n{code}\n\n如果你並未請求此驗證碼，請忽略此封信；如有疑問，請聯絡你的管理員。\n為了安全起見，請不要轉寄此封電子郵件。",
+	"login.email.login.subject": "您的 Kirby 登入連結",
+	"login.email.password-reset.body": "嗨 {user.nameOrEmail}，\n\n你最近請求了 {site} 控製臺的密碼重設驗證碼。\n以下驗證碼在 {timeout} 分鐘內有效：\n\n{code}\n\n如果你並未請求此驗證碼，請忽略此封信；如有疑問，請聯絡你的管理員。\n為了安全起見，請不要轉寄此封電子郵件。",
+	"login.email.password-reset.subject": "您的 Kirby 密碼重設連結",
+	"login.remember": "記住我",
+	"login.reset": "重設密碼",
+	"login.toggleText.code.email": "使用電子信箱登入",
+	"login.toggleText.code.email-password": "使用電子信箱與密碼登入",
+	"login.toggleText.password-reset.email": "忘記密碼？使用電子信箱重設",
+	"login.toggleText.password-reset.email-password": "返回使用密碼登入",
+	"login.totp.enable.option": "設定一次性驗證碼",
+	"login.totp.enable.intro": "增加帳號安全性，需使用驗證器應用程式",
+	"login.totp.enable.qr.label": "1. 掃描這個 QR 碼",
+	"login.totp.enable.qr.help": "無法掃描嗎？請將設定金鑰 {secret} 手動加入你的驗證器 App。",
+	"login.totp.enable.confirm.headline": "2. 使用產生的驗證碼進行確認",
+	"login.totp.enable.confirm.text": "你的 App 每 30 秒會產生一組新的一次性驗證碼。請輸入目前的驗證碼以完成設定：",
+	"login.totp.enable.confirm.label": "驗證碼",
+	"login.totp.enable.confirm.help": "來自驗證器 App 的 6 位數碼",
+	"login.totp.enable.success": "已成功啟用兩步驟驗證",
+	"login.totp.disable.option": "停用兩步驟驗證",
+	"login.totp.disable.label": "停用驗證",
+	"login.totp.disable.help": "您的帳號將不再需要驗證器登入",
+	"login.totp.disable.admin": "這將會停用 {user} 的一次性驗證碼。\n未來他們登入時，系統會改為要求其他第二驗證方式，例如透過電子郵件傳送的登入碼。\n{user} 可於下次登入後重新設定一次性驗證碼。",
+	"login.totp.disable.success": "已成功停用兩步驟驗證",
+
+	"logout": "登出",
+
+	"merge": "合併",
+	"menu": "選單",
+	"meridiem": "上午／下午",
+	"mime": "MIME 類型",
+	"minutes": "分鐘",
+
+	"month": "月",
+	"months.april": "\u56db\u6708",
+	"months.august": "\u516b\u6708",
+	"months.december": "\u5341\u4e8c\u6708",
+	"months.february": "二月",
+	"months.january": "\u4e00\u6708",
+	"months.july": "\u4e03\u6708",
+	"months.june": "\u516d\u6708",
+	"months.march": "\u4e09\u6708",
+	"months.may": "\u4e94\u6708",
+	"months.november": "\u5341\u4e00\u6708",
+	"months.october": "\u5341\u6708",
+	"months.september": "\u4e5d\u6708",
+
+	"more": "更多",
+	"move": "移動",
+	"name": "名稱",
+	"next": "下一步",
+	"night": "夜間",
+	"no": "否",
+	"off": "關閉",
+	"on": "開啟",
+	"open": "開啟",
+	"open.newWindow": "在新視窗開啟",
+	"option": "選項",
+	"options": "多選項",
+	"options.none": "無可用選項",
+	"options.all": "顯示全部 {count} 個選項",
+
+	"orientation": "方向",
+	"orientation.landscape": "橫向",
+	"orientation.portrait": "直向",
+	"orientation.square": "正方形",
+
+	"page": "頁",
+	"page.blueprint": "此頁面尚未設定藍圖。你可以在 /site/blueprints/pages/{blueprint}.yml 中定義設定內容。",
+	"page.changeSlug": "\u66f4\u6539\u9801\u9762\u7db2\u5740",
+	"page.changeSlug.fromTitle": "\u5f9e\u9801\u9762\u6a19\u984c\u8f38\u5165",
+	"page.changeStatus": "變更狀態",
+	"page.changeStatus.position": "頁面位置",
+	"page.changeStatus.select": "選擇狀態",
+	"page.changeTemplate": "變更樣板",
+	"page.changeTemplate.notice": "變更樣板可能會導致部分資料遺失，請小心操作",
+	"page.create": "建立為 {status}",
+	"page.delete.confirm": "\u78ba\u8a8d\u522a\u9664\u6b64\u9801\u9762\uff1f",
+	"page.delete.confirm.subpages": "此頁面下仍有子頁面，是否一併刪除？",
+	"page.delete.confirm.title": "請輸入頁面標題以確認",
+	"page.duplicate.appendix": "Copy",
+	"page.duplicate.files": "複製檔案",
+	"page.duplicate.pages": "複製子頁面",
+	"page.move": "移動頁面",
+	"page.sort": "排序頁面",
+	"page.status": "頁面狀態",
+	"page.status.draft": "草稿",
+	"page.status.draft.description": "該頁面處於草稿模式，僅對已登入的編輯者或透過秘密連結可見",
+	"page.status.listed": "已列出",
+	"page.status.listed.description": "該頁面對所有人公開",
+	"page.status.unlisted": "未列出",
+	"page.status.unlisted.description": "該頁面僅能透過網址存取",
+
+	"pages": "頁面",
+	"pages.delete.confirm.selected": "你確定要刪除所有選取的頁面嗎？",
+	"pages.empty": "目前沒有任何頁面",
+	"pages.status.draft": "草稿",
+	"pages.status.listed": "已列出",
+	"pages.status.unlisted": "未列出",
+
+	"pagination.page": "頁",
+
+	"password": "\u5bc6\u78bc",
+	"paste": "貼上",
+	"paste.after": "貼在後方",
+	"paste.success": "已貼上 {count} 個項目！",
+	"pixel": "像素",
+	"plugin": "外掛",
+	"plugins": "外掛列表",
+	"prev": "上一步",
+	"preview": "預覽",
+
+	"publish": "發佈",
+	"published": "已發佈",
+
+	"remove": "移除",
+	"rename": "重新命名",
+	"renew": "重新啟用",
+	"replace": "\u66f4\u63db",
+	"replace.with": "取代為…",
+	"retry": "\u91cd\u8a66",
+	"revert": "\u653e\u68c4",
+	"revert.confirm": "你確定要還原變更嗎？",
+
+	"role": "\u6b0a\u9650",
+	"role.admin.description": "具有所有權限，可管理使用者與網站設定",
+	"role.admin.title": "管理員",
+	"role.all": "所有角色",
+	"role.empty": "尚未設定角色",
+	"role.description.placeholder": "角色描述…",
+	"role.nobody.description": "無法登入後台的訪客角色",
+	"role.nobody.title": "訪客",
+
+	"save": "\u5132\u5b58",
+	"saved": "已儲存",
+	"search": "搜尋",
+	"searching": "搜尋中…",
+	"search.min": "請至少輸入 {min} 個字元",
+	"search.all": "顯示全部 {count} 筆結果",
+	"search.results.none": "找不到符合的結果",
+
+	"section.invalid": "區段無效",
+	"section.required": "此區段為必填",
+
+	"security": "安全性",
+	"select": "選取",
+	"server": "伺服器",
+	"settings": "設定",
+	"show": "顯示",
+	"site.blueprint": "網站藍圖",
+	"size": "大小",
+	"slug": "\u9801\u9762\u7db2\u5740",
+	"sort": "排序",
+	"sort.drag": "拖曳以排序",
+	"split": "分割",
+
+	"stats.empty": "目前沒有統計資料",
+	"status": "狀態",
+
+	"system.info.copy": "複製系統資訊",
+	"system.info.copied": "系統資訊已複製",
+	"system.issues.content": "無法寫入 /content 資料夾",
+	"system.issues.eol.kirby": "你正在使用已終止維護的 Kirby 版本",
+	"system.issues.eol.plugin": "你安裝的 {plugin} 外掛已達到生命週期終點，將不再收到安全性更新。",
+	"system.issues.eol.php": "你安裝的 PHP 版本 {release} 已達生命週期終點，將不再收到安全性更新。",
+	"system.issues.debug": "目前系統處於除錯模式",
+	"system.issues.git": "專案資料夾中未偵測到 Git 儲存庫",
+	"system.issues.https": "網站未透過 HTTPS 保護",
+	"system.issues.kirby": "Kirby 核心檔案可能已變更，請重新安裝",
+	"system.issues.local": "網站可能仍在本機開發環境中運行",
+	"system.issues.site": "找不到 site/config.php 或檔案設定錯誤",
+	"system.issues.vue.compiler": "Vue 樣板編譯器已啟用",
+	"system.issues.vulnerability.kirby": "你的安裝可能受到以下漏洞影響（嚴重性：{severity}）：{description}",
+	"system.issues.vulnerability.plugin": "你的安裝可能受到 {plugin} 外掛中以下漏洞影響（嚴重性：{severity}）：{description}",
+	"system.updateStatus": "更新狀態",
+	"system.updateStatus.error": "無法檢查更新狀態",
+	"system.updateStatus.not-vulnerable": "目前版本無安全漏洞",
+	"system.updateStatus.security-update": "有免費的安全性更新版本 {version} 可供下載",
+	"system.updateStatus.security-upgrade": "有包含安全修正的版本 {version} 可供升級",
+	"system.updateStatus.unreleased": "目前為尚未正式發佈的版本",
+	"system.updateStatus.up-to-date": "已是最新版本",
+	"system.updateStatus.update": "有免費更新版本 {version} 可供下載",
+	"system.updateStatus.upgrade": "可升級至版本 {version}",
+
+	"tel": "電話",
+	"tel.placeholder": "+49123456789",
+	"template": "頁面樣板",
+
+	"theme": "主題",
+	"theme.light": "亮色主題",
+	"theme.dark": "暗色主題",
+	"theme.automatic": "配合系統預設",
+
+	"title": "頁面標題",
+	"today": "今天",
+
+	"toolbar.button.clear": "清除格式",
+	"toolbar.button.code": "程式碼",
+	"toolbar.button.bold": "\u7c97\u9ad4",
+	"toolbar.button.email": "電子郵件",
+	"toolbar.button.headings": "標題",
+	"toolbar.button.heading.1": "標題 1",
+	"toolbar.button.heading.2": "標題 2",
+	"toolbar.button.heading.3": "標題 3",
+	"toolbar.button.heading.4": "標題 4",
+	"toolbar.button.heading.5": "標題 5",
+	"toolbar.button.heading.6": "標題 6",
+	"toolbar.button.italic": "\u659c\u9ad4",
+	"toolbar.button.file": "檔案",
+	"toolbar.button.file.select": "選擇檔案",
+	"toolbar.button.file.upload": "上傳檔案",
+	"toolbar.button.link": "\u9023\u7d50",
+	"toolbar.button.paragraph": "段落",
+	"toolbar.button.strike": "刪除線",
+	"toolbar.button.sub": "下標",
+	"toolbar.button.sup": "上標",
+	"toolbar.button.ol": "有序清單",
+	"toolbar.button.underline": "底線",
+	"toolbar.button.ul": "無序清單",
+
+	"translation.author": "翻譯者",
+	"translation.direction": "ltr",
+	"translation.name": "正體中文",
+	"translation.locale": "zh_TW",
+
+	"type": "類型",
+
+	"upload": "上傳",
+	"upload.error.cantMove": "檔案無法移動到目標位置",
+	"upload.error.cantWrite": "檔案無法寫入磁碟",
+	"upload.error.default": "上傳時發生未知錯誤",
+	"upload.error.extension": "副檔名不被允許",
+	"upload.error.formSize": "檔案超出表單限制的大小",
+	"upload.error.iniPostSize": "檔案超出 PHP 設定中的最大值",
+	"upload.error.iniSize": "檔案大小超過上傳限制",
+	"upload.error.noFile": "沒有選擇任何檔案",
+	"upload.error.noFiles": "找不到任何可上傳的檔案",
+	"upload.error.partial": "檔案僅部分上傳",
+	"upload.error.tmpDir": "找不到暫存資料夾",
+	"upload.errors": "上傳錯誤",
+	"upload.progress": "上傳進度",
+
+	"url": "網址",
+	"url.placeholder": "例如：https://example.com",
+
+	"user": "使用者",
+	"user.blueprint": "你可以在 /site/blueprints/users/{blueprint}.yml 中為此使用者角色定義額外的區段與表單欄位。",
+	"user.changeEmail": "變更電子信箱",
+	"user.changeLanguage": "變更語言",
+	"user.changeName": "變更名稱",
+	"user.changePassword": "變更密碼",
+	"user.changePassword.current": "目前密碼",
+	"user.changePassword.new": "更改密碼",
+	"user.changePassword.new.confirm": "確認新密碼",
+	"user.changeRole": "變更角色",
+	"user.changeRole.select": "選擇新角色",
+	"user.create": "新增使用者",
+	"user.delete": "刪除使用者",
+	"user.delete.confirm": "你確定要刪除「{email}」嗎？",
+
+	"users": "使用者",
+
+	"version": "版本",
+	"version.changes": "版本變更紀錄",
+	"version.compare": "比較版本",
+	"version.current": "目前版本",
+	"version.latest": "最新版本",
+	"versionInformation": "版本資訊",
+
+	"view": "檢視",
+	"view.account": "\u60a8\u7684\u5e33\u865f",
+	"view.installation": "\u5b89\u88dd",
+	"view.languages": "語言管理",
+	"view.resetPassword": "重設密碼",
+	"view.site": "網站設定",
+	"view.system": "系統資訊",
+	"view.users": "\u4f7f\u7528\u8005",
+
+	"welcome": "歡迎使用 Kirby",
+	"year": "年",
+	"yes": "是"
+}
diff --git a/kirby/panel/dist/js/sortable.esm.min.js b/kirby/panel/dist/js/sortable.esm.min.js
new file mode 100644
index 0000000..63fd425
--- /dev/null
+++ b/kirby/panel/dist/js/sortable.esm.min.js
@@ -0,0 +1,7 @@
+/**!
+ * Sortable 1.15.6
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,o)}return n}function e(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?t(Object(i),!0).forEach(function(t){o(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function i(){return i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},i.apply(this,arguments)}function r(t,e){if(null==t)return{};var n,o,i=function(t,e){if(null==t)return{};var n,o,i={},r=Object.keys(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function a(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var l=a(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),s=a(/Edge/i),c=a(/firefox/i),u=a(/safari/i)&&!a(/chrome/i)&&!a(/android/i),d=a(/iP(ad|od|hone)/i),h=a(/chrome/i)&&a(/android/i),f={capture:!1,passive:!1};function p(t,e,n){t.addEventListener(e,n,!l&&f)}function g(t,e,n){t.removeEventListener(e,n,!l&&f)}function v(t,e){if(e){if(">"===e[0]&&(e=e.substring(1)),t)try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(n){return!1}return!1}}function m(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function b(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"===e[0]?t.parentNode===n&&v(t,e):v(t,e))||o&&t===n)return t;if(t===n)break}while(t=m(t))}return null}var y,w=/\s+/g;function E(t,e,n){if(t&&e)if(t.classList)t.classList[n?"add":"remove"](e);else{var o=(" "+t.className+" ").replace(w," ").replace(" "+e+" "," ");t.className=(o+(n?" "+e:"")).replace(w," ")}}function D(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];e in o||-1!==e.indexOf("webkit")||(e="-webkit-"+e),o[e]=n+("string"==typeof n?"":"px")}}function _(t,e){var n="";if("string"==typeof t)n=t;else do{var o=D(t,"transform");o&&"none"!==o&&(n=o+" "+n)}while(!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function S(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function T(){var t=document.scrollingElement;return t||document.documentElement}function C(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,s,c,u,d,h;if(t!==window&&t.parentNode&&t!==T()?(a=(r=t.getBoundingClientRect()).top,s=r.left,c=r.bottom,u=r.right,d=r.height,h=r.width):(a=0,s=0,c=window.innerHeight,u=window.innerWidth,d=window.innerHeight,h=window.innerWidth),(e||n)&&t!==window&&(i=i||t.parentNode,!l))do{if(i&&i.getBoundingClientRect&&("none"!==D(i,"transform")||n&&"static"!==D(i,"position"))){var f=i.getBoundingClientRect();a-=f.top+parseInt(D(i,"border-top-width")),s-=f.left+parseInt(D(i,"border-left-width")),c=a+r.height,u=s+r.width;break}}while(i=i.parentNode);if(o&&t!==window){var p=_(i||t),g=p&&p.a,v=p&&p.d;p&&(c=(a/=v)+(d/=v),u=(s/=g)+(h/=g))}return{top:a,left:s,bottom:c,right:u,width:h,height:d}}}function x(t,e,n){for(var o=P(t,!0),i=C(t)[e];o;){if(!(i>=C(o)[n]))return o;if(o===T())break;o=P(o,!1)}return!1}function O(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Yt.ghost&&(o||a[r]!==Yt.dragged)&&b(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function M(t,e){for(var n=t.lastElementChild;n&&(n===Yt.ghost||"none"===D(n,"display")||e&&!v(n,e));)n=n.previousElementSibling;return n||null}function N(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Yt.clone||e&&!v(t,e)||n++;return n}function A(t){var e=0,n=0,o=T();if(t)do{var i=_(t),r=i.a,a=i.d;e+=t.scrollLeft*r,n+=t.scrollTop*a}while(t!==o&&(t=t.parentNode));return[e,n]}function P(t,e){if(!t||!t.getBoundingClientRect)return T();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=D(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return T();if(o||e)return n;o=!0}}}while(n=n.parentNode);return T()}function I(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function k(t,e){return function(){if(!y){var n=arguments;1===n.length?t.call(this,n[0]):t.apply(this,n),y=setTimeout(function(){y=void 0},e)}}}function X(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function Y(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function R(t,e,n){var o={};return Array.from(t.children).forEach(function(i){var r,a,l,s;if(b(i,e.draggable,t,!1)&&!i.animated&&i!==n){var c=C(i);o.left=Math.min(null!==(r=o.left)&&void 0!==r?r:1/0,c.left),o.top=Math.min(null!==(a=o.top)&&void 0!==a?a:1/0,c.top),o.right=Math.max(null!==(l=o.right)&&void 0!==l?l:-1/0,c.right),o.bottom=Math.max(null!==(s=o.bottom)&&void 0!==s?s:-1/0,c.bottom)}}),o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}var B="Sortable"+(new Date).getTime();function F(){var t,n=[];return{captureAnimationState:function(){(n=[],this.options.animation)&&[].slice.call(this.el.children).forEach(function(t){if("none"!==D(t,"display")&&t!==Yt.ghost){n.push({target:t,rect:C(t)});var o=e({},n[n.length-1].rect);if(t.thisAnimationDuration){var i=_(t,!0);i&&(o.top-=i.f,o.left-=i.e)}t.fromRect=o}})},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(n,{target:t}),1)},animateAll:function(e){var o=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof e&&e());var i=!1,r=0;n.forEach(function(t){var e=0,n=t.target,a=n.fromRect,l=C(n),s=n.prevFromRect,c=n.prevToRect,u=t.rect,d=_(n,!0);d&&(l.top-=d.f,l.left-=d.e),n.toRect=l,n.thisAnimationDuration&&I(s,l)&&!I(a,l)&&(u.top-l.top)/(u.left-l.left)===(a.top-l.top)/(a.left-l.left)&&(e=function(t,e,n,o){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*o.animation}(u,s,c,o.options)),I(l,a)||(n.prevFromRect=a,n.prevToRect=l,e||(e=o.options.animation),o.animate(n,u,l,e)),e&&(i=!0,r=Math.max(r,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(t),i?t=setTimeout(function(){"function"==typeof e&&e()},r):"function"==typeof e&&e(),n=[]},animate:function(t,e,n,o){if(o){D(t,"transition",""),D(t,"transform","");var i=_(this.el),r=i&&i.a,a=i&&i.d,l=(e.left-n.left)/(r||1),s=(e.top-n.top)/(a||1);t.animatingX=!!l,t.animatingY=!!s,D(t,"transform","translate3d("+l+"px,"+s+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),D(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),D(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){D(t,"transition",""),D(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o)}}}}var j=[],H={initializeByDefault:!0},L={mount:function(t){for(var e in H)H.hasOwnProperty(e)&&!(e in t)&&(t[e]=H[e]);j.forEach(function(e){if(e.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")}),j.push(t)},pluginEvent:function(t,n,o){var i=this;this.eventCanceled=!1,o.cancel=function(){i.eventCanceled=!0};var r=t+"Global";j.forEach(function(i){n[i.pluginName]&&(n[i.pluginName][r]&&n[i.pluginName][r](e({sortable:n},o)),n.options[i.pluginName]&&n[i.pluginName][t]&&n[i.pluginName][t](e({sortable:n},o)))})},initializePlugins:function(t,e,n,o){for(var r in j.forEach(function(o){var r=o.pluginName;if(t.options[r]||o.initializeByDefault){var a=new o(t,e,t.options);a.sortable=t,a.options=t.options,t[r]=a,i(n,a.defaults)}}),t.options)if(t.options.hasOwnProperty(r)){var a=this.modifyOption(t,r,t.options[r]);void 0!==a&&(t.options[r]=a)}},getEventProperties:function(t,e){var n={};return j.forEach(function(o){"function"==typeof o.eventProperties&&i(n,o.eventProperties.call(e[o.pluginName],t))}),n},modifyOption:function(t,e,n){var o;return j.forEach(function(i){t[i.pluginName]&&i.optionListeners&&"function"==typeof i.optionListeners[e]&&(o=i.optionListeners[e].call(t[i.pluginName],n))}),o}};var W=["evt"],z=function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=o.evt,a=r(o,W);L.pluginEvent.bind(Yt)(t,n,e({dragEl:U,parentEl:V,ghostEl:q,rootEl:Z,nextEl:K,lastDownEl:Q,cloneEl:$,cloneHidden:J,dragStarted:ht,putSortable:rt,activeSortable:Yt.active,originalEvent:i,oldIndex:tt,oldDraggableIndex:nt,newIndex:et,newDraggableIndex:ot,hideGhostForTarget:Pt,unhideGhostForTarget:It,cloneNowHidden:function(){J=!0},cloneNowShown:function(){J=!1},dispatchSortableEvent:function(t){G({sortable:n,name:t,originalEvent:i})}},a))};function G(t){!function(t){var n=t.sortable,o=t.rootEl,i=t.name,r=t.targetEl,a=t.cloneEl,c=t.toEl,u=t.fromEl,d=t.oldIndex,h=t.newIndex,f=t.oldDraggableIndex,p=t.newDraggableIndex,g=t.originalEvent,v=t.putSortable,m=t.extraEventProperties;if(n=n||o&&o[B]){var b,y=n.options,w="on"+i.charAt(0).toUpperCase()+i.substr(1);!window.CustomEvent||l||s?(b=document.createEvent("Event")).initEvent(i,!0,!0):b=new CustomEvent(i,{bubbles:!0,cancelable:!0}),b.to=c||o,b.from=u||o,b.item=r||o,b.clone=a,b.oldIndex=d,b.newIndex=h,b.oldDraggableIndex=f,b.newDraggableIndex=p,b.originalEvent=g,b.pullMode=v?v.lastPutMode:void 0;var E=e(e({},m),L.getEventProperties(i,n));for(var D in E)b[D]=E[D];o&&o.dispatchEvent(b),y[w]&&y[w].call(n,b)}}(e({putSortable:rt,cloneEl:$,targetEl:U,rootEl:Z,oldIndex:tt,oldDraggableIndex:nt,newIndex:et,newDraggableIndex:ot},t))}var U,V,q,Z,K,Q,$,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,ft,pt,gt,vt,mt=!1,bt=!1,yt=[],wt=!1,Et=!1,Dt=[],_t=!1,St=[],Tt="undefined"!=typeof document,Ct=d,xt=s||l?"cssFloat":"float",Ot=Tt&&!h&&!d&&"draggable"in document.createElement("div"),Mt=function(){if(Tt){if(l)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Nt=function(t,e){var n=D(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=O(t,0,e),r=O(t,1,e),a=i&&D(i),l=r&&D(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+C(i).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+C(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){var u="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==u?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||s>=o&&"none"===n[xt]||r&&"none"===n[xt]&&s+c>o)?"vertical":"horizontal"},At=function(t){function e(t,n){return function(o,i,r,a){var l=o.options.group.name&&i.options.group.name&&o.options.group.name===i.options.group.name;if(null==t&&(n||l))return!0;if(null==t||!1===t)return!1;if(n&&"clone"===t)return t;if("function"==typeof t)return e(t(o,i,r,a),n)(o,i,r,a);var s=(n?o:i).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var o={},i=t.group;i&&"object"==n(i)||(i={name:i}),o.name=i.name,o.checkPull=e(i.pull,!0),o.checkPut=e(i.put),o.revertClone=i.revertClone,t.group=o},Pt=function(){!Mt&&q&&D(q,"display","none")},It=function(){!Mt&&q&&D(q,"display","")};Tt&&!h&&document.addEventListener("click",function(t){if(bt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),bt=!1,!1},!0);var kt=function(t){if(U){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,yt.some(function(t){var e=t[B].options.emptyInsertThreshold;if(e&&!M(t)){var n=C(t),o=i>=n.left-e&&i<=n.right+e,l=r>=n.top-e&&r<=n.bottom+e;return o&&l?a=t:void 0}}),a);if(e){var n={};for(var o in t)t.hasOwnProperty(o)&&(n[o]=t[o]);n.target=n.rootEl=e,n.preventDefault=void 0,n.stopPropagation=void 0,e[B]._onDragOver(n)}}var i,r,a},Xt=function(t){U&&U.parentNode[B]._isOutsideThisEl(t.target)};function Yt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=i({},e),t[B]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Nt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Yt.supportPointer&&"PointerEvent"in window&&(!u||d),emptyInsertThreshold:5};for(var o in L.initializePlugins(this,t,n),n)!(o in e)&&(e[o]=n[o]);for(var r in At(e),this)"_"===r.charAt(0)&&"function"==typeof this[r]&&(this[r]=this[r].bind(this));this.nativeDraggable=!e.forceFallback&&Ot,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?p(t,"pointerdown",this._onTapStart):(p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),yt.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),i(this,F())}function Rt(t,e,n,o,i,r,a,c){var u,d,h=t[B],f=h.options.onMove;return!window.CustomEvent||l||s?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=e,u.from=t,u.dragged=n,u.draggedRect=o,u.related=i||e,u.relatedRect=r||C(e),u.willInsertAfter=c,u.originalEvent=a,t.dispatchEvent(u),f&&(d=f.call(h,u,a)),d}function Bt(t){t.draggable=!1}function Ft(){_t=!1}function jt(t){for(var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;n--;)o+=e.charCodeAt(n);return o.toString(36)}function Ht(t){return setTimeout(t,0)}function Lt(t){return clearTimeout(t)}Yt.prototype={constructor:Yt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(ft=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,U):this.options.direction},_onTapStart:function(t){if(t.cancelable){var e=this,n=this.el,o=this.options,i=o.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,l=(a||t).target,s=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,c=o.filter;if(function(t){St.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&St.push(o)}}(n),!U&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||o.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=b(l,o.draggable,n,!1))&&l.animated||Q===l)){if(tt=N(l),nt=N(l,o.draggable),"function"==typeof c){if(c.call(this,t,l,this))return G({sortable:e,rootEl:s,name:"filter",targetEl:l,toEl:n,fromEl:n}),z("filter",e,{evt:t}),void(i&&t.preventDefault())}else if(c&&(c=c.split(",").some(function(o){if(o=b(s,o.trim(),n,!1))return G({sortable:e,rootEl:o,name:"filter",targetEl:l,fromEl:n,toEl:n}),z("filter",e,{evt:t}),!0})))return void(i&&t.preventDefault());o.handle&&!b(s,o.handle,n,!1)||this._prepareDragStart(t,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,u=r.ownerDocument;if(n&&!U&&n.parentNode===r){var d=C(n);if(Z=r,V=(U=n).parentNode,K=U.nextSibling,Q=n,it=a.group,Yt.dragged=U,at={target:U,clientX:(e||t).clientX,clientY:(e||t).clientY},ut=at.clientX-d.left,dt=at.clientY-d.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,U.style["will-change"]="all",o=function(){z("delayEnded",i,{evt:t}),Yt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!c&&i.nativeDraggable&&(U.draggable=!0),i._triggerDragStart(t,e),G({sortable:i,name:"choose",originalEvent:t}),E(U,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){S(U,t.trim(),Bt)}),p(u,"dragover",kt),p(u,"mousemove",kt),p(u,"touchmove",kt),a.supportPointer?(p(u,"pointerup",i._onDrop),!this.nativeDraggable&&p(u,"pointercancel",i._onDrop)):(p(u,"mouseup",i._onDrop),p(u,"touchend",i._onDrop),p(u,"touchcancel",i._onDrop)),c&&this.nativeDraggable&&(this.options.touchStartThreshold=4,U.draggable=!0),z("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(s||l))o();else{if(Yt.eventCanceled)return void this._onDrop();a.supportPointer?(p(u,"pointerup",i._disableDelayedDrag),p(u,"pointercancel",i._disableDelayedDrag)):(p(u,"mouseup",i._disableDelayedDrag),p(u,"touchend",i._disableDelayedDrag),p(u,"touchcancel",i._disableDelayedDrag)),p(u,"mousemove",i._delayedDragTouchMoveHandler),p(u,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&p(u,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var e=t.touches?t.touches[0]:t;Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){U&&Bt(U),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;g(t,"mouseup",this._disableDelayedDrag),g(t,"touchend",this._disableDelayedDrag),g(t,"touchcancel",this._disableDelayedDrag),g(t,"pointerup",this._disableDelayedDrag),g(t,"pointercancel",this._disableDelayedDrag),g(t,"mousemove",this._delayedDragTouchMoveHandler),g(t,"touchmove",this._delayedDragTouchMoveHandler),g(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?p(document,"pointermove",this._onTouchMove):p(document,e?"touchmove":"mousemove",this._onTouchMove):(p(U,"dragend",this),p(Z,"dragstart",this._onDragStart));try{document.selection?Ht(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(n){}},_dragStarted:function(t,e){if(mt=!1,Z&&U){z("dragStarted",this,{evt:e}),this.nativeDraggable&&p(document,"dragover",Xt);var n=this.options;!t&&E(U,n.dragClass,!1),E(U,n.ghostClass,!0),Yt.active=this,t&&this._appendGhost(),G({sortable:this,name:"start",originalEvent:e})}else this._nulling()},_emulateDragOver:function(){if(lt){this._lastX=lt.clientX,this._lastY=lt.clientY,Pt();for(var t=document.elementFromPoint(lt.clientX,lt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(lt.clientX,lt.clientY))!==e;)e=t;if(U.parentNode[B]._isOutsideThisEl(t),e)do{if(e[B]){if(e[B]._onDragOver({clientX:lt.clientX,clientY:lt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}t=e}while(e=m(e));It()}},_onTouchMove:function(t){if(at){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=q&&_(q,!0),a=q&&r&&r.a,l=q&&r&&r.d,s=Ct&&vt&&A(vt),c=(i.clientX-at.clientX+o.x)/(a||1)+(s?s[0]-Dt[0]:0)/(a||1),u=(i.clientY-at.clientY+o.y)/(l||1)+(s?s[1]-Dt[1]:0)/(l||1);if(!Yt.active&&!mt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}if(q){r?(r.e+=c-(st||0),r.f+=u-(ct||0)):r={a:1,b:0,c:0,d:1,e:c,f:u};var d="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");D(q,"webkitTransform",d),D(q,"mozTransform",d),D(q,"msTransform",d),D(q,"transform",d),st=c,ct=u,lt=i}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!q){var t=this.options.fallbackOnBody?document.body:Z,e=C(U,!0,Ct,!0,t),n=this.options;if(Ct){for(vt=t;"static"===D(vt,"position")&&"none"===D(vt,"transform")&&vt!==document;)vt=vt.parentNode;vt!==document.body&&vt!==document.documentElement?(vt===document&&(vt=T()),e.top+=vt.scrollTop,e.left+=vt.scrollLeft):vt=T(),Dt=A(vt)}E(q=U.cloneNode(!0),n.ghostClass,!1),E(q,n.fallbackClass,!0),E(q,n.dragClass,!0),D(q,"transition",""),D(q,"transform",""),D(q,"box-sizing","border-box"),D(q,"margin",0),D(q,"top",e.top),D(q,"left",e.left),D(q,"width",e.width),D(q,"height",e.height),D(q,"opacity","0.8"),D(q,"position",Ct?"absolute":"fixed"),D(q,"zIndex","100000"),D(q,"pointerEvents","none"),Yt.ghost=q,t.appendChild(q),D(q,"transform-origin",ut/parseInt(q.style.width)*100+"% "+dt/parseInt(q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;z("dragStart",this,{evt:t}),Yt.eventCanceled?this._onDrop():(z("setupClone",this),Yt.eventCanceled||(($=Y(U)).removeAttribute("id"),$.draggable=!1,$.style["will-change"]="",this._hideClone(),E($,this.options.chosenClass,!1),Yt.clone=$),n.cloneId=Ht(function(){z("clone",n),Yt.eventCanceled||(n.options.removeCloneOnHide||Z.insertBefore($,U),n._hideClone(),G({sortable:n,name:"clone"}))}),!e&&E(U,i.dragClass,!0),e?(bt=!0,n._loopId=setInterval(n._emulateDragOver,50)):(g(document,"mouseup",n._onDrop),g(document,"touchend",n._onDrop),g(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,U)),p(document,"drop",n),D(U,"transform","translateZ(0)")),mt=!0,n._dragStartId=Ht(n._dragStarted.bind(n,e,t)),p(document,"selectstart",n),ht=!0,window.getSelection().removeAllRanges(),u&&D(document.body,"user-select","none"))},_onDragOver:function(t){var n,o,i,r,a=this.el,l=t.target,s=this.options,c=s.group,u=Yt.active,d=it===c,h=s.sort,f=rt||u,p=this,g=!1;if(!_t){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),l=b(l,s.draggable,a,!0),H("dragOver"),Yt.eventCanceled)return g;if(U.contains(t.target)||l.animated&&l.animatingX&&l.animatingY||p._ignoreWhileAnimating===l)return W(!1);if(bt=!1,u&&!s.disabled&&(d?h||(i=V!==Z):rt===this||(this.lastPutMode=it.checkPull(this,u,U,t))&&c.checkPut(this,u,U,t))){if(r="vertical"===this._getDirection(t,l),n=C(U),H("dragOverValid"),Yt.eventCanceled)return g;if(i)return V=Z,L(),this._hideClone(),H("revert"),Yt.eventCanceled||(K?Z.insertBefore(U,K):Z.appendChild(U)),W(!0);var v=M(a,s.draggable);if(!v||function(t,e,n){var o=C(M(n.el,n.options.draggable)),i=R(n.el,n.options,q),r=10;return e?t.clientX>i.right+r||t.clientY>o.bottom&&t.clientX>o.left:t.clientY>i.bottom+r||t.clientX>o.right&&t.clientY>o.top}(t,r,this)&&!v.animated){if(v===U)return W(!1);if(v&&a===t.target&&(l=v),l&&(o=C(l)),!1!==Rt(Z,a,U,n,l,o,t,!!l))return L(),v&&v.nextSibling?a.insertBefore(U,v.nextSibling):a.appendChild(U),V=a,Q(),W(!0)}else if(v&&function(t,e,n){var o=C(O(n.el,0,n.options,!0)),i=R(n.el,n.options,q),r=10;return e?t.clientX<i.left-r||t.clientY<o.top&&t.clientX<o.right:t.clientY<i.top-r||t.clientY<o.bottom&&t.clientX<o.left}(t,r,this)){var m=O(a,0,s,!0);if(m===U)return W(!1);if(o=C(l=m),!1!==Rt(Z,a,U,n,l,o,t,!1))return L(),a.insertBefore(U,m),V=a,Q(),W(!0)}else if(l.parentNode===a){o=C(l);var y,w,_,S=U.parentNode!==a,T=!function(t,e,n){var o=n?t.left:t.top,i=n?t.right:t.bottom,r=n?t.width:t.height,a=n?e.left:e.top,l=n?e.right:e.bottom,s=n?e.width:e.height;return o===a||i===l||o+r/2===a+s/2}(U.animated&&U.toRect||n,l.animated&&l.toRect||o,r),A=r?"top":"left",P=x(l,"top","top")||x(U,"top","top"),I=P?P.scrollTop:void 0;if(ft!==l&&(w=o[A],wt=!1,Et=!T&&s.invertSwap||S),y=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,u=o?n.top:n.left,d=o?n.bottom:n.right,h=!1;if(!a)if(l&&gt<c*i){if(!wt&&(1===pt?s>u+c*r/2:s<d-c*r/2)&&(wt=!0),wt)h=!0;else if(1===pt?s<u+gt:s>d-gt)return-pt}else if(s>u+c*(1-i)/2&&s<d-c*(1-i)/2)return function(t){return N(U)<N(t)?1:-1}(e);if((h=h||a)&&(s<u+c*r/2||s>d-c*r/2))return s>u+c/2?1:-1;return 0}(t,l,o,r,T?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Et,ft===l),0!==y){var k=N(U);do{k-=y,_=V.children[k]}while(_&&("none"===D(_,"display")||_===q))}if(0===y||_===l)return W(!1);ft=l,pt=y;var Y=l.nextElementSibling,F=!1,j=Rt(Z,a,U,n,l,o,t,F=1===y);if(!1!==j)return 1!==j&&-1!==j||(F=1===j),_t=!0,setTimeout(Ft,30),L(),F&&!Y?a.appendChild(U):l.parentNode.insertBefore(U,F?Y:l),P&&X(P,0,I-P.scrollTop),V=U.parentNode,void 0===w||Et||(gt=Math.abs(w-C(l)[A])),Q(),W(!0)}if(a.contains(U))return W(!1)}return!1}function H(s,c){z(s,p,e({evt:t,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:n,targetRect:o,canSort:h,fromSortable:f,target:l,completed:W,onMove:function(e,o){return Rt(Z,a,U,n,e,C(e),t,o)},changed:Q},c))}function L(){H("dragOverAnimationCapture"),p.captureAnimationState(),p!==f&&f.captureAnimationState()}function W(e){return H("dragOverCompleted",{insertion:e}),e&&(d?u._hideClone():u._showClone(p),p!==f&&(E(U,rt?rt.options.ghostClass:u.options.ghostClass,!1),E(U,s.ghostClass,!0)),rt!==p&&p!==Yt.active?rt=p:p===Yt.active&&rt&&(rt=null),f===p&&(p._ignoreWhileAnimating=l),p.animateAll(function(){H("dragOverAnimationComplete"),p._ignoreWhileAnimating=null}),p!==f&&(f.animateAll(),f._ignoreWhileAnimating=null)),(l===U&&!U.animated||l===a&&!l.animated)&&(ft=null),s.dragoverBubble||t.rootEl||l===document||(U.parentNode[B]._isOutsideThisEl(t.target),!e&&kt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),g=!0}function Q(){et=N(U),ot=N(U,s.draggable),G({sortable:p,name:"change",toEl:a,newIndex:et,newDraggableIndex:ot,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){g(document,"mousemove",this._onTouchMove),g(document,"touchmove",this._onTouchMove),g(document,"pointermove",this._onTouchMove),g(document,"dragover",kt),g(document,"mousemove",kt),g(document,"touchmove",kt)},_offUpEvents:function(){var t=this.el.ownerDocument;g(t,"mouseup",this._onDrop),g(t,"touchend",this._onDrop),g(t,"pointerup",this._onDrop),g(t,"pointercancel",this._onDrop),g(t,"touchcancel",this._onDrop),g(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;et=N(U),ot=N(U,n.draggable),z("drop",this,{evt:t}),V=U&&U.parentNode,et=N(U),ot=N(U,n.draggable),Yt.eventCanceled||(mt=!1,Et=!1,wt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Lt(this.cloneId),Lt(this._dragStartId),this.nativeDraggable&&(g(document,"drop",this),g(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&D(document.body,"user-select",""),D(U,"transform",""),t&&(ht&&(t.cancelable&&t.preventDefault(),!n.dropBubble&&t.stopPropagation()),q&&q.parentNode&&q.parentNode.removeChild(q),(Z===V||rt&&"clone"!==rt.lastPutMode)&&$&&$.parentNode&&$.parentNode.removeChild($),U&&(this.nativeDraggable&&g(U,"dragend",this),Bt(U),U.style["will-change"]="",ht&&!mt&&E(U,rt?rt.options.ghostClass:this.options.ghostClass,!1),E(U,this.options.chosenClass,!1),G({sortable:this,name:"unchoose",toEl:V,newIndex:null,newDraggableIndex:null,originalEvent:t}),Z!==V?(et>=0&&(G({rootEl:V,name:"add",toEl:V,fromEl:Z,originalEvent:t}),G({sortable:this,name:"remove",toEl:V,originalEvent:t}),G({rootEl:V,name:"sort",toEl:V,fromEl:Z,originalEvent:t}),G({sortable:this,name:"sort",toEl:V,originalEvent:t})),rt&&rt.save()):et!==tt&&et>=0&&(G({sortable:this,name:"update",toEl:V,originalEvent:t}),G({sortable:this,name:"sort",toEl:V,originalEvent:t})),Yt.active&&(null!=et&&-1!==et||(et=tt,ot=nt),G({sortable:this,name:"end",toEl:V,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){z("nulling",this),Z=U=V=q=K=$=Q=J=at=lt=ht=et=ot=tt=nt=ft=pt=rt=it=Yt.dragged=Yt.ghost=Yt.clone=Yt.active=null,St.forEach(function(t){t.checked=!0}),St.length=st=ct=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":U&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)b(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||jt(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){var i=o.children[e];b(i,this.options.draggable,o,!1)&&(n[t]=i)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return b(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=L.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&At(n)},destroy:function(){z("destroy",this);var t=this.el;t[B]=null,g(t,"mousedown",this._onTapStart),g(t,"touchstart",this._onTapStart),g(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(g(t,"dragover",this),g(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),yt.splice(yt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!J){if(z("hideClone",this),Yt.eventCanceled)return;D($,"display","none"),this.options.removeCloneOnHide&&$.parentNode&&$.parentNode.removeChild($),J=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(J){if(z("showClone",this),Yt.eventCanceled)return;U.parentNode!=Z||this.options.group.revertClone?K?Z.insertBefore($,K):Z.appendChild($):Z.insertBefore($,U),this.options.group.revertClone&&this.animate(U,$),D($,"display",""),J=!1}}else this._hideClone()}},Tt&&p(document,"touchmove",function(t){(Yt.active||mt)&&t.cancelable&&t.preventDefault()}),Yt.utils={on:p,off:g,css:D,find:S,is:function(t,e){return!!b(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:k,closest:b,toggleClass:E,clone:Y,index:N,nextTick:Ht,cancelNextTick:Lt,detectDirection:Nt,getChild:O,expando:B},Yt.get=function(t){return t[B]},Yt.mount=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];n[0].constructor===Array&&(n=n[0]),n.forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Yt.utils=e(e({},Yt.utils),t.utils)),L.mount(t)})},Yt.create=function(t,e){return new Yt(t,e)},Yt.version="1.15.6";var Wt,zt,Gt,Ut,Vt,qt,Zt=[],Kt=!1;function Qt(){Zt.forEach(function(t){clearInterval(t.pid)}),Zt=[]}function $t(){clearInterval(qt)}var Jt=k(function(t,e,n,o){if(e.scroll){var i,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,l=e.scrollSensitivity,s=e.scrollSpeed,c=T(),u=!1;zt!==n&&(zt=n,Qt(),Wt=e.scroll,i=e.scrollFn,!0===Wt&&(Wt=P(n,!0)));var d=0,h=Wt;do{var f=h,p=C(f),g=p.top,v=p.bottom,m=p.left,b=p.right,y=p.width,w=p.height,E=void 0,_=void 0,S=f.scrollWidth,x=f.scrollHeight,O=D(f),M=f.scrollLeft,N=f.scrollTop;f===c?(E=y<S&&("auto"===O.overflowX||"scroll"===O.overflowX||"visible"===O.overflowX),_=w<x&&("auto"===O.overflowY||"scroll"===O.overflowY||"visible"===O.overflowY)):(E=y<S&&("auto"===O.overflowX||"scroll"===O.overflowX),_=w<x&&("auto"===O.overflowY||"scroll"===O.overflowY));var A=E&&(Math.abs(b-r)<=l&&M+y<S)-(Math.abs(m-r)<=l&&!!M),I=_&&(Math.abs(v-a)<=l&&N+w<x)-(Math.abs(g-a)<=l&&!!N);if(!Zt[d])for(var k=0;k<=d;k++)Zt[k]||(Zt[k]={});Zt[d].vx==A&&Zt[d].vy==I&&Zt[d].el===f||(Zt[d].el=f,Zt[d].vx=A,Zt[d].vy=I,clearInterval(Zt[d].pid),0==A&&0==I||(u=!0,Zt[d].pid=setInterval(function(){o&&0===this.layer&&Yt.active._onTouchMove(Vt);var e=Zt[this.layer].vy?Zt[this.layer].vy*s:0,n=Zt[this.layer].vx?Zt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(Yt.dragged.parentNode[B],n,e,t,Vt,Zt[this.layer].el)||X(Zt[this.layer].el,n,e)}.bind({layer:d}),24))),d++}while(e.bubbleScroll&&h!==c&&(h=P(h,!1)));Kt=u}},30),te=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,l=t.unhideGhostForTarget;if(e){var s=n||i;a();var c=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,u=document.elementFromPoint(c.clientX,c.clientY);l(),s&&!s.el.contains(u)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n}))}};function ee(){}function ne(){}ee.prototype={startIndex:null,dragStart:function(t){var e=t.oldDraggableIndex;this.startIndex=e},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();var o=O(this.sortable.el,this.startIndex,this.options);o?this.sortable.el.insertBefore(e,o):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:te},i(ee,{pluginName:"revertOnSpill"}),ne.prototype={onSpill:function(t){var e=t.dragEl,n=t.putSortable||this.sortable;n.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),n.animateAll()},drop:te},i(ne,{pluginName:"removeOnSpill"}),Yt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var e=t.originalEvent;this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):this.options.supportPointer?p(document,"pointermove",this._handleFallbackAutoScroll):e.touches?p(document,"touchmove",this._handleFallbackAutoScroll):p(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var e=t.originalEvent;this.options.dragOverBubble||e.rootEl||this._handleAutoScroll(e)},drop:function(){this.sortable.nativeDraggable?g(document,"dragover",this._handleAutoScroll):(g(document,"pointermove",this._handleFallbackAutoScroll),g(document,"touchmove",this._handleFallbackAutoScroll),g(document,"mousemove",this._handleFallbackAutoScroll)),$t(),Qt(),clearTimeout(y),y=void 0},nulling:function(){Vt=zt=Wt=Kt=qt=Gt=Ut=null,Zt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,e){var n=this,o=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(o,i);if(Vt=t,e||this.options.forceAutoScrollFallback||s||l||u){Jt(t,this.options,r,e);var a=P(r,!0);!Kt||qt&&o===Gt&&i===Ut||(qt&&$t(),qt=setInterval(function(){var r=P(document.elementFromPoint(o,i),!0);r!==a&&(a=r,Qt()),Jt(t,n.options,r,e)},10),Gt=o,Ut=i)}else{if(!this.options.bubbleScroll||P(r,!0)===T())return void Qt();Jt(t,this.options,P(r,!1),!1)}}},i(t,{pluginName:"scroll",initializeByDefault:!0})}),Yt.mount(ne,ee);export{Yt as Sortable,Yt as default};
diff --git a/kirby/panel/dist/js/vue.esm.browser.js b/kirby/panel/dist/js/vue.esm.browser.js
new file mode 100644
index 0000000..69ee1f3
--- /dev/null
+++ b/kirby/panel/dist/js/vue.esm.browser.js
@@ -0,0 +1,11731 @@
+/*!
+ * Vue.js v2.7.16
+ * (c) 2014-2023 Evan You
+ * Released under the MIT License.
+ */
+const emptyObject = Object.freeze({});
+const isArray = Array.isArray;
+// These helpers produce better VM code in JS engines due to their
+// explicitness and function inlining.
+function isUndef(v) {
+    return v === undefined || v === null;
+}
+function isDef(v) {
+    return v !== undefined && v !== null;
+}
+function isTrue(v) {
+    return v === true;
+}
+function isFalse(v) {
+    return v === false;
+}
+/**
+ * Check if value is primitive.
+ */
+function isPrimitive(value) {
+    return (typeof value === 'string' ||
+        typeof value === 'number' ||
+        // $flow-disable-line
+        typeof value === 'symbol' ||
+        typeof value === 'boolean');
+}
+function isFunction(value) {
+    return typeof value === 'function';
+}
+/**
+ * Quick object check - this is primarily used to tell
+ * objects from primitive values when we know the value
+ * is a JSON-compliant type.
+ */
+function isObject(obj) {
+    return obj !== null && typeof obj === 'object';
+}
+/**
+ * Get the raw type string of a value, e.g., [object Object].
+ */
+const _toString = Object.prototype.toString;
+function toRawType(value) {
+    return _toString.call(value).slice(8, -1);
+}
+/**
+ * Strict object type check. Only returns true
+ * for plain JavaScript objects.
+ */
+function isPlainObject(obj) {
+    return _toString.call(obj) === '[object Object]';
+}
+function isRegExp(v) {
+    return _toString.call(v) === '[object RegExp]';
+}
+/**
+ * Check if val is a valid array index.
+ */
+function isValidArrayIndex(val) {
+    const n = parseFloat(String(val));
+    return n >= 0 && Math.floor(n) === n && isFinite(val);
+}
+function isPromise(val) {
+    return (isDef(val) &&
+        typeof val.then === 'function' &&
+        typeof val.catch === 'function');
+}
+/**
+ * Convert a value to a string that is actually rendered.
+ */
+function toString(val) {
+    return val == null
+        ? ''
+        : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString)
+            ? JSON.stringify(val, replacer, 2)
+            : String(val);
+}
+function replacer(_key, val) {
+    // avoid circular deps from v3
+    if (val && val.__v_isRef) {
+        return val.value;
+    }
+    return val;
+}
+/**
+ * Convert an input value to a number for persistence.
+ * If the conversion fails, return original string.
+ */
+function toNumber(val) {
+    const n = parseFloat(val);
+    return isNaN(n) ? val : n;
+}
+/**
+ * Make a map and return a function for checking if a key
+ * is in that map.
+ */
+function makeMap(str, expectsLowerCase) {
+    const map = Object.create(null);
+    const list = str.split(',');
+    for (let i = 0; i < list.length; i++) {
+        map[list[i]] = true;
+    }
+    return expectsLowerCase ? val => map[val.toLowerCase()] : val => map[val];
+}
+/**
+ * Check if a tag is a built-in tag.
+ */
+const isBuiltInTag = makeMap('slot,component', true);
+/**
+ * Check if an attribute is a reserved attribute.
+ */
+const isReservedAttribute = makeMap('key,ref,slot,slot-scope,is');
+/**
+ * Remove an item from an array.
+ */
+function remove$2(arr, item) {
+    const len = arr.length;
+    if (len) {
+        // fast path for the only / last item
+        if (item === arr[len - 1]) {
+            arr.length = len - 1;
+            return;
+        }
+        const index = arr.indexOf(item);
+        if (index > -1) {
+            return arr.splice(index, 1);
+        }
+    }
+}
+/**
+ * Check whether an object has the property.
+ */
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+function hasOwn(obj, key) {
+    return hasOwnProperty.call(obj, key);
+}
+/**
+ * Create a cached version of a pure function.
+ */
+function cached(fn) {
+    const cache = Object.create(null);
+    return function cachedFn(str) {
+        const hit = cache[str];
+        return hit || (cache[str] = fn(str));
+    };
+}
+/**
+ * Camelize a hyphen-delimited string.
+ */
+const camelizeRE = /-(\w)/g;
+const camelize = cached((str) => {
+    return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : ''));
+});
+/**
+ * Capitalize a string.
+ */
+const capitalize = cached((str) => {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+});
+/**
+ * Hyphenate a camelCase string.
+ */
+const hyphenateRE = /\B([A-Z])/g;
+const hyphenate = cached((str) => {
+    return str.replace(hyphenateRE, '-$1').toLowerCase();
+});
+/**
+ * Simple bind polyfill for environments that do not support it,
+ * e.g., PhantomJS 1.x. Technically, we don't need this anymore
+ * since native bind is now performant enough in most browsers.
+ * But removing it would mean breaking code that was able to run in
+ * PhantomJS 1.x, so this must be kept for backward compatibility.
+ */
+/* istanbul ignore next */
+function polyfillBind(fn, ctx) {
+    function boundFn(a) {
+        const l = arguments.length;
+        return l
+            ? l > 1
+                ? fn.apply(ctx, arguments)
+                : fn.call(ctx, a)
+            : fn.call(ctx);
+    }
+    boundFn._length = fn.length;
+    return boundFn;
+}
+function nativeBind(fn, ctx) {
+    return fn.bind(ctx);
+}
+// @ts-expect-error bind cannot be `undefined`
+const bind$1 = Function.prototype.bind ? nativeBind : polyfillBind;
+/**
+ * Convert an Array-like object to a real Array.
+ */
+function toArray(list, start) {
+    start = start || 0;
+    let i = list.length - start;
+    const ret = new Array(i);
+    while (i--) {
+        ret[i] = list[i + start];
+    }
+    return ret;
+}
+/**
+ * Mix properties into target object.
+ */
+function extend(to, _from) {
+    for (const key in _from) {
+        to[key] = _from[key];
+    }
+    return to;
+}
+/**
+ * Merge an Array of Objects into a single Object.
+ */
+function toObject(arr) {
+    const res = {};
+    for (let i = 0; i < arr.length; i++) {
+        if (arr[i]) {
+            extend(res, arr[i]);
+        }
+    }
+    return res;
+}
+/* eslint-disable no-unused-vars */
+/**
+ * Perform no operation.
+ * Stubbing args to make Flow happy without leaving useless transpiled code
+ * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/).
+ */
+function noop(a, b, c) { }
+/**
+ * Always return false.
+ */
+const no = (a, b, c) => false;
+/* eslint-enable no-unused-vars */
+/**
+ * Return the same value.
+ */
+const identity = (_) => _;
+/**
+ * Generate a string containing static keys from compiler modules.
+ */
+function genStaticKeys$1(modules) {
+    return modules
+        .reduce((keys, m) => keys.concat(m.staticKeys || []), [])
+        .join(',');
+}
+/**
+ * Check if two values are loosely equal - that is,
+ * if they are plain objects, do they have the same shape?
+ */
+function looseEqual(a, b) {
+    if (a === b)
+        return true;
+    const isObjectA = isObject(a);
+    const isObjectB = isObject(b);
+    if (isObjectA && isObjectB) {
+        try {
+            const isArrayA = Array.isArray(a);
+            const isArrayB = Array.isArray(b);
+            if (isArrayA && isArrayB) {
+                return (a.length === b.length &&
+                    a.every((e, i) => {
+                        return looseEqual(e, b[i]);
+                    }));
+            }
+            else if (a instanceof Date && b instanceof Date) {
+                return a.getTime() === b.getTime();
+            }
+            else if (!isArrayA && !isArrayB) {
+                const keysA = Object.keys(a);
+                const keysB = Object.keys(b);
+                return (keysA.length === keysB.length &&
+                    keysA.every(key => {
+                        return looseEqual(a[key], b[key]);
+                    }));
+            }
+            else {
+                /* istanbul ignore next */
+                return false;
+            }
+        }
+        catch (e) {
+            /* istanbul ignore next */
+            return false;
+        }
+    }
+    else if (!isObjectA && !isObjectB) {
+        return String(a) === String(b);
+    }
+    else {
+        return false;
+    }
+}
+/**
+ * Return the first index at which a loosely equal value can be
+ * found in the array (if value is a plain object, the array must
+ * contain an object of the same shape), or -1 if it is not present.
+ */
+function looseIndexOf(arr, val) {
+    for (let i = 0; i < arr.length; i++) {
+        if (looseEqual(arr[i], val))
+            return i;
+    }
+    return -1;
+}
+/**
+ * Ensure a function is called only once.
+ */
+function once(fn) {
+    let called = false;
+    return function () {
+        if (!called) {
+            called = true;
+            fn.apply(this, arguments);
+        }
+    };
+}
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#polyfill
+function hasChanged(x, y) {
+    if (x === y) {
+        return x === 0 && 1 / x !== 1 / y;
+    }
+    else {
+        return x === x || y === y;
+    }
+}
+
+const SSR_ATTR = 'data-server-rendered';
+const ASSET_TYPES = ['component', 'directive', 'filter'];
+const LIFECYCLE_HOOKS = [
+    'beforeCreate',
+    'created',
+    'beforeMount',
+    'mounted',
+    'beforeUpdate',
+    'updated',
+    'beforeDestroy',
+    'destroyed',
+    'activated',
+    'deactivated',
+    'errorCaptured',
+    'serverPrefetch',
+    'renderTracked',
+    'renderTriggered'
+];
+
+var config = {
+    /**
+     * Option merge strategies (used in core/util/options)
+     */
+    // $flow-disable-line
+    optionMergeStrategies: Object.create(null),
+    /**
+     * Whether to suppress warnings.
+     */
+    silent: false,
+    /**
+     * Show production mode tip message on boot?
+     */
+    productionTip: true,
+    /**
+     * Whether to enable devtools
+     */
+    devtools: true,
+    /**
+     * Whether to record perf
+     */
+    performance: false,
+    /**
+     * Error handler for watcher errors
+     */
+    errorHandler: null,
+    /**
+     * Warn handler for watcher warns
+     */
+    warnHandler: null,
+    /**
+     * Ignore certain custom elements
+     */
+    ignoredElements: [],
+    /**
+     * Custom user key aliases for v-on
+     */
+    // $flow-disable-line
+    keyCodes: Object.create(null),
+    /**
+     * Check if a tag is reserved so that it cannot be registered as a
+     * component. This is platform-dependent and may be overwritten.
+     */
+    isReservedTag: no,
+    /**
+     * Check if an attribute is reserved so that it cannot be used as a component
+     * prop. This is platform-dependent and may be overwritten.
+     */
+    isReservedAttr: no,
+    /**
+     * Check if a tag is an unknown element.
+     * Platform-dependent.
+     */
+    isUnknownElement: no,
+    /**
+     * Get the namespace of an element
+     */
+    getTagNamespace: noop,
+    /**
+     * Parse the real tag name for the specific platform.
+     */
+    parsePlatformTagName: identity,
+    /**
+     * Check if an attribute must be bound using property, e.g. value
+     * Platform-dependent.
+     */
+    mustUseProp: no,
+    /**
+     * Perform updates asynchronously. Intended to be used by Vue Test Utils
+     * This will significantly reduce performance if set to false.
+     */
+    async: true,
+    /**
+     * Exposed for legacy reasons
+     */
+    _lifecycleHooks: LIFECYCLE_HOOKS
+};
+
+/**
+ * unicode letters used for parsing html tags, component names and property paths.
+ * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname
+ * skipping \u10000-\uEFFFF due to it freezing up PhantomJS
+ */
+const unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;
+/**
+ * Check if a string starts with $ or _
+ */
+function isReserved(str) {
+    const c = (str + '').charCodeAt(0);
+    return c === 0x24 || c === 0x5f;
+}
+/**
+ * Define a property.
+ */
+function def(obj, key, val, enumerable) {
+    Object.defineProperty(obj, key, {
+        value: val,
+        enumerable: !!enumerable,
+        writable: true,
+        configurable: true
+    });
+}
+/**
+ * Parse simple path.
+ */
+const bailRE = new RegExp(`[^${unicodeRegExp.source}.$_\\d]`);
+function parsePath(path) {
+    if (bailRE.test(path)) {
+        return;
+    }
+    const segments = path.split('.');
+    return function (obj) {
+        for (let i = 0; i < segments.length; i++) {
+            if (!obj)
+                return;
+            obj = obj[segments[i]];
+        }
+        return obj;
+    };
+}
+
+// can we use __proto__?
+const hasProto = '__proto__' in {};
+// Browser environment sniffing
+const inBrowser = typeof window !== 'undefined';
+const UA = inBrowser && window.navigator.userAgent.toLowerCase();
+const isIE = UA && /msie|trident/.test(UA);
+const isIE9 = UA && UA.indexOf('msie 9.0') > 0;
+const isEdge = UA && UA.indexOf('edge/') > 0;
+UA && UA.indexOf('android') > 0;
+const isIOS = UA && /iphone|ipad|ipod|ios/.test(UA);
+UA && /chrome\/\d+/.test(UA) && !isEdge;
+UA && /phantomjs/.test(UA);
+const isFF = UA && UA.match(/firefox\/(\d+)/);
+// Firefox has a "watch" function on Object.prototype...
+// @ts-expect-error firebox support
+const nativeWatch = {}.watch;
+let supportsPassive = false;
+if (inBrowser) {
+    try {
+        const opts = {};
+        Object.defineProperty(opts, 'passive', {
+            get() {
+                /* istanbul ignore next */
+                supportsPassive = true;
+            }
+        }); // https://github.com/facebook/flow/issues/285
+        window.addEventListener('test-passive', null, opts);
+    }
+    catch (e) { }
+}
+// this needs to be lazy-evaled because vue may be required before
+// vue-server-renderer can set VUE_ENV
+let _isServer;
+const isServerRendering = () => {
+    if (_isServer === undefined) {
+        /* istanbul ignore if */
+        if (!inBrowser && typeof global !== 'undefined') {
+            // detect presence of vue-server-renderer and avoid
+            // Webpack shimming the process
+            _isServer =
+                global['process'] && global['process'].env.VUE_ENV === 'server';
+        }
+        else {
+            _isServer = false;
+        }
+    }
+    return _isServer;
+};
+// detect devtools
+const devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+/* istanbul ignore next */
+function isNative(Ctor) {
+    return typeof Ctor === 'function' && /native code/.test(Ctor.toString());
+}
+const hasSymbol = typeof Symbol !== 'undefined' &&
+    isNative(Symbol) &&
+    typeof Reflect !== 'undefined' &&
+    isNative(Reflect.ownKeys);
+let _Set; // $flow-disable-line
+/* istanbul ignore if */ if (typeof Set !== 'undefined' && isNative(Set)) {
+    // use native Set when available.
+    _Set = Set;
+}
+else {
+    // a non-standard Set polyfill that only works with primitive keys.
+    _Set = class Set {
+        constructor() {
+            this.set = Object.create(null);
+        }
+        has(key) {
+            return this.set[key] === true;
+        }
+        add(key) {
+            this.set[key] = true;
+        }
+        clear() {
+            this.set = Object.create(null);
+        }
+    };
+}
+
+let currentInstance = null;
+/**
+ * This is exposed for compatibility with v3 (e.g. some functions in VueUse
+ * relies on it). Do not use this internally, just use `currentInstance`.
+ *
+ * @internal this function needs manual type declaration because it relies
+ * on previously manually authored types from Vue 2
+ */
+function getCurrentInstance() {
+    return currentInstance && { proxy: currentInstance };
+}
+/**
+ * @internal
+ */
+function setCurrentInstance(vm = null) {
+    if (!vm)
+        currentInstance && currentInstance._scope.off();
+    currentInstance = vm;
+    vm && vm._scope.on();
+}
+
+/**
+ * @internal
+ */
+class VNode {
+    constructor(tag, data, children, text, elm, context, componentOptions, asyncFactory) {
+        this.tag = tag;
+        this.data = data;
+        this.children = children;
+        this.text = text;
+        this.elm = elm;
+        this.ns = undefined;
+        this.context = context;
+        this.fnContext = undefined;
+        this.fnOptions = undefined;
+        this.fnScopeId = undefined;
+        this.key = data && data.key;
+        this.componentOptions = componentOptions;
+        this.componentInstance = undefined;
+        this.parent = undefined;
+        this.raw = false;
+        this.isStatic = false;
+        this.isRootInsert = true;
+        this.isComment = false;
+        this.isCloned = false;
+        this.isOnce = false;
+        this.asyncFactory = asyncFactory;
+        this.asyncMeta = undefined;
+        this.isAsyncPlaceholder = false;
+    }
+    // DEPRECATED: alias for componentInstance for backwards compat.
+    /* istanbul ignore next */
+    get child() {
+        return this.componentInstance;
+    }
+}
+const createEmptyVNode = (text = '') => {
+    const node = new VNode();
+    node.text = text;
+    node.isComment = true;
+    return node;
+};
+function createTextVNode(val) {
+    return new VNode(undefined, undefined, undefined, String(val));
+}
+// optimized shallow clone
+// used for static nodes and slot nodes because they may be reused across
+// multiple renders, cloning them avoids errors when DOM manipulations rely
+// on their elm reference.
+function cloneVNode(vnode) {
+    const cloned = new VNode(vnode.tag, vnode.data, 
+    // #7975
+    // clone children array to avoid mutating original in case of cloning
+    // a child.
+    vnode.children && vnode.children.slice(), vnode.text, vnode.elm, vnode.context, vnode.componentOptions, vnode.asyncFactory);
+    cloned.ns = vnode.ns;
+    cloned.isStatic = vnode.isStatic;
+    cloned.key = vnode.key;
+    cloned.isComment = vnode.isComment;
+    cloned.fnContext = vnode.fnContext;
+    cloned.fnOptions = vnode.fnOptions;
+    cloned.fnScopeId = vnode.fnScopeId;
+    cloned.asyncMeta = vnode.asyncMeta;
+    cloned.isCloned = true;
+    return cloned;
+}
+
+/* not type checking this file because flow doesn't play well with Proxy */
+let initProxy;
+{
+    const allowedGlobals = makeMap('Infinity,undefined,NaN,isFinite,isNaN,' +
+        'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +
+        'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,' +
+        'require' // for Webpack/Browserify
+    );
+    const warnNonPresent = (target, key) => {
+        warn$2(`Property or method "${key}" is not defined on the instance but ` +
+            'referenced during render. Make sure that this property is reactive, ' +
+            'either in the data option, or for class-based components, by ' +
+            'initializing the property. ' +
+            'See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.', target);
+    };
+    const warnReservedPrefix = (target, key) => {
+        warn$2(`Property "${key}" must be accessed with "$data.${key}" because ` +
+            'properties starting with "$" or "_" are not proxied in the Vue instance to ' +
+            'prevent conflicts with Vue internals. ' +
+            'See: https://v2.vuejs.org/v2/api/#data', target);
+    };
+    const hasProxy = typeof Proxy !== 'undefined' && isNative(Proxy);
+    if (hasProxy) {
+        const isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact');
+        config.keyCodes = new Proxy(config.keyCodes, {
+            set(target, key, value) {
+                if (isBuiltInModifier(key)) {
+                    warn$2(`Avoid overwriting built-in modifier in config.keyCodes: .${key}`);
+                    return false;
+                }
+                else {
+                    target[key] = value;
+                    return true;
+                }
+            }
+        });
+    }
+    const hasHandler = {
+        has(target, key) {
+            const has = key in target;
+            const isAllowed = allowedGlobals(key) ||
+                (typeof key === 'string' &&
+                    key.charAt(0) === '_' &&
+                    !(key in target.$data));
+            if (!has && !isAllowed) {
+                if (key in target.$data)
+                    warnReservedPrefix(target, key);
+                else
+                    warnNonPresent(target, key);
+            }
+            return has || !isAllowed;
+        }
+    };
+    const getHandler = {
+        get(target, key) {
+            if (typeof key === 'string' && !(key in target)) {
+                if (key in target.$data)
+                    warnReservedPrefix(target, key);
+                else
+                    warnNonPresent(target, key);
+            }
+            return target[key];
+        }
+    };
+    initProxy = function initProxy(vm) {
+        if (hasProxy) {
+            // determine which proxy handler to use
+            const options = vm.$options;
+            const handlers = options.render && options.render._withStripped ? getHandler : hasHandler;
+            vm._renderProxy = new Proxy(vm, handlers);
+        }
+        else {
+            vm._renderProxy = vm;
+        }
+    };
+}
+
+let uid$2 = 0;
+const pendingCleanupDeps = [];
+const cleanupDeps = () => {
+    for (let i = 0; i < pendingCleanupDeps.length; i++) {
+        const dep = pendingCleanupDeps[i];
+        dep.subs = dep.subs.filter(s => s);
+        dep._pending = false;
+    }
+    pendingCleanupDeps.length = 0;
+};
+/**
+ * A dep is an observable that can have multiple
+ * directives subscribing to it.
+ * @internal
+ */
+class Dep {
+    constructor() {
+        // pending subs cleanup
+        this._pending = false;
+        this.id = uid$2++;
+        this.subs = [];
+    }
+    addSub(sub) {
+        this.subs.push(sub);
+    }
+    removeSub(sub) {
+        // #12696 deps with massive amount of subscribers are extremely slow to
+        // clean up in Chromium
+        // to workaround this, we unset the sub for now, and clear them on
+        // next scheduler flush.
+        this.subs[this.subs.indexOf(sub)] = null;
+        if (!this._pending) {
+            this._pending = true;
+            pendingCleanupDeps.push(this);
+        }
+    }
+    depend(info) {
+        if (Dep.target) {
+            Dep.target.addDep(this);
+            if (info && Dep.target.onTrack) {
+                Dep.target.onTrack(Object.assign({ effect: Dep.target }, info));
+            }
+        }
+    }
+    notify(info) {
+        // stabilize the subscriber list first
+        const subs = this.subs.filter(s => s);
+        if (!config.async) {
+            // subs aren't sorted in scheduler if not running async
+            // we need to sort them now to make sure they fire in correct
+            // order
+            subs.sort((a, b) => a.id - b.id);
+        }
+        for (let i = 0, l = subs.length; i < l; i++) {
+            const sub = subs[i];
+            if (info) {
+                sub.onTrigger &&
+                    sub.onTrigger(Object.assign({ effect: subs[i] }, info));
+            }
+            sub.update();
+        }
+    }
+}
+// The current target watcher being evaluated.
+// This is globally unique because only one watcher
+// can be evaluated at a time.
+Dep.target = null;
+const targetStack = [];
+function pushTarget(target) {
+    targetStack.push(target);
+    Dep.target = target;
+}
+function popTarget() {
+    targetStack.pop();
+    Dep.target = targetStack[targetStack.length - 1];
+}
+
+/*
+ * not type checking this file because flow doesn't play well with
+ * dynamically accessing methods on Array prototype
+ */
+const arrayProto = Array.prototype;
+const arrayMethods = Object.create(arrayProto);
+const methodsToPatch = [
+    'push',
+    'pop',
+    'shift',
+    'unshift',
+    'splice',
+    'sort',
+    'reverse'
+];
+/**
+ * Intercept mutating methods and emit events
+ */
+methodsToPatch.forEach(function (method) {
+    // cache original method
+    const original = arrayProto[method];
+    def(arrayMethods, method, function mutator(...args) {
+        const result = original.apply(this, args);
+        const ob = this.__ob__;
+        let inserted;
+        switch (method) {
+            case 'push':
+            case 'unshift':
+                inserted = args;
+                break;
+            case 'splice':
+                inserted = args.slice(2);
+                break;
+        }
+        if (inserted)
+            ob.observeArray(inserted);
+        // notify change
+        {
+            ob.dep.notify({
+                type: "array mutation" /* TriggerOpTypes.ARRAY_MUTATION */,
+                target: this,
+                key: method
+            });
+        }
+        return result;
+    });
+});
+
+const arrayKeys = Object.getOwnPropertyNames(arrayMethods);
+const NO_INITIAL_VALUE = {};
+/**
+ * In some cases we may want to disable observation inside a component's
+ * update computation.
+ */
+let shouldObserve = true;
+function toggleObserving(value) {
+    shouldObserve = value;
+}
+// ssr mock dep
+const mockDep = {
+    notify: noop,
+    depend: noop,
+    addSub: noop,
+    removeSub: noop
+};
+/**
+ * Observer class that is attached to each observed
+ * object. Once attached, the observer converts the target
+ * object's property keys into getter/setters that
+ * collect dependencies and dispatch updates.
+ */
+class Observer {
+    constructor(value, shallow = false, mock = false) {
+        this.value = value;
+        this.shallow = shallow;
+        this.mock = mock;
+        // this.value = value
+        this.dep = mock ? mockDep : new Dep();
+        this.vmCount = 0;
+        def(value, '__ob__', this);
+        if (isArray(value)) {
+            if (!mock) {
+                if (hasProto) {
+                    value.__proto__ = arrayMethods;
+                    /* eslint-enable no-proto */
+                }
+                else {
+                    for (let i = 0, l = arrayKeys.length; i < l; i++) {
+                        const key = arrayKeys[i];
+                        def(value, key, arrayMethods[key]);
+                    }
+                }
+            }
+            if (!shallow) {
+                this.observeArray(value);
+            }
+        }
+        else {
+            /**
+             * Walk through all properties and convert them into
+             * getter/setters. This method should only be called when
+             * value type is Object.
+             */
+            const keys = Object.keys(value);
+            for (let i = 0; i < keys.length; i++) {
+                const key = keys[i];
+                defineReactive(value, key, NO_INITIAL_VALUE, undefined, shallow, mock);
+            }
+        }
+    }
+    /**
+     * Observe a list of Array items.
+     */
+    observeArray(value) {
+        for (let i = 0, l = value.length; i < l; i++) {
+            observe(value[i], false, this.mock);
+        }
+    }
+}
+// helpers
+/**
+ * Attempt to create an observer instance for a value,
+ * returns the new observer if successfully observed,
+ * or the existing observer if the value already has one.
+ */
+function observe(value, shallow, ssrMockReactivity) {
+    if (value && hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
+        return value.__ob__;
+    }
+    if (shouldObserve &&
+        (ssrMockReactivity || !isServerRendering()) &&
+        (isArray(value) || isPlainObject(value)) &&
+        Object.isExtensible(value) &&
+        !value.__v_skip /* ReactiveFlags.SKIP */ &&
+        !isRef(value) &&
+        !(value instanceof VNode)) {
+        return new Observer(value, shallow, ssrMockReactivity);
+    }
+}
+/**
+ * Define a reactive property on an Object.
+ */
+function defineReactive(obj, key, val, customSetter, shallow, mock, observeEvenIfShallow = false) {
+    const dep = new Dep();
+    const property = Object.getOwnPropertyDescriptor(obj, key);
+    if (property && property.configurable === false) {
+        return;
+    }
+    // cater for pre-defined getter/setters
+    const getter = property && property.get;
+    const setter = property && property.set;
+    if ((!getter || setter) &&
+        (val === NO_INITIAL_VALUE || arguments.length === 2)) {
+        val = obj[key];
+    }
+    let childOb = shallow ? val && val.__ob__ : observe(val, false, mock);
+    Object.defineProperty(obj, key, {
+        enumerable: true,
+        configurable: true,
+        get: function reactiveGetter() {
+            const value = getter ? getter.call(obj) : val;
+            if (Dep.target) {
+                {
+                    dep.depend({
+                        target: obj,
+                        type: "get" /* TrackOpTypes.GET */,
+                        key
+                    });
+                }
+                if (childOb) {
+                    childOb.dep.depend();
+                    if (isArray(value)) {
+                        dependArray(value);
+                    }
+                }
+            }
+            return isRef(value) && !shallow ? value.value : value;
+        },
+        set: function reactiveSetter(newVal) {
+            const value = getter ? getter.call(obj) : val;
+            if (!hasChanged(value, newVal)) {
+                return;
+            }
+            if (customSetter) {
+                customSetter();
+            }
+            if (setter) {
+                setter.call(obj, newVal);
+            }
+            else if (getter) {
+                // #7981: for accessor properties without setter
+                return;
+            }
+            else if (!shallow && isRef(value) && !isRef(newVal)) {
+                value.value = newVal;
+                return;
+            }
+            else {
+                val = newVal;
+            }
+            childOb = shallow ? newVal && newVal.__ob__ : observe(newVal, false, mock);
+            {
+                dep.notify({
+                    type: "set" /* TriggerOpTypes.SET */,
+                    target: obj,
+                    key,
+                    newValue: newVal,
+                    oldValue: value
+                });
+            }
+        }
+    });
+    return dep;
+}
+function set(target, key, val) {
+    if ((isUndef(target) || isPrimitive(target))) {
+        warn$2(`Cannot set reactive property on undefined, null, or primitive value: ${target}`);
+    }
+    if (isReadonly(target)) {
+        warn$2(`Set operation on key "${key}" failed: target is readonly.`);
+        return;
+    }
+    const ob = target.__ob__;
+    if (isArray(target) && isValidArrayIndex(key)) {
+        target.length = Math.max(target.length, key);
+        target.splice(key, 1, val);
+        // when mocking for SSR, array methods are not hijacked
+        if (ob && !ob.shallow && ob.mock) {
+            observe(val, false, true);
+        }
+        return val;
+    }
+    if (key in target && !(key in Object.prototype)) {
+        target[key] = val;
+        return val;
+    }
+    if (target._isVue || (ob && ob.vmCount)) {
+        warn$2('Avoid adding reactive properties to a Vue instance or its root $data ' +
+                'at runtime - declare it upfront in the data option.');
+        return val;
+    }
+    if (!ob) {
+        target[key] = val;
+        return val;
+    }
+    defineReactive(ob.value, key, val, undefined, ob.shallow, ob.mock);
+    {
+        ob.dep.notify({
+            type: "add" /* TriggerOpTypes.ADD */,
+            target: target,
+            key,
+            newValue: val,
+            oldValue: undefined
+        });
+    }
+    return val;
+}
+function del(target, key) {
+    if ((isUndef(target) || isPrimitive(target))) {
+        warn$2(`Cannot delete reactive property on undefined, null, or primitive value: ${target}`);
+    }
+    if (isArray(target) && isValidArrayIndex(key)) {
+        target.splice(key, 1);
+        return;
+    }
+    const ob = target.__ob__;
+    if (target._isVue || (ob && ob.vmCount)) {
+        warn$2('Avoid deleting properties on a Vue instance or its root $data ' +
+                '- just set it to null.');
+        return;
+    }
+    if (isReadonly(target)) {
+        warn$2(`Delete operation on key "${key}" failed: target is readonly.`);
+        return;
+    }
+    if (!hasOwn(target, key)) {
+        return;
+    }
+    delete target[key];
+    if (!ob) {
+        return;
+    }
+    {
+        ob.dep.notify({
+            type: "delete" /* TriggerOpTypes.DELETE */,
+            target: target,
+            key
+        });
+    }
+}
+/**
+ * Collect dependencies on array elements when the array is touched, since
+ * we cannot intercept array element access like property getters.
+ */
+function dependArray(value) {
+    for (let e, i = 0, l = value.length; i < l; i++) {
+        e = value[i];
+        if (e && e.__ob__) {
+            e.__ob__.dep.depend();
+        }
+        if (isArray(e)) {
+            dependArray(e);
+        }
+    }
+}
+
+function reactive(target) {
+    makeReactive(target, false);
+    return target;
+}
+/**
+ * Return a shallowly-reactive copy of the original object, where only the root
+ * level properties are reactive. It also does not auto-unwrap refs (even at the
+ * root level).
+ */
+function shallowReactive(target) {
+    makeReactive(target, true);
+    def(target, "__v_isShallow" /* ReactiveFlags.IS_SHALLOW */, true);
+    return target;
+}
+function makeReactive(target, shallow) {
+    // if trying to observe a readonly proxy, return the readonly version.
+    if (!isReadonly(target)) {
+        {
+            if (isArray(target)) {
+                warn$2(`Avoid using Array as root value for ${shallow ? `shallowReactive()` : `reactive()`} as it cannot be tracked in watch() or watchEffect(). Use ${shallow ? `shallowRef()` : `ref()`} instead. This is a Vue-2-only limitation.`);
+            }
+            const existingOb = target && target.__ob__;
+            if (existingOb && existingOb.shallow !== shallow) {
+                warn$2(`Target is already a ${existingOb.shallow ? `` : `non-`}shallow reactive object, and cannot be converted to ${shallow ? `` : `non-`}shallow.`);
+            }
+        }
+        const ob = observe(target, shallow, isServerRendering() /* ssr mock reactivity */);
+        if (!ob) {
+            if (target == null || isPrimitive(target)) {
+                warn$2(`value cannot be made reactive: ${String(target)}`);
+            }
+            if (isCollectionType(target)) {
+                warn$2(`Vue 2 does not support reactive collection types such as Map or Set.`);
+            }
+        }
+    }
+}
+function isReactive(value) {
+    if (isReadonly(value)) {
+        return isReactive(value["__v_raw" /* ReactiveFlags.RAW */]);
+    }
+    return !!(value && value.__ob__);
+}
+function isShallow(value) {
+    return !!(value && value.__v_isShallow);
+}
+function isReadonly(value) {
+    return !!(value && value.__v_isReadonly);
+}
+function isProxy(value) {
+    return isReactive(value) || isReadonly(value);
+}
+function toRaw(observed) {
+    const raw = observed && observed["__v_raw" /* ReactiveFlags.RAW */];
+    return raw ? toRaw(raw) : observed;
+}
+function markRaw(value) {
+    // non-extensible objects won't be observed anyway
+    if (Object.isExtensible(value)) {
+        def(value, "__v_skip" /* ReactiveFlags.SKIP */, true);
+    }
+    return value;
+}
+/**
+ * @internal
+ */
+function isCollectionType(value) {
+    const type = toRawType(value);
+    return (type === 'Map' || type === 'WeakMap' || type === 'Set' || type === 'WeakSet');
+}
+
+/**
+ * @internal
+ */
+const RefFlag = `__v_isRef`;
+function isRef(r) {
+    return !!(r && r.__v_isRef === true);
+}
+function ref$1(value) {
+    return createRef(value, false);
+}
+function shallowRef(value) {
+    return createRef(value, true);
+}
+function createRef(rawValue, shallow) {
+    if (isRef(rawValue)) {
+        return rawValue;
+    }
+    const ref = {};
+    def(ref, RefFlag, true);
+    def(ref, "__v_isShallow" /* ReactiveFlags.IS_SHALLOW */, shallow);
+    def(ref, 'dep', defineReactive(ref, 'value', rawValue, null, shallow, isServerRendering()));
+    return ref;
+}
+function triggerRef(ref) {
+    if (!ref.dep) {
+        warn$2(`received object is not a triggerable ref.`);
+    }
+    {
+        ref.dep &&
+            ref.dep.notify({
+                type: "set" /* TriggerOpTypes.SET */,
+                target: ref,
+                key: 'value'
+            });
+    }
+}
+function unref(ref) {
+    return isRef(ref) ? ref.value : ref;
+}
+function proxyRefs(objectWithRefs) {
+    if (isReactive(objectWithRefs)) {
+        return objectWithRefs;
+    }
+    const proxy = {};
+    const keys = Object.keys(objectWithRefs);
+    for (let i = 0; i < keys.length; i++) {
+        proxyWithRefUnwrap(proxy, objectWithRefs, keys[i]);
+    }
+    return proxy;
+}
+function proxyWithRefUnwrap(target, source, key) {
+    Object.defineProperty(target, key, {
+        enumerable: true,
+        configurable: true,
+        get: () => {
+            const val = source[key];
+            if (isRef(val)) {
+                return val.value;
+            }
+            else {
+                const ob = val && val.__ob__;
+                if (ob)
+                    ob.dep.depend();
+                return val;
+            }
+        },
+        set: value => {
+            const oldValue = source[key];
+            if (isRef(oldValue) && !isRef(value)) {
+                oldValue.value = value;
+            }
+            else {
+                source[key] = value;
+            }
+        }
+    });
+}
+function customRef(factory) {
+    const dep = new Dep();
+    const { get, set } = factory(() => {
+        {
+            dep.depend({
+                target: ref,
+                type: "get" /* TrackOpTypes.GET */,
+                key: 'value'
+            });
+        }
+    }, () => {
+        {
+            dep.notify({
+                target: ref,
+                type: "set" /* TriggerOpTypes.SET */,
+                key: 'value'
+            });
+        }
+    });
+    const ref = {
+        get value() {
+            return get();
+        },
+        set value(newVal) {
+            set(newVal);
+        }
+    };
+    def(ref, RefFlag, true);
+    return ref;
+}
+function toRefs(object) {
+    if (!isReactive(object)) {
+        warn$2(`toRefs() expects a reactive object but received a plain one.`);
+    }
+    const ret = isArray(object) ? new Array(object.length) : {};
+    for (const key in object) {
+        ret[key] = toRef(object, key);
+    }
+    return ret;
+}
+function toRef(object, key, defaultValue) {
+    const val = object[key];
+    if (isRef(val)) {
+        return val;
+    }
+    const ref = {
+        get value() {
+            const val = object[key];
+            return val === undefined ? defaultValue : val;
+        },
+        set value(newVal) {
+            object[key] = newVal;
+        }
+    };
+    def(ref, RefFlag, true);
+    return ref;
+}
+
+const rawToReadonlyFlag = `__v_rawToReadonly`;
+const rawToShallowReadonlyFlag = `__v_rawToShallowReadonly`;
+function readonly(target) {
+    return createReadonly(target, false);
+}
+function createReadonly(target, shallow) {
+    if (!isPlainObject(target)) {
+        {
+            if (isArray(target)) {
+                warn$2(`Vue 2 does not support readonly arrays.`);
+            }
+            else if (isCollectionType(target)) {
+                warn$2(`Vue 2 does not support readonly collection types such as Map or Set.`);
+            }
+            else {
+                warn$2(`value cannot be made readonly: ${typeof target}`);
+            }
+        }
+        return target;
+    }
+    if (!Object.isExtensible(target)) {
+        warn$2(`Vue 2 does not support creating readonly proxy for non-extensible object.`);
+    }
+    // already a readonly object
+    if (isReadonly(target)) {
+        return target;
+    }
+    // already has a readonly proxy
+    const existingFlag = shallow ? rawToShallowReadonlyFlag : rawToReadonlyFlag;
+    const existingProxy = target[existingFlag];
+    if (existingProxy) {
+        return existingProxy;
+    }
+    const proxy = Object.create(Object.getPrototypeOf(target));
+    def(target, existingFlag, proxy);
+    def(proxy, "__v_isReadonly" /* ReactiveFlags.IS_READONLY */, true);
+    def(proxy, "__v_raw" /* ReactiveFlags.RAW */, target);
+    if (isRef(target)) {
+        def(proxy, RefFlag, true);
+    }
+    if (shallow || isShallow(target)) {
+        def(proxy, "__v_isShallow" /* ReactiveFlags.IS_SHALLOW */, true);
+    }
+    const keys = Object.keys(target);
+    for (let i = 0; i < keys.length; i++) {
+        defineReadonlyProperty(proxy, target, keys[i], shallow);
+    }
+    return proxy;
+}
+function defineReadonlyProperty(proxy, target, key, shallow) {
+    Object.defineProperty(proxy, key, {
+        enumerable: true,
+        configurable: true,
+        get() {
+            const val = target[key];
+            return shallow || !isPlainObject(val) ? val : readonly(val);
+        },
+        set() {
+            warn$2(`Set operation on key "${key}" failed: target is readonly.`);
+        }
+    });
+}
+/**
+ * Returns a reactive-copy of the original object, where only the root level
+ * properties are readonly, and does NOT unwrap refs nor recursively convert
+ * returned properties.
+ * This is used for creating the props proxy object for stateful components.
+ */
+function shallowReadonly(target) {
+    return createReadonly(target, true);
+}
+
+function computed(getterOrOptions, debugOptions) {
+    let getter;
+    let setter;
+    const onlyGetter = isFunction(getterOrOptions);
+    if (onlyGetter) {
+        getter = getterOrOptions;
+        setter = () => {
+                warn$2('Write operation failed: computed value is readonly');
+            }
+            ;
+    }
+    else {
+        getter = getterOrOptions.get;
+        setter = getterOrOptions.set;
+    }
+    const watcher = isServerRendering()
+        ? null
+        : new Watcher(currentInstance, getter, noop, { lazy: true });
+    if (watcher && debugOptions) {
+        watcher.onTrack = debugOptions.onTrack;
+        watcher.onTrigger = debugOptions.onTrigger;
+    }
+    const ref = {
+        // some libs rely on the presence effect for checking computed refs
+        // from normal refs, but the implementation doesn't matter
+        effect: watcher,
+        get value() {
+            if (watcher) {
+                if (watcher.dirty) {
+                    watcher.evaluate();
+                }
+                if (Dep.target) {
+                    if (Dep.target.onTrack) {
+                        Dep.target.onTrack({
+                            effect: Dep.target,
+                            target: ref,
+                            type: "get" /* TrackOpTypes.GET */,
+                            key: 'value'
+                        });
+                    }
+                    watcher.depend();
+                }
+                return watcher.value;
+            }
+            else {
+                return getter();
+            }
+        },
+        set value(newVal) {
+            setter(newVal);
+        }
+    };
+    def(ref, RefFlag, true);
+    def(ref, "__v_isReadonly" /* ReactiveFlags.IS_READONLY */, onlyGetter);
+    return ref;
+}
+
+let mark;
+let measure;
+{
+    const perf = inBrowser && window.performance;
+    /* istanbul ignore if */
+    if (perf &&
+        // @ts-ignore
+        perf.mark &&
+        // @ts-ignore
+        perf.measure &&
+        // @ts-ignore
+        perf.clearMarks &&
+        // @ts-ignore
+        perf.clearMeasures) {
+        mark = tag => perf.mark(tag);
+        measure = (name, startTag, endTag) => {
+            perf.measure(name, startTag, endTag);
+            perf.clearMarks(startTag);
+            perf.clearMarks(endTag);
+            // perf.clearMeasures(name)
+        };
+    }
+}
+
+const normalizeEvent = cached((name) => {
+    const passive = name.charAt(0) === '&';
+    name = passive ? name.slice(1) : name;
+    const once = name.charAt(0) === '~'; // Prefixed last, checked first
+    name = once ? name.slice(1) : name;
+    const capture = name.charAt(0) === '!';
+    name = capture ? name.slice(1) : name;
+    return {
+        name,
+        once,
+        capture,
+        passive
+    };
+});
+function createFnInvoker(fns, vm) {
+    function invoker() {
+        const fns = invoker.fns;
+        if (isArray(fns)) {
+            const cloned = fns.slice();
+            for (let i = 0; i < cloned.length; i++) {
+                invokeWithErrorHandling(cloned[i], null, arguments, vm, `v-on handler`);
+            }
+        }
+        else {
+            // return handler return value for single handlers
+            return invokeWithErrorHandling(fns, null, arguments, vm, `v-on handler`);
+        }
+    }
+    invoker.fns = fns;
+    return invoker;
+}
+function updateListeners(on, oldOn, add, remove, createOnceHandler, vm) {
+    let name, cur, old, event;
+    for (name in on) {
+        cur = on[name];
+        old = oldOn[name];
+        event = normalizeEvent(name);
+        if (isUndef(cur)) {
+            warn$2(`Invalid handler for event "${event.name}": got ` + String(cur), vm);
+        }
+        else if (isUndef(old)) {
+            if (isUndef(cur.fns)) {
+                cur = on[name] = createFnInvoker(cur, vm);
+            }
+            if (isTrue(event.once)) {
+                cur = on[name] = createOnceHandler(event.name, cur, event.capture);
+            }
+            add(event.name, cur, event.capture, event.passive, event.params);
+        }
+        else if (cur !== old) {
+            old.fns = cur;
+            on[name] = old;
+        }
+    }
+    for (name in oldOn) {
+        if (isUndef(on[name])) {
+            event = normalizeEvent(name);
+            remove(event.name, oldOn[name], event.capture);
+        }
+    }
+}
+
+function mergeVNodeHook(def, hookKey, hook) {
+    if (def instanceof VNode) {
+        def = def.data.hook || (def.data.hook = {});
+    }
+    let invoker;
+    const oldHook = def[hookKey];
+    function wrappedHook() {
+        hook.apply(this, arguments);
+        // important: remove merged hook to ensure it's called only once
+        // and prevent memory leak
+        remove$2(invoker.fns, wrappedHook);
+    }
+    if (isUndef(oldHook)) {
+        // no existing hook
+        invoker = createFnInvoker([wrappedHook]);
+    }
+    else {
+        /* istanbul ignore if */
+        if (isDef(oldHook.fns) && isTrue(oldHook.merged)) {
+            // already a merged invoker
+            invoker = oldHook;
+            invoker.fns.push(wrappedHook);
+        }
+        else {
+            // existing plain hook
+            invoker = createFnInvoker([oldHook, wrappedHook]);
+        }
+    }
+    invoker.merged = true;
+    def[hookKey] = invoker;
+}
+
+function extractPropsFromVNodeData(data, Ctor, tag) {
+    // we are only extracting raw values here.
+    // validation and default values are handled in the child
+    // component itself.
+    const propOptions = Ctor.options.props;
+    if (isUndef(propOptions)) {
+        return;
+    }
+    const res = {};
+    const { attrs, props } = data;
+    if (isDef(attrs) || isDef(props)) {
+        for (const key in propOptions) {
+            const altKey = hyphenate(key);
+            {
+                const keyInLowerCase = key.toLowerCase();
+                if (key !== keyInLowerCase && attrs && hasOwn(attrs, keyInLowerCase)) {
+                    tip(`Prop "${keyInLowerCase}" is passed to component ` +
+                        `${formatComponentName(
+                        // @ts-expect-error tag is string
+                        tag || Ctor)}, but the declared prop name is` +
+                        ` "${key}". ` +
+                        `Note that HTML attributes are case-insensitive and camelCased ` +
+                        `props need to use their kebab-case equivalents when using in-DOM ` +
+                        `templates. You should probably use "${altKey}" instead of "${key}".`);
+                }
+            }
+            checkProp(res, props, key, altKey, true) ||
+                checkProp(res, attrs, key, altKey, false);
+        }
+    }
+    return res;
+}
+function checkProp(res, hash, key, altKey, preserve) {
+    if (isDef(hash)) {
+        if (hasOwn(hash, key)) {
+            res[key] = hash[key];
+            if (!preserve) {
+                delete hash[key];
+            }
+            return true;
+        }
+        else if (hasOwn(hash, altKey)) {
+            res[key] = hash[altKey];
+            if (!preserve) {
+                delete hash[altKey];
+            }
+            return true;
+        }
+    }
+    return false;
+}
+
+// The template compiler attempts to minimize the need for normalization by
+// statically analyzing the template at compile time.
+//
+// For plain HTML markup, normalization can be completely skipped because the
+// generated render function is guaranteed to return Array<VNode>. There are
+// two cases where extra normalization is needed:
+// 1. When the children contains components - because a functional component
+// may return an Array instead of a single root. In this case, just a simple
+// normalization is needed - if any child is an Array, we flatten the whole
+// thing with Array.prototype.concat. It is guaranteed to be only 1-level deep
+// because functional components already normalize their own children.
+function simpleNormalizeChildren(children) {
+    for (let i = 0; i < children.length; i++) {
+        if (isArray(children[i])) {
+            return Array.prototype.concat.apply([], children);
+        }
+    }
+    return children;
+}
+// 2. When the children contains constructs that always generated nested Arrays,
+// e.g. <template>, <slot>, v-for, or when the children is provided by user
+// with hand-written render functions / JSX. In such cases a full normalization
+// is needed to cater to all possible types of children values.
+function normalizeChildren(children) {
+    return isPrimitive(children)
+        ? [createTextVNode(children)]
+        : isArray(children)
+            ? normalizeArrayChildren(children)
+            : undefined;
+}
+function isTextNode(node) {
+    return isDef(node) && isDef(node.text) && isFalse(node.isComment);
+}
+function normalizeArrayChildren(children, nestedIndex) {
+    const res = [];
+    let i, c, lastIndex, last;
+    for (i = 0; i < children.length; i++) {
+        c = children[i];
+        if (isUndef(c) || typeof c === 'boolean')
+            continue;
+        lastIndex = res.length - 1;
+        last = res[lastIndex];
+        //  nested
+        if (isArray(c)) {
+            if (c.length > 0) {
+                c = normalizeArrayChildren(c, `${nestedIndex || ''}_${i}`);
+                // merge adjacent text nodes
+                if (isTextNode(c[0]) && isTextNode(last)) {
+                    res[lastIndex] = createTextVNode(last.text + c[0].text);
+                    c.shift();
+                }
+                res.push.apply(res, c);
+            }
+        }
+        else if (isPrimitive(c)) {
+            if (isTextNode(last)) {
+                // merge adjacent text nodes
+                // this is necessary for SSR hydration because text nodes are
+                // essentially merged when rendered to HTML strings
+                res[lastIndex] = createTextVNode(last.text + c);
+            }
+            else if (c !== '') {
+                // convert primitive to vnode
+                res.push(createTextVNode(c));
+            }
+        }
+        else {
+            if (isTextNode(c) && isTextNode(last)) {
+                // merge adjacent text nodes
+                res[lastIndex] = createTextVNode(last.text + c.text);
+            }
+            else {
+                // default key for nested array children (likely generated by v-for)
+                if (isTrue(children._isVList) &&
+                    isDef(c.tag) &&
+                    isUndef(c.key) &&
+                    isDef(nestedIndex)) {
+                    c.key = `__vlist${nestedIndex}_${i}__`;
+                }
+                res.push(c);
+            }
+        }
+    }
+    return res;
+}
+
+const SIMPLE_NORMALIZE = 1;
+const ALWAYS_NORMALIZE = 2;
+// wrapper function for providing a more flexible interface
+// without getting yelled at by flow
+function createElement$1(context, tag, data, children, normalizationType, alwaysNormalize) {
+    if (isArray(data) || isPrimitive(data)) {
+        normalizationType = children;
+        children = data;
+        data = undefined;
+    }
+    if (isTrue(alwaysNormalize)) {
+        normalizationType = ALWAYS_NORMALIZE;
+    }
+    return _createElement(context, tag, data, children, normalizationType);
+}
+function _createElement(context, tag, data, children, normalizationType) {
+    if (isDef(data) && isDef(data.__ob__)) {
+        warn$2(`Avoid using observed data object as vnode data: ${JSON.stringify(data)}\n` + 'Always create fresh vnode data objects in each render!', context);
+        return createEmptyVNode();
+    }
+    // object syntax in v-bind
+    if (isDef(data) && isDef(data.is)) {
+        tag = data.is;
+    }
+    if (!tag) {
+        // in case of component :is set to falsy value
+        return createEmptyVNode();
+    }
+    // warn against non-primitive key
+    if (isDef(data) && isDef(data.key) && !isPrimitive(data.key)) {
+        warn$2('Avoid using non-primitive value as key, ' +
+            'use string/number value instead.', context);
+    }
+    // support single function children as default scoped slot
+    if (isArray(children) && isFunction(children[0])) {
+        data = data || {};
+        data.scopedSlots = { default: children[0] };
+        children.length = 0;
+    }
+    if (normalizationType === ALWAYS_NORMALIZE) {
+        children = normalizeChildren(children);
+    }
+    else if (normalizationType === SIMPLE_NORMALIZE) {
+        children = simpleNormalizeChildren(children);
+    }
+    let vnode, ns;
+    if (typeof tag === 'string') {
+        let Ctor;
+        ns = (context.$vnode && context.$vnode.ns) || config.getTagNamespace(tag);
+        if (config.isReservedTag(tag)) {
+            // platform built-in elements
+            if (isDef(data) &&
+                isDef(data.nativeOn) &&
+                data.tag !== 'component') {
+                warn$2(`The .native modifier for v-on is only valid on components but it was used on <${tag}>.`, context);
+            }
+            vnode = new VNode(config.parsePlatformTagName(tag), data, children, undefined, undefined, context);
+        }
+        else if ((!data || !data.pre) &&
+            isDef((Ctor = resolveAsset(context.$options, 'components', tag)))) {
+            // component
+            vnode = createComponent(Ctor, data, context, children, tag);
+        }
+        else {
+            // unknown or unlisted namespaced elements
+            // check at runtime because it may get assigned a namespace when its
+            // parent normalizes children
+            vnode = new VNode(tag, data, children, undefined, undefined, context);
+        }
+    }
+    else {
+        // direct component options / constructor
+        vnode = createComponent(tag, data, context, children);
+    }
+    if (isArray(vnode)) {
+        return vnode;
+    }
+    else if (isDef(vnode)) {
+        if (isDef(ns))
+            applyNS(vnode, ns);
+        if (isDef(data))
+            registerDeepBindings(data);
+        return vnode;
+    }
+    else {
+        return createEmptyVNode();
+    }
+}
+function applyNS(vnode, ns, force) {
+    vnode.ns = ns;
+    if (vnode.tag === 'foreignObject') {
+        // use default namespace inside foreignObject
+        ns = undefined;
+        force = true;
+    }
+    if (isDef(vnode.children)) {
+        for (let i = 0, l = vnode.children.length; i < l; i++) {
+            const child = vnode.children[i];
+            if (isDef(child.tag) &&
+                (isUndef(child.ns) || (isTrue(force) && child.tag !== 'svg'))) {
+                applyNS(child, ns, force);
+            }
+        }
+    }
+}
+// ref #5318
+// necessary to ensure parent re-render when deep bindings like :style and
+// :class are used on slot nodes
+function registerDeepBindings(data) {
+    if (isObject(data.style)) {
+        traverse(data.style);
+    }
+    if (isObject(data.class)) {
+        traverse(data.class);
+    }
+}
+
+/**
+ * Runtime helper for rendering v-for lists.
+ */
+function renderList(val, render) {
+    let ret = null, i, l, keys, key;
+    if (isArray(val) || typeof val === 'string') {
+        ret = new Array(val.length);
+        for (i = 0, l = val.length; i < l; i++) {
+            ret[i] = render(val[i], i);
+        }
+    }
+    else if (typeof val === 'number') {
+        ret = new Array(val);
+        for (i = 0; i < val; i++) {
+            ret[i] = render(i + 1, i);
+        }
+    }
+    else if (isObject(val)) {
+        if (hasSymbol && val[Symbol.iterator]) {
+            ret = [];
+            const iterator = val[Symbol.iterator]();
+            let result = iterator.next();
+            while (!result.done) {
+                ret.push(render(result.value, ret.length));
+                result = iterator.next();
+            }
+        }
+        else {
+            keys = Object.keys(val);
+            ret = new Array(keys.length);
+            for (i = 0, l = keys.length; i < l; i++) {
+                key = keys[i];
+                ret[i] = render(val[key], key, i);
+            }
+        }
+    }
+    if (!isDef(ret)) {
+        ret = [];
+    }
+    ret._isVList = true;
+    return ret;
+}
+
+/**
+ * Runtime helper for rendering <slot>
+ */
+function renderSlot(name, fallbackRender, props, bindObject) {
+    const scopedSlotFn = this.$scopedSlots[name];
+    let nodes;
+    if (scopedSlotFn) {
+        // scoped slot
+        props = props || {};
+        if (bindObject) {
+            if (!isObject(bindObject)) {
+                warn$2('slot v-bind without argument expects an Object', this);
+            }
+            props = extend(extend({}, bindObject), props);
+        }
+        nodes =
+            scopedSlotFn(props) ||
+                (isFunction(fallbackRender) ? fallbackRender() : fallbackRender);
+    }
+    else {
+        nodes =
+            this.$slots[name] ||
+                (isFunction(fallbackRender) ? fallbackRender() : fallbackRender);
+    }
+    const target = props && props.slot;
+    if (target) {
+        return this.$createElement('template', { slot: target }, nodes);
+    }
+    else {
+        return nodes;
+    }
+}
+
+/**
+ * Runtime helper for resolving filters
+ */
+function resolveFilter(id) {
+    return resolveAsset(this.$options, 'filters', id, true) || identity;
+}
+
+function isKeyNotMatch(expect, actual) {
+    if (isArray(expect)) {
+        return expect.indexOf(actual) === -1;
+    }
+    else {
+        return expect !== actual;
+    }
+}
+/**
+ * Runtime helper for checking keyCodes from config.
+ * exposed as Vue.prototype._k
+ * passing in eventKeyName as last argument separately for backwards compat
+ */
+function checkKeyCodes(eventKeyCode, key, builtInKeyCode, eventKeyName, builtInKeyName) {
+    const mappedKeyCode = config.keyCodes[key] || builtInKeyCode;
+    if (builtInKeyName && eventKeyName && !config.keyCodes[key]) {
+        return isKeyNotMatch(builtInKeyName, eventKeyName);
+    }
+    else if (mappedKeyCode) {
+        return isKeyNotMatch(mappedKeyCode, eventKeyCode);
+    }
+    else if (eventKeyName) {
+        return hyphenate(eventKeyName) !== key;
+    }
+    return eventKeyCode === undefined;
+}
+
+/**
+ * Runtime helper for merging v-bind="object" into a VNode's data.
+ */
+function bindObjectProps(data, tag, value, asProp, isSync) {
+    if (value) {
+        if (!isObject(value)) {
+            warn$2('v-bind without argument expects an Object or Array value', this);
+        }
+        else {
+            if (isArray(value)) {
+                value = toObject(value);
+            }
+            let hash;
+            for (const key in value) {
+                if (key === 'class' || key === 'style' || isReservedAttribute(key)) {
+                    hash = data;
+                }
+                else {
+                    const type = data.attrs && data.attrs.type;
+                    hash =
+                        asProp || config.mustUseProp(tag, type, key)
+                            ? data.domProps || (data.domProps = {})
+                            : data.attrs || (data.attrs = {});
+                }
+                const camelizedKey = camelize(key);
+                const hyphenatedKey = hyphenate(key);
+                if (!(camelizedKey in hash) && !(hyphenatedKey in hash)) {
+                    hash[key] = value[key];
+                    if (isSync) {
+                        const on = data.on || (data.on = {});
+                        on[`update:${key}`] = function ($event) {
+                            value[key] = $event;
+                        };
+                    }
+                }
+            }
+        }
+    }
+    return data;
+}
+
+/**
+ * Runtime helper for rendering static trees.
+ */
+function renderStatic(index, isInFor) {
+    const cached = this._staticTrees || (this._staticTrees = []);
+    let tree = cached[index];
+    // if has already-rendered static tree and not inside v-for,
+    // we can reuse the same tree.
+    if (tree && !isInFor) {
+        return tree;
+    }
+    // otherwise, render a fresh tree.
+    tree = cached[index] = this.$options.staticRenderFns[index].call(this._renderProxy, this._c, this // for render fns generated for functional component templates
+    );
+    markStatic$1(tree, `__static__${index}`, false);
+    return tree;
+}
+/**
+ * Runtime helper for v-once.
+ * Effectively it means marking the node as static with a unique key.
+ */
+function markOnce(tree, index, key) {
+    markStatic$1(tree, `__once__${index}${key ? `_${key}` : ``}`, true);
+    return tree;
+}
+function markStatic$1(tree, key, isOnce) {
+    if (isArray(tree)) {
+        for (let i = 0; i < tree.length; i++) {
+            if (tree[i] && typeof tree[i] !== 'string') {
+                markStaticNode(tree[i], `${key}_${i}`, isOnce);
+            }
+        }
+    }
+    else {
+        markStaticNode(tree, key, isOnce);
+    }
+}
+function markStaticNode(node, key, isOnce) {
+    node.isStatic = true;
+    node.key = key;
+    node.isOnce = isOnce;
+}
+
+function bindObjectListeners(data, value) {
+    if (value) {
+        if (!isPlainObject(value)) {
+            warn$2('v-on without argument expects an Object value', this);
+        }
+        else {
+            const on = (data.on = data.on ? extend({}, data.on) : {});
+            for (const key in value) {
+                const existing = on[key];
+                const ours = value[key];
+                on[key] = existing ? [].concat(existing, ours) : ours;
+            }
+        }
+    }
+    return data;
+}
+
+function resolveScopedSlots(fns, res, 
+// the following are added in 2.6
+hasDynamicKeys, contentHashKey) {
+    res = res || { $stable: !hasDynamicKeys };
+    for (let i = 0; i < fns.length; i++) {
+        const slot = fns[i];
+        if (isArray(slot)) {
+            resolveScopedSlots(slot, res, hasDynamicKeys);
+        }
+        else if (slot) {
+            // marker for reverse proxying v-slot without scope on this.$slots
+            // @ts-expect-error
+            if (slot.proxy) {
+                // @ts-expect-error
+                slot.fn.proxy = true;
+            }
+            res[slot.key] = slot.fn;
+        }
+    }
+    if (contentHashKey) {
+        res.$key = contentHashKey;
+    }
+    return res;
+}
+
+// helper to process dynamic keys for dynamic arguments in v-bind and v-on.
+function bindDynamicKeys(baseObj, values) {
+    for (let i = 0; i < values.length; i += 2) {
+        const key = values[i];
+        if (typeof key === 'string' && key) {
+            baseObj[values[i]] = values[i + 1];
+        }
+        else if (key !== '' && key !== null) {
+            // null is a special value for explicitly removing a binding
+            warn$2(`Invalid value for dynamic directive argument (expected string or null): ${key}`, this);
+        }
+    }
+    return baseObj;
+}
+// helper to dynamically append modifier runtime markers to event names.
+// ensure only append when value is already string, otherwise it will be cast
+// to string and cause the type check to miss.
+function prependModifier(value, symbol) {
+    return typeof value === 'string' ? symbol + value : value;
+}
+
+function installRenderHelpers(target) {
+    target._o = markOnce;
+    target._n = toNumber;
+    target._s = toString;
+    target._l = renderList;
+    target._t = renderSlot;
+    target._q = looseEqual;
+    target._i = looseIndexOf;
+    target._m = renderStatic;
+    target._f = resolveFilter;
+    target._k = checkKeyCodes;
+    target._b = bindObjectProps;
+    target._v = createTextVNode;
+    target._e = createEmptyVNode;
+    target._u = resolveScopedSlots;
+    target._g = bindObjectListeners;
+    target._d = bindDynamicKeys;
+    target._p = prependModifier;
+}
+
+/**
+ * Runtime helper for resolving raw children VNodes into a slot object.
+ */
+function resolveSlots(children, context) {
+    if (!children || !children.length) {
+        return {};
+    }
+    const slots = {};
+    for (let i = 0, l = children.length; i < l; i++) {
+        const child = children[i];
+        const data = child.data;
+        // remove slot attribute if the node is resolved as a Vue slot node
+        if (data && data.attrs && data.attrs.slot) {
+            delete data.attrs.slot;
+        }
+        // named slots should only be respected if the vnode was rendered in the
+        // same context.
+        if ((child.context === context || child.fnContext === context) &&
+            data &&
+            data.slot != null) {
+            const name = data.slot;
+            const slot = slots[name] || (slots[name] = []);
+            if (child.tag === 'template') {
+                slot.push.apply(slot, child.children || []);
+            }
+            else {
+                slot.push(child);
+            }
+        }
+        else {
+            (slots.default || (slots.default = [])).push(child);
+        }
+    }
+    // ignore slots that contains only whitespace
+    for (const name in slots) {
+        if (slots[name].every(isWhitespace)) {
+            delete slots[name];
+        }
+    }
+    return slots;
+}
+function isWhitespace(node) {
+    return (node.isComment && !node.asyncFactory) || node.text === ' ';
+}
+
+function isAsyncPlaceholder(node) {
+    // @ts-expect-error not really boolean type
+    return node.isComment && node.asyncFactory;
+}
+
+function normalizeScopedSlots(ownerVm, scopedSlots, normalSlots, prevScopedSlots) {
+    let res;
+    const hasNormalSlots = Object.keys(normalSlots).length > 0;
+    const isStable = scopedSlots ? !!scopedSlots.$stable : !hasNormalSlots;
+    const key = scopedSlots && scopedSlots.$key;
+    if (!scopedSlots) {
+        res = {};
+    }
+    else if (scopedSlots._normalized) {
+        // fast path 1: child component re-render only, parent did not change
+        return scopedSlots._normalized;
+    }
+    else if (isStable &&
+        prevScopedSlots &&
+        prevScopedSlots !== emptyObject &&
+        key === prevScopedSlots.$key &&
+        !hasNormalSlots &&
+        !prevScopedSlots.$hasNormal) {
+        // fast path 2: stable scoped slots w/ no normal slots to proxy,
+        // only need to normalize once
+        return prevScopedSlots;
+    }
+    else {
+        res = {};
+        for (const key in scopedSlots) {
+            if (scopedSlots[key] && key[0] !== '$') {
+                res[key] = normalizeScopedSlot(ownerVm, normalSlots, key, scopedSlots[key]);
+            }
+        }
+    }
+    // expose normal slots on scopedSlots
+    for (const key in normalSlots) {
+        if (!(key in res)) {
+            res[key] = proxyNormalSlot(normalSlots, key);
+        }
+    }
+    // avoriaz seems to mock a non-extensible $scopedSlots object
+    // and when that is passed down this would cause an error
+    if (scopedSlots && Object.isExtensible(scopedSlots)) {
+        scopedSlots._normalized = res;
+    }
+    def(res, '$stable', isStable);
+    def(res, '$key', key);
+    def(res, '$hasNormal', hasNormalSlots);
+    return res;
+}
+function normalizeScopedSlot(vm, normalSlots, key, fn) {
+    const normalized = function () {
+        const cur = currentInstance;
+        setCurrentInstance(vm);
+        let res = arguments.length ? fn.apply(null, arguments) : fn({});
+        res =
+            res && typeof res === 'object' && !isArray(res)
+                ? [res] // single vnode
+                : normalizeChildren(res);
+        const vnode = res && res[0];
+        setCurrentInstance(cur);
+        return res &&
+            (!vnode ||
+                (res.length === 1 && vnode.isComment && !isAsyncPlaceholder(vnode))) // #9658, #10391
+            ? undefined
+            : res;
+    };
+    // this is a slot using the new v-slot syntax without scope. although it is
+    // compiled as a scoped slot, render fn users would expect it to be present
+    // on this.$slots because the usage is semantically a normal slot.
+    if (fn.proxy) {
+        Object.defineProperty(normalSlots, key, {
+            get: normalized,
+            enumerable: true,
+            configurable: true
+        });
+    }
+    return normalized;
+}
+function proxyNormalSlot(slots, key) {
+    return () => slots[key];
+}
+
+function initSetup(vm) {
+    const options = vm.$options;
+    const setup = options.setup;
+    if (setup) {
+        const ctx = (vm._setupContext = createSetupContext(vm));
+        setCurrentInstance(vm);
+        pushTarget();
+        const setupResult = invokeWithErrorHandling(setup, null, [vm._props || shallowReactive({}), ctx], vm, `setup`);
+        popTarget();
+        setCurrentInstance();
+        if (isFunction(setupResult)) {
+            // render function
+            // @ts-ignore
+            options.render = setupResult;
+        }
+        else if (isObject(setupResult)) {
+            // bindings
+            if (setupResult instanceof VNode) {
+                warn$2(`setup() should not return VNodes directly - ` +
+                    `return a render function instead.`);
+            }
+            vm._setupState = setupResult;
+            // __sfc indicates compiled bindings from <script setup>
+            if (!setupResult.__sfc) {
+                for (const key in setupResult) {
+                    if (!isReserved(key)) {
+                        proxyWithRefUnwrap(vm, setupResult, key);
+                    }
+                    else {
+                        warn$2(`Avoid using variables that start with _ or $ in setup().`);
+                    }
+                }
+            }
+            else {
+                // exposed for compiled render fn
+                const proxy = (vm._setupProxy = {});
+                for (const key in setupResult) {
+                    if (key !== '__sfc') {
+                        proxyWithRefUnwrap(proxy, setupResult, key);
+                    }
+                }
+            }
+        }
+        else if (setupResult !== undefined) {
+            warn$2(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+        }
+    }
+}
+function createSetupContext(vm) {
+    let exposeCalled = false;
+    return {
+        get attrs() {
+            if (!vm._attrsProxy) {
+                const proxy = (vm._attrsProxy = {});
+                def(proxy, '_v_attr_proxy', true);
+                syncSetupProxy(proxy, vm.$attrs, emptyObject, vm, '$attrs');
+            }
+            return vm._attrsProxy;
+        },
+        get listeners() {
+            if (!vm._listenersProxy) {
+                const proxy = (vm._listenersProxy = {});
+                syncSetupProxy(proxy, vm.$listeners, emptyObject, vm, '$listeners');
+            }
+            return vm._listenersProxy;
+        },
+        get slots() {
+            return initSlotsProxy(vm);
+        },
+        emit: bind$1(vm.$emit, vm),
+        expose(exposed) {
+            {
+                if (exposeCalled) {
+                    warn$2(`expose() should be called only once per setup().`, vm);
+                }
+                exposeCalled = true;
+            }
+            if (exposed) {
+                Object.keys(exposed).forEach(key => proxyWithRefUnwrap(vm, exposed, key));
+            }
+        }
+    };
+}
+function syncSetupProxy(to, from, prev, instance, type) {
+    let changed = false;
+    for (const key in from) {
+        if (!(key in to)) {
+            changed = true;
+            defineProxyAttr(to, key, instance, type);
+        }
+        else if (from[key] !== prev[key]) {
+            changed = true;
+        }
+    }
+    for (const key in to) {
+        if (!(key in from)) {
+            changed = true;
+            delete to[key];
+        }
+    }
+    return changed;
+}
+function defineProxyAttr(proxy, key, instance, type) {
+    Object.defineProperty(proxy, key, {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return instance[type][key];
+        }
+    });
+}
+function initSlotsProxy(vm) {
+    if (!vm._slotsProxy) {
+        syncSetupSlots((vm._slotsProxy = {}), vm.$scopedSlots);
+    }
+    return vm._slotsProxy;
+}
+function syncSetupSlots(to, from) {
+    for (const key in from) {
+        to[key] = from[key];
+    }
+    for (const key in to) {
+        if (!(key in from)) {
+            delete to[key];
+        }
+    }
+}
+/**
+ * @internal use manual type def because public setup context type relies on
+ * legacy VNode types
+ */
+function useSlots() {
+    return getContext().slots;
+}
+/**
+ * @internal use manual type def because public setup context type relies on
+ * legacy VNode types
+ */
+function useAttrs() {
+    return getContext().attrs;
+}
+/**
+ * Vue 2 only
+ * @internal use manual type def because public setup context type relies on
+ * legacy VNode types
+ */
+function useListeners() {
+    return getContext().listeners;
+}
+function getContext() {
+    if (!currentInstance) {
+        warn$2(`useContext() called without active instance.`);
+    }
+    const vm = currentInstance;
+    return vm._setupContext || (vm._setupContext = createSetupContext(vm));
+}
+/**
+ * Runtime helper for merging default declarations. Imported by compiled code
+ * only.
+ * @internal
+ */
+function mergeDefaults(raw, defaults) {
+    const props = isArray(raw)
+        ? raw.reduce((normalized, p) => ((normalized[p] = {}), normalized), {})
+        : raw;
+    for (const key in defaults) {
+        const opt = props[key];
+        if (opt) {
+            if (isArray(opt) || isFunction(opt)) {
+                props[key] = { type: opt, default: defaults[key] };
+            }
+            else {
+                opt.default = defaults[key];
+            }
+        }
+        else if (opt === null) {
+            props[key] = { default: defaults[key] };
+        }
+        else {
+            warn$2(`props default key "${key}" has no corresponding declaration.`);
+        }
+    }
+    return props;
+}
+
+function initRender(vm) {
+    vm._vnode = null; // the root of the child tree
+    vm._staticTrees = null; // v-once cached trees
+    const options = vm.$options;
+    const parentVnode = (vm.$vnode = options._parentVnode); // the placeholder node in parent tree
+    const renderContext = parentVnode && parentVnode.context;
+    vm.$slots = resolveSlots(options._renderChildren, renderContext);
+    vm.$scopedSlots = parentVnode
+        ? normalizeScopedSlots(vm.$parent, parentVnode.data.scopedSlots, vm.$slots)
+        : emptyObject;
+    // bind the createElement fn to this instance
+    // so that we get proper render context inside it.
+    // args order: tag, data, children, normalizationType, alwaysNormalize
+    // internal version is used by render functions compiled from templates
+    // @ts-expect-error
+    vm._c = (a, b, c, d) => createElement$1(vm, a, b, c, d, false);
+    // normalization is always applied for the public version, used in
+    // user-written render functions.
+    // @ts-expect-error
+    vm.$createElement = (a, b, c, d) => createElement$1(vm, a, b, c, d, true);
+    // $attrs & $listeners are exposed for easier HOC creation.
+    // they need to be reactive so that HOCs using them are always updated
+    const parentData = parentVnode && parentVnode.data;
+    /* istanbul ignore else */
+    {
+        defineReactive(vm, '$attrs', (parentData && parentData.attrs) || emptyObject, () => {
+            !isUpdatingChildComponent && warn$2(`$attrs is readonly.`, vm);
+        }, true);
+        defineReactive(vm, '$listeners', options._parentListeners || emptyObject, () => {
+            !isUpdatingChildComponent && warn$2(`$listeners is readonly.`, vm);
+        }, true);
+    }
+}
+let currentRenderingInstance = null;
+function renderMixin(Vue) {
+    // install runtime convenience helpers
+    installRenderHelpers(Vue.prototype);
+    Vue.prototype.$nextTick = function (fn) {
+        return nextTick(fn, this);
+    };
+    Vue.prototype._render = function () {
+        const vm = this;
+        const { render, _parentVnode } = vm.$options;
+        if (_parentVnode && vm._isMounted) {
+            vm.$scopedSlots = normalizeScopedSlots(vm.$parent, _parentVnode.data.scopedSlots, vm.$slots, vm.$scopedSlots);
+            if (vm._slotsProxy) {
+                syncSetupSlots(vm._slotsProxy, vm.$scopedSlots);
+            }
+        }
+        // set parent vnode. this allows render functions to have access
+        // to the data on the placeholder node.
+        vm.$vnode = _parentVnode;
+        // render self
+        const prevInst = currentInstance;
+        const prevRenderInst = currentRenderingInstance;
+        let vnode;
+        try {
+            setCurrentInstance(vm);
+            currentRenderingInstance = vm;
+            vnode = render.call(vm._renderProxy, vm.$createElement);
+        }
+        catch (e) {
+            handleError(e, vm, `render`);
+            // return error render result,
+            // or previous vnode to prevent render error causing blank component
+            /* istanbul ignore else */
+            if (vm.$options.renderError) {
+                try {
+                    vnode = vm.$options.renderError.call(vm._renderProxy, vm.$createElement, e);
+                }
+                catch (e) {
+                    handleError(e, vm, `renderError`);
+                    vnode = vm._vnode;
+                }
+            }
+            else {
+                vnode = vm._vnode;
+            }
+        }
+        finally {
+            currentRenderingInstance = prevRenderInst;
+            setCurrentInstance(prevInst);
+        }
+        // if the returned array contains only a single node, allow it
+        if (isArray(vnode) && vnode.length === 1) {
+            vnode = vnode[0];
+        }
+        // return empty vnode in case the render function errored out
+        if (!(vnode instanceof VNode)) {
+            if (isArray(vnode)) {
+                warn$2('Multiple root nodes returned from render function. Render function ' +
+                    'should return a single root node.', vm);
+            }
+            vnode = createEmptyVNode();
+        }
+        // set parent
+        vnode.parent = _parentVnode;
+        return vnode;
+    };
+}
+
+function ensureCtor(comp, base) {
+    if (comp.__esModule || (hasSymbol && comp[Symbol.toStringTag] === 'Module')) {
+        comp = comp.default;
+    }
+    return isObject(comp) ? base.extend(comp) : comp;
+}
+function createAsyncPlaceholder(factory, data, context, children, tag) {
+    const node = createEmptyVNode();
+    node.asyncFactory = factory;
+    node.asyncMeta = { data, context, children, tag };
+    return node;
+}
+function resolveAsyncComponent(factory, baseCtor) {
+    if (isTrue(factory.error) && isDef(factory.errorComp)) {
+        return factory.errorComp;
+    }
+    if (isDef(factory.resolved)) {
+        return factory.resolved;
+    }
+    const owner = currentRenderingInstance;
+    if (owner && isDef(factory.owners) && factory.owners.indexOf(owner) === -1) {
+        // already pending
+        factory.owners.push(owner);
+    }
+    if (isTrue(factory.loading) && isDef(factory.loadingComp)) {
+        return factory.loadingComp;
+    }
+    if (owner && !isDef(factory.owners)) {
+        const owners = (factory.owners = [owner]);
+        let sync = true;
+        let timerLoading = null;
+        let timerTimeout = null;
+        owner.$on('hook:destroyed', () => remove$2(owners, owner));
+        const forceRender = (renderCompleted) => {
+            for (let i = 0, l = owners.length; i < l; i++) {
+                owners[i].$forceUpdate();
+            }
+            if (renderCompleted) {
+                owners.length = 0;
+                if (timerLoading !== null) {
+                    clearTimeout(timerLoading);
+                    timerLoading = null;
+                }
+                if (timerTimeout !== null) {
+                    clearTimeout(timerTimeout);
+                    timerTimeout = null;
+                }
+            }
+        };
+        const resolve = once((res) => {
+            // cache resolved
+            factory.resolved = ensureCtor(res, baseCtor);
+            // invoke callbacks only if this is not a synchronous resolve
+            // (async resolves are shimmed as synchronous during SSR)
+            if (!sync) {
+                forceRender(true);
+            }
+            else {
+                owners.length = 0;
+            }
+        });
+        const reject = once(reason => {
+            warn$2(`Failed to resolve async component: ${String(factory)}` +
+                    (reason ? `\nReason: ${reason}` : ''));
+            if (isDef(factory.errorComp)) {
+                factory.error = true;
+                forceRender(true);
+            }
+        });
+        const res = factory(resolve, reject);
+        if (isObject(res)) {
+            if (isPromise(res)) {
+                // () => Promise
+                if (isUndef(factory.resolved)) {
+                    res.then(resolve, reject);
+                }
+            }
+            else if (isPromise(res.component)) {
+                res.component.then(resolve, reject);
+                if (isDef(res.error)) {
+                    factory.errorComp = ensureCtor(res.error, baseCtor);
+                }
+                if (isDef(res.loading)) {
+                    factory.loadingComp = ensureCtor(res.loading, baseCtor);
+                    if (res.delay === 0) {
+                        factory.loading = true;
+                    }
+                    else {
+                        // @ts-expect-error NodeJS timeout type
+                        timerLoading = setTimeout(() => {
+                            timerLoading = null;
+                            if (isUndef(factory.resolved) && isUndef(factory.error)) {
+                                factory.loading = true;
+                                forceRender(false);
+                            }
+                        }, res.delay || 200);
+                    }
+                }
+                if (isDef(res.timeout)) {
+                    // @ts-expect-error NodeJS timeout type
+                    timerTimeout = setTimeout(() => {
+                        timerTimeout = null;
+                        if (isUndef(factory.resolved)) {
+                            reject(`timeout (${res.timeout}ms)` );
+                        }
+                    }, res.timeout);
+                }
+            }
+        }
+        sync = false;
+        // return in case resolved synchronously
+        return factory.loading ? factory.loadingComp : factory.resolved;
+    }
+}
+
+function getFirstComponentChild(children) {
+    if (isArray(children)) {
+        for (let i = 0; i < children.length; i++) {
+            const c = children[i];
+            if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {
+                return c;
+            }
+        }
+    }
+}
+
+function initEvents(vm) {
+    vm._events = Object.create(null);
+    vm._hasHookEvent = false;
+    // init parent attached events
+    const listeners = vm.$options._parentListeners;
+    if (listeners) {
+        updateComponentListeners(vm, listeners);
+    }
+}
+let target$1;
+function add$1(event, fn) {
+    target$1.$on(event, fn);
+}
+function remove$1(event, fn) {
+    target$1.$off(event, fn);
+}
+function createOnceHandler$1(event, fn) {
+    const _target = target$1;
+    return function onceHandler() {
+        const res = fn.apply(null, arguments);
+        if (res !== null) {
+            _target.$off(event, onceHandler);
+        }
+    };
+}
+function updateComponentListeners(vm, listeners, oldListeners) {
+    target$1 = vm;
+    updateListeners(listeners, oldListeners || {}, add$1, remove$1, createOnceHandler$1, vm);
+    target$1 = undefined;
+}
+function eventsMixin(Vue) {
+    const hookRE = /^hook:/;
+    Vue.prototype.$on = function (event, fn) {
+        const vm = this;
+        if (isArray(event)) {
+            for (let i = 0, l = event.length; i < l; i++) {
+                vm.$on(event[i], fn);
+            }
+        }
+        else {
+            (vm._events[event] || (vm._events[event] = [])).push(fn);
+            // optimize hook:event cost by using a boolean flag marked at registration
+            // instead of a hash lookup
+            if (hookRE.test(event)) {
+                vm._hasHookEvent = true;
+            }
+        }
+        return vm;
+    };
+    Vue.prototype.$once = function (event, fn) {
+        const vm = this;
+        function on() {
+            vm.$off(event, on);
+            fn.apply(vm, arguments);
+        }
+        on.fn = fn;
+        vm.$on(event, on);
+        return vm;
+    };
+    Vue.prototype.$off = function (event, fn) {
+        const vm = this;
+        // all
+        if (!arguments.length) {
+            vm._events = Object.create(null);
+            return vm;
+        }
+        // array of events
+        if (isArray(event)) {
+            for (let i = 0, l = event.length; i < l; i++) {
+                vm.$off(event[i], fn);
+            }
+            return vm;
+        }
+        // specific event
+        const cbs = vm._events[event];
+        if (!cbs) {
+            return vm;
+        }
+        if (!fn) {
+            vm._events[event] = null;
+            return vm;
+        }
+        // specific handler
+        let cb;
+        let i = cbs.length;
+        while (i--) {
+            cb = cbs[i];
+            if (cb === fn || cb.fn === fn) {
+                cbs.splice(i, 1);
+                break;
+            }
+        }
+        return vm;
+    };
+    Vue.prototype.$emit = function (event) {
+        const vm = this;
+        {
+            const lowerCaseEvent = event.toLowerCase();
+            if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) {
+                tip(`Event "${lowerCaseEvent}" is emitted in component ` +
+                    `${formatComponentName(vm)} but the handler is registered for "${event}". ` +
+                    `Note that HTML attributes are case-insensitive and you cannot use ` +
+                    `v-on to listen to camelCase events when using in-DOM templates. ` +
+                    `You should probably use "${hyphenate(event)}" instead of "${event}".`);
+            }
+        }
+        let cbs = vm._events[event];
+        if (cbs) {
+            cbs = cbs.length > 1 ? toArray(cbs) : cbs;
+            const args = toArray(arguments, 1);
+            const info = `event handler for "${event}"`;
+            for (let i = 0, l = cbs.length; i < l; i++) {
+                invokeWithErrorHandling(cbs[i], vm, args, vm, info);
+            }
+        }
+        return vm;
+    };
+}
+
+let activeEffectScope;
+class EffectScope {
+    constructor(detached = false) {
+        this.detached = detached;
+        /**
+         * @internal
+         */
+        this.active = true;
+        /**
+         * @internal
+         */
+        this.effects = [];
+        /**
+         * @internal
+         */
+        this.cleanups = [];
+        this.parent = activeEffectScope;
+        if (!detached && activeEffectScope) {
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            const currentEffectScope = activeEffectScope;
+            try {
+                activeEffectScope = this;
+                return fn();
+            }
+            finally {
+                activeEffectScope = currentEffectScope;
+            }
+        }
+        else {
+            warn$2(`cannot run an inactive effect scope.`);
+        }
+    }
+    /**
+     * This should only be called on non-detached scopes
+     * @internal
+     */
+    on() {
+        activeEffectScope = this;
+    }
+    /**
+     * This should only be called on non-detached scopes
+     * @internal
+     */
+    off() {
+        activeEffectScope = this.parent;
+    }
+    stop(fromParent) {
+        if (this.active) {
+            let i, l;
+            for (i = 0, l = this.effects.length; i < l; i++) {
+                this.effects[i].teardown();
+            }
+            for (i = 0, l = this.cleanups.length; i < l; i++) {
+                this.cleanups[i]();
+            }
+            if (this.scopes) {
+                for (i = 0, l = this.scopes.length; i < l; i++) {
+                    this.scopes[i].stop(true);
+                }
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (!this.detached && this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.parent = undefined;
+            this.active = false;
+        }
+    }
+}
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+/**
+ * @internal
+ */
+function recordEffectScope(effect, scope = activeEffectScope) {
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else {
+        warn$2(`onScopeDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+let activeInstance = null;
+let isUpdatingChildComponent = false;
+function setActiveInstance(vm) {
+    const prevActiveInstance = activeInstance;
+    activeInstance = vm;
+    return () => {
+        activeInstance = prevActiveInstance;
+    };
+}
+function initLifecycle(vm) {
+    const options = vm.$options;
+    // locate first non-abstract parent
+    let parent = options.parent;
+    if (parent && !options.abstract) {
+        while (parent.$options.abstract && parent.$parent) {
+            parent = parent.$parent;
+        }
+        parent.$children.push(vm);
+    }
+    vm.$parent = parent;
+    vm.$root = parent ? parent.$root : vm;
+    vm.$children = [];
+    vm.$refs = {};
+    vm._provided = parent ? parent._provided : Object.create(null);
+    vm._watcher = null;
+    vm._inactive = null;
+    vm._directInactive = false;
+    vm._isMounted = false;
+    vm._isDestroyed = false;
+    vm._isBeingDestroyed = false;
+}
+function lifecycleMixin(Vue) {
+    Vue.prototype._update = function (vnode, hydrating) {
+        const vm = this;
+        const prevEl = vm.$el;
+        const prevVnode = vm._vnode;
+        const restoreActiveInstance = setActiveInstance(vm);
+        vm._vnode = vnode;
+        // Vue.prototype.__patch__ is injected in entry points
+        // based on the rendering backend used.
+        if (!prevVnode) {
+            // initial render
+            vm.$el = vm.__patch__(vm.$el, vnode, hydrating, false /* removeOnly */);
+        }
+        else {
+            // updates
+            vm.$el = vm.__patch__(prevVnode, vnode);
+        }
+        restoreActiveInstance();
+        // update __vue__ reference
+        if (prevEl) {
+            prevEl.__vue__ = null;
+        }
+        if (vm.$el) {
+            vm.$el.__vue__ = vm;
+        }
+        // if parent is an HOC, update its $el as well
+        let wrapper = vm;
+        while (wrapper &&
+            wrapper.$vnode &&
+            wrapper.$parent &&
+            wrapper.$vnode === wrapper.$parent._vnode) {
+            wrapper.$parent.$el = wrapper.$el;
+            wrapper = wrapper.$parent;
+        }
+        // updated hook is called by the scheduler to ensure that children are
+        // updated in a parent's updated hook.
+    };
+    Vue.prototype.$forceUpdate = function () {
+        const vm = this;
+        if (vm._watcher) {
+            vm._watcher.update();
+        }
+    };
+    Vue.prototype.$destroy = function () {
+        const vm = this;
+        if (vm._isBeingDestroyed) {
+            return;
+        }
+        callHook$1(vm, 'beforeDestroy');
+        vm._isBeingDestroyed = true;
+        // remove self from parent
+        const parent = vm.$parent;
+        if (parent && !parent._isBeingDestroyed && !vm.$options.abstract) {
+            remove$2(parent.$children, vm);
+        }
+        // teardown scope. this includes both the render watcher and other
+        // watchers created
+        vm._scope.stop();
+        // remove reference from data ob
+        // frozen object may not have observer.
+        if (vm._data.__ob__) {
+            vm._data.__ob__.vmCount--;
+        }
+        // call the last hook...
+        vm._isDestroyed = true;
+        // invoke destroy hooks on current rendered tree
+        vm.__patch__(vm._vnode, null);
+        // fire destroyed hook
+        callHook$1(vm, 'destroyed');
+        // turn off all instance listeners.
+        vm.$off();
+        // remove __vue__ reference
+        if (vm.$el) {
+            vm.$el.__vue__ = null;
+        }
+        // release circular reference (#6759)
+        if (vm.$vnode) {
+            vm.$vnode.parent = null;
+        }
+    };
+}
+function mountComponent(vm, el, hydrating) {
+    vm.$el = el;
+    if (!vm.$options.render) {
+        // @ts-expect-error invalid type
+        vm.$options.render = createEmptyVNode;
+        {
+            /* istanbul ignore if */
+            if ((vm.$options.template && vm.$options.template.charAt(0) !== '#') ||
+                vm.$options.el ||
+                el) {
+                warn$2('You are using the runtime-only build of Vue where the template ' +
+                    'compiler is not available. Either pre-compile the templates into ' +
+                    'render functions, or use the compiler-included build.', vm);
+            }
+            else {
+                warn$2('Failed to mount component: template or render function not defined.', vm);
+            }
+        }
+    }
+    callHook$1(vm, 'beforeMount');
+    let updateComponent;
+    /* istanbul ignore if */
+    if (config.performance && mark) {
+        updateComponent = () => {
+            const name = vm._name;
+            const id = vm._uid;
+            const startTag = `vue-perf-start:${id}`;
+            const endTag = `vue-perf-end:${id}`;
+            mark(startTag);
+            const vnode = vm._render();
+            mark(endTag);
+            measure(`vue ${name} render`, startTag, endTag);
+            mark(startTag);
+            vm._update(vnode, hydrating);
+            mark(endTag);
+            measure(`vue ${name} patch`, startTag, endTag);
+        };
+    }
+    else {
+        updateComponent = () => {
+            vm._update(vm._render(), hydrating);
+        };
+    }
+    const watcherOptions = {
+        before() {
+            if (vm._isMounted && !vm._isDestroyed) {
+                callHook$1(vm, 'beforeUpdate');
+            }
+        }
+    };
+    {
+        watcherOptions.onTrack = e => callHook$1(vm, 'renderTracked', [e]);
+        watcherOptions.onTrigger = e => callHook$1(vm, 'renderTriggered', [e]);
+    }
+    // we set this to vm._watcher inside the watcher's constructor
+    // since the watcher's initial patch may call $forceUpdate (e.g. inside child
+    // component's mounted hook), which relies on vm._watcher being already defined
+    new Watcher(vm, updateComponent, noop, watcherOptions, true /* isRenderWatcher */);
+    hydrating = false;
+    // flush buffer for flush: "pre" watchers queued in setup()
+    const preWatchers = vm._preWatchers;
+    if (preWatchers) {
+        for (let i = 0; i < preWatchers.length; i++) {
+            preWatchers[i].run();
+        }
+    }
+    // manually mounted instance, call mounted on self
+    // mounted is called for render-created child components in its inserted hook
+    if (vm.$vnode == null) {
+        vm._isMounted = true;
+        callHook$1(vm, 'mounted');
+    }
+    return vm;
+}
+function updateChildComponent(vm, propsData, listeners, parentVnode, renderChildren) {
+    {
+        isUpdatingChildComponent = true;
+    }
+    // determine whether component has slot children
+    // we need to do this before overwriting $options._renderChildren.
+    // check if there are dynamic scopedSlots (hand-written or compiled but with
+    // dynamic slot names). Static scoped slots compiled from template has the
+    // "$stable" marker.
+    const newScopedSlots = parentVnode.data.scopedSlots;
+    const oldScopedSlots = vm.$scopedSlots;
+    const hasDynamicScopedSlot = !!((newScopedSlots && !newScopedSlots.$stable) ||
+        (oldScopedSlots !== emptyObject && !oldScopedSlots.$stable) ||
+        (newScopedSlots && vm.$scopedSlots.$key !== newScopedSlots.$key) ||
+        (!newScopedSlots && vm.$scopedSlots.$key));
+    // Any static slot children from the parent may have changed during parent's
+    // update. Dynamic scoped slots may also have changed. In such cases, a forced
+    // update is necessary to ensure correctness.
+    let needsForceUpdate = !!(renderChildren || // has new static slots
+        vm.$options._renderChildren || // has old static slots
+        hasDynamicScopedSlot);
+    const prevVNode = vm.$vnode;
+    vm.$options._parentVnode = parentVnode;
+    vm.$vnode = parentVnode; // update vm's placeholder node without re-render
+    if (vm._vnode) {
+        // update child tree's parent
+        vm._vnode.parent = parentVnode;
+    }
+    vm.$options._renderChildren = renderChildren;
+    // update $attrs and $listeners hash
+    // these are also reactive so they may trigger child update if the child
+    // used them during render
+    const attrs = parentVnode.data.attrs || emptyObject;
+    if (vm._attrsProxy) {
+        // force update if attrs are accessed and has changed since it may be
+        // passed to a child component.
+        if (syncSetupProxy(vm._attrsProxy, attrs, (prevVNode.data && prevVNode.data.attrs) || emptyObject, vm, '$attrs')) {
+            needsForceUpdate = true;
+        }
+    }
+    vm.$attrs = attrs;
+    // update listeners
+    listeners = listeners || emptyObject;
+    const prevListeners = vm.$options._parentListeners;
+    if (vm._listenersProxy) {
+        syncSetupProxy(vm._listenersProxy, listeners, prevListeners || emptyObject, vm, '$listeners');
+    }
+    vm.$listeners = vm.$options._parentListeners = listeners;
+    updateComponentListeners(vm, listeners, prevListeners);
+    // update props
+    if (propsData && vm.$options.props) {
+        toggleObserving(false);
+        const props = vm._props;
+        const propKeys = vm.$options._propKeys || [];
+        for (let i = 0; i < propKeys.length; i++) {
+            const key = propKeys[i];
+            const propOptions = vm.$options.props; // wtf flow?
+            props[key] = validateProp(key, propOptions, propsData, vm);
+        }
+        toggleObserving(true);
+        // keep a copy of raw propsData
+        vm.$options.propsData = propsData;
+    }
+    // resolve slots + force update if has children
+    if (needsForceUpdate) {
+        vm.$slots = resolveSlots(renderChildren, parentVnode.context);
+        vm.$forceUpdate();
+    }
+    {
+        isUpdatingChildComponent = false;
+    }
+}
+function isInInactiveTree(vm) {
+    while (vm && (vm = vm.$parent)) {
+        if (vm._inactive)
+            return true;
+    }
+    return false;
+}
+function activateChildComponent(vm, direct) {
+    if (direct) {
+        vm._directInactive = false;
+        if (isInInactiveTree(vm)) {
+            return;
+        }
+    }
+    else if (vm._directInactive) {
+        return;
+    }
+    if (vm._inactive || vm._inactive === null) {
+        vm._inactive = false;
+        for (let i = 0; i < vm.$children.length; i++) {
+            activateChildComponent(vm.$children[i]);
+        }
+        callHook$1(vm, 'activated');
+    }
+}
+function deactivateChildComponent(vm, direct) {
+    if (direct) {
+        vm._directInactive = true;
+        if (isInInactiveTree(vm)) {
+            return;
+        }
+    }
+    if (!vm._inactive) {
+        vm._inactive = true;
+        for (let i = 0; i < vm.$children.length; i++) {
+            deactivateChildComponent(vm.$children[i]);
+        }
+        callHook$1(vm, 'deactivated');
+    }
+}
+function callHook$1(vm, hook, args, setContext = true) {
+    // #7573 disable dep collection when invoking lifecycle hooks
+    pushTarget();
+    const prevInst = currentInstance;
+    const prevScope = getCurrentScope();
+    setContext && setCurrentInstance(vm);
+    const handlers = vm.$options[hook];
+    const info = `${hook} hook`;
+    if (handlers) {
+        for (let i = 0, j = handlers.length; i < j; i++) {
+            invokeWithErrorHandling(handlers[i], vm, args || null, vm, info);
+        }
+    }
+    if (vm._hasHookEvent) {
+        vm.$emit('hook:' + hook);
+    }
+    if (setContext) {
+        setCurrentInstance(prevInst);
+        prevScope && prevScope.on();
+    }
+    popTarget();
+}
+
+const MAX_UPDATE_COUNT = 100;
+const queue = [];
+const activatedChildren = [];
+let has = {};
+let circular = {};
+let waiting = false;
+let flushing = false;
+let index$1 = 0;
+/**
+ * Reset the scheduler's state.
+ */
+function resetSchedulerState() {
+    index$1 = queue.length = activatedChildren.length = 0;
+    has = {};
+    {
+        circular = {};
+    }
+    waiting = flushing = false;
+}
+// Async edge case #6566 requires saving the timestamp when event listeners are
+// attached. However, calling performance.now() has a perf overhead especially
+// if the page has thousands of event listeners. Instead, we take a timestamp
+// every time the scheduler flushes and use that for all event listeners
+// attached during that flush.
+let currentFlushTimestamp = 0;
+// Async edge case fix requires storing an event listener's attach timestamp.
+let getNow = Date.now;
+// Determine what event timestamp the browser is using. Annoyingly, the
+// timestamp can either be hi-res (relative to page load) or low-res
+// (relative to UNIX epoch), so in order to compare time we have to use the
+// same timestamp type when saving the flush timestamp.
+// All IE versions use low-res event timestamps, and have problematic clock
+// implementations (#9632)
+if (inBrowser && !isIE) {
+    const performance = window.performance;
+    if (performance &&
+        typeof performance.now === 'function' &&
+        getNow() > document.createEvent('Event').timeStamp) {
+        // if the event timestamp, although evaluated AFTER the Date.now(), is
+        // smaller than it, it means the event is using a hi-res timestamp,
+        // and we need to use the hi-res version for event listener timestamps as
+        // well.
+        getNow = () => performance.now();
+    }
+}
+const sortCompareFn = (a, b) => {
+    if (a.post) {
+        if (!b.post)
+            return 1;
+    }
+    else if (b.post) {
+        return -1;
+    }
+    return a.id - b.id;
+};
+/**
+ * Flush both queues and run the watchers.
+ */
+function flushSchedulerQueue() {
+    currentFlushTimestamp = getNow();
+    flushing = true;
+    let watcher, id;
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child)
+    // 2. A component's user watchers are run before its render watcher (because
+    //    user watchers are created before the render watcher)
+    // 3. If a component is destroyed during a parent component's watcher run,
+    //    its watchers can be skipped.
+    queue.sort(sortCompareFn);
+    // do not cache length because more watchers might be pushed
+    // as we run existing watchers
+    for (index$1 = 0; index$1 < queue.length; index$1++) {
+        watcher = queue[index$1];
+        if (watcher.before) {
+            watcher.before();
+        }
+        id = watcher.id;
+        has[id] = null;
+        watcher.run();
+        // in dev build, check and stop circular updates.
+        if (has[id] != null) {
+            circular[id] = (circular[id] || 0) + 1;
+            if (circular[id] > MAX_UPDATE_COUNT) {
+                warn$2('You may have an infinite update loop ' +
+                    (watcher.user
+                        ? `in watcher with expression "${watcher.expression}"`
+                        : `in a component render function.`), watcher.vm);
+                break;
+            }
+        }
+    }
+    // keep copies of post queues before resetting state
+    const activatedQueue = activatedChildren.slice();
+    const updatedQueue = queue.slice();
+    resetSchedulerState();
+    // call component updated and activated hooks
+    callActivatedHooks(activatedQueue);
+    callUpdatedHooks(updatedQueue);
+    cleanupDeps();
+    // devtool hook
+    /* istanbul ignore if */
+    if (devtools && config.devtools) {
+        devtools.emit('flush');
+    }
+}
+function callUpdatedHooks(queue) {
+    let i = queue.length;
+    while (i--) {
+        const watcher = queue[i];
+        const vm = watcher.vm;
+        if (vm && vm._watcher === watcher && vm._isMounted && !vm._isDestroyed) {
+            callHook$1(vm, 'updated');
+        }
+    }
+}
+/**
+ * Queue a kept-alive component that was activated during patch.
+ * The queue will be processed after the entire tree has been patched.
+ */
+function queueActivatedComponent(vm) {
+    // setting _inactive to false here so that a render function can
+    // rely on checking whether it's in an inactive tree (e.g. router-view)
+    vm._inactive = false;
+    activatedChildren.push(vm);
+}
+function callActivatedHooks(queue) {
+    for (let i = 0; i < queue.length; i++) {
+        queue[i]._inactive = true;
+        activateChildComponent(queue[i], true /* true */);
+    }
+}
+/**
+ * Push a watcher into the watcher queue.
+ * Jobs with duplicate IDs will be skipped unless it's
+ * pushed when the queue is being flushed.
+ */
+function queueWatcher(watcher) {
+    const id = watcher.id;
+    if (has[id] != null) {
+        return;
+    }
+    if (watcher === Dep.target && watcher.noRecurse) {
+        return;
+    }
+    has[id] = true;
+    if (!flushing) {
+        queue.push(watcher);
+    }
+    else {
+        // if already flushing, splice the watcher based on its id
+        // if already past its id, it will be run next immediately.
+        let i = queue.length - 1;
+        while (i > index$1 && queue[i].id > watcher.id) {
+            i--;
+        }
+        queue.splice(i + 1, 0, watcher);
+    }
+    // queue the flush
+    if (!waiting) {
+        waiting = true;
+        if (!config.async) {
+            flushSchedulerQueue();
+            return;
+        }
+        nextTick(flushSchedulerQueue);
+    }
+}
+
+const WATCHER = `watcher`;
+const WATCHER_CB = `${WATCHER} callback`;
+const WATCHER_GETTER = `${WATCHER} getter`;
+const WATCHER_CLEANUP = `${WATCHER} cleanup`;
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
+}
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'post' }) ));
+}
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'sync' }) ));
+}
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if (typeof cb !== 'function') {
+        warn$2(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
+}
+function doWatch(source, cb, { immediate, deep, flush = 'pre', onTrack, onTrigger } = emptyObject) {
+    if (!cb) {
+        if (immediate !== undefined) {
+            warn$2(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
+        }
+        if (deep !== undefined) {
+            warn$2(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
+        }
+    }
+    const warnInvalidSource = (s) => {
+        warn$2(`Invalid watch source: ${s}. A watch source can only be a getter/effect ` +
+            `function, a ref, a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    const call = (fn, type, args = null) => {
+        const res = invokeWithErrorHandling(fn, null, args, instance, type);
+        if (deep && res && res.__ob__)
+            res.__ob__.dep.depend();
+        return res;
+    };
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = isShallow(source);
+    }
+    else if (isReactive(source)) {
+        getter = () => {
+            source.__ob__.dep.depend();
+            return source;
+        };
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(s => isReactive(s) || isShallow(s));
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                s.__ob__.dep.depend();
+                return traverse(s);
+            }
+            else if (isFunction(s)) {
+                return call(s, WATCHER_GETTER);
+            }
+            else {
+                warnInvalidSource(s);
+            }
+        });
+    }
+    else if (isFunction(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => call(source, WATCHER_GETTER);
+        }
+        else {
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance._isDestroyed) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return call(source, WATCHER, [onCleanup]);
+            };
+        }
+    }
+    else {
+        getter = noop;
+        warnInvalidSource(source);
+    }
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
+    }
+    let cleanup;
+    let onCleanup = (fn) => {
+        cleanup = watcher.onStop = () => {
+            call(fn, WATCHER_CLEANUP);
+        };
+    };
+    // in SSR there is no need to setup an actual effect, and it should be noop
+    // unless it's eager
+    if (isServerRendering()) {
+        // we will also not call the invalidate callback (+ runner is not set up)
+        onCleanup = noop;
+        if (!cb) {
+            getter();
+        }
+        else if (immediate) {
+            call(cb, WATCHER_CB, [
+                getter(),
+                isMultiSource ? [] : undefined,
+                onCleanup
+            ]);
+        }
+        return noop;
+    }
+    const watcher = new Watcher(currentInstance, getter, noop, {
+        lazy: true
+    });
+    watcher.noRecurse = !cb;
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    // overwrite default run
+    watcher.run = () => {
+        if (!watcher.active) {
+            return;
+        }
+        if (cb) {
+            // watch(source, cb)
+            const newValue = watcher.get();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                    : hasChanged(newValue, oldValue))) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
+                }
+                call(cb, WATCHER_CB, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onCleanup
+                ]);
+                oldValue = newValue;
+            }
+        }
+        else {
+            // watchEffect
+            watcher.get();
+        }
+    };
+    if (flush === 'sync') {
+        watcher.update = watcher.run;
+    }
+    else if (flush === 'post') {
+        watcher.post = true;
+        watcher.update = () => queueWatcher(watcher);
+    }
+    else {
+        // pre
+        watcher.update = () => {
+            if (instance && instance === currentInstance && !instance._isMounted) {
+                // pre-watcher triggered before
+                const buffer = instance._preWatchers || (instance._preWatchers = []);
+                if (buffer.indexOf(watcher) < 0)
+                    buffer.push(watcher);
+            }
+            else {
+                queueWatcher(watcher);
+            }
+        };
+    }
+    {
+        watcher.onTrack = onTrack;
+        watcher.onTrigger = onTrigger;
+    }
+    // initial run
+    if (cb) {
+        if (immediate) {
+            watcher.run();
+        }
+        else {
+            oldValue = watcher.get();
+        }
+    }
+    else if (flush === 'post' && instance) {
+        instance.$once('hook:mounted', () => watcher.get());
+    }
+    else {
+        watcher.get();
+    }
+    return () => {
+        watcher.teardown();
+    };
+}
+
+function provide(key, value) {
+    if (!currentInstance) {
+        {
+            warn$2(`provide() can only be used inside setup().`);
+        }
+    }
+    else {
+        // TS doesn't allow symbol as index type
+        resolveProvided(currentInstance)[key] = value;
+    }
+}
+function resolveProvided(vm) {
+    // by default an instance inherits its parent's provides object
+    // but when it needs to provide values of its own, it creates its
+    // own provides object using parent provides object as prototype.
+    // this way in `inject` we can simply look up injections from direct
+    // parent and let the prototype chain do the work.
+    const existing = vm._provided;
+    const parentProvides = vm.$parent && vm.$parent._provided;
+    if (parentProvides === existing) {
+        return (vm._provided = Object.create(parentProvides));
+    }
+    else {
+        return existing;
+    }
+}
+function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    const instance = currentInstance;
+    if (instance) {
+        // #2400
+        // to support `app.use` plugins,
+        // fallback to appContext's `provides` if the instance is at root
+        const provides = instance.$parent && instance.$parent._provided;
+        if (provides && key in provides) {
+            // TS doesn't allow symbol as index type
+            return provides[key];
+        }
+        else if (arguments.length > 1) {
+            return treatDefaultAsFactory && isFunction(defaultValue)
+                ? defaultValue.call(instance)
+                : defaultValue;
+        }
+        else {
+            warn$2(`injection "${String(key)}" not found.`);
+        }
+    }
+    else {
+        warn$2(`inject() can only be used inside setup() or functional components.`);
+    }
+}
+
+/**
+ * @internal this function needs manual public type declaration because it relies
+ * on previously manually authored types from Vue 2
+ */
+function h(type, props, children) {
+    if (!currentInstance) {
+        warn$2(`globally imported h() can only be invoked when there is an active ` +
+                `component instance, e.g. synchronously in a component's render or setup function.`);
+    }
+    return createElement$1(currentInstance, type, props, children, 2, true);
+}
+
+function handleError(err, vm, info) {
+    // Deactivate deps tracking while processing error handler to avoid possible infinite rendering.
+    // See: https://github.com/vuejs/vuex/issues/1505
+    pushTarget();
+    try {
+        if (vm) {
+            let cur = vm;
+            while ((cur = cur.$parent)) {
+                const hooks = cur.$options.errorCaptured;
+                if (hooks) {
+                    for (let i = 0; i < hooks.length; i++) {
+                        try {
+                            const capture = hooks[i].call(cur, err, vm, info) === false;
+                            if (capture)
+                                return;
+                        }
+                        catch (e) {
+                            globalHandleError(e, cur, 'errorCaptured hook');
+                        }
+                    }
+                }
+            }
+        }
+        globalHandleError(err, vm, info);
+    }
+    finally {
+        popTarget();
+    }
+}
+function invokeWithErrorHandling(handler, context, args, vm, info) {
+    let res;
+    try {
+        res = args ? handler.apply(context, args) : handler.call(context);
+        if (res && !res._isVue && isPromise(res) && !res._handled) {
+            res.catch(e => handleError(e, vm, info + ` (Promise/async)`));
+            res._handled = true;
+        }
+    }
+    catch (e) {
+        handleError(e, vm, info);
+    }
+    return res;
+}
+function globalHandleError(err, vm, info) {
+    if (config.errorHandler) {
+        try {
+            return config.errorHandler.call(null, err, vm, info);
+        }
+        catch (e) {
+            // if the user intentionally throws the original error in the handler,
+            // do not log it twice
+            if (e !== err) {
+                logError(e, null, 'config.errorHandler');
+            }
+        }
+    }
+    logError(err, vm, info);
+}
+function logError(err, vm, info) {
+    {
+        warn$2(`Error in ${info}: "${err.toString()}"`, vm);
+    }
+    /* istanbul ignore else */
+    if (inBrowser && typeof console !== 'undefined') {
+        console.error(err);
+    }
+    else {
+        throw err;
+    }
+}
+
+/* globals MutationObserver */
+let isUsingMicroTask = false;
+const callbacks = [];
+let pending = false;
+function flushCallbacks() {
+    pending = false;
+    const copies = callbacks.slice(0);
+    callbacks.length = 0;
+    for (let i = 0; i < copies.length; i++) {
+        copies[i]();
+    }
+}
+// Here we have async deferring wrappers using microtasks.
+// In 2.5 we used (macro) tasks (in combination with microtasks).
+// However, it has subtle problems when state is changed right before repaint
+// (e.g. #6813, out-in transitions).
+// Also, using (macro) tasks in event handler would cause some weird behaviors
+// that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109).
+// So we now use microtasks everywhere, again.
+// A major drawback of this tradeoff is that there are some scenarios
+// where microtasks have too high a priority and fire in between supposedly
+// sequential events (e.g. #4521, #6690, which have workarounds)
+// or even between bubbling of the same event (#6566).
+let timerFunc;
+// The nextTick behavior leverages the microtask queue, which can be accessed
+// via either native Promise.then or MutationObserver.
+// MutationObserver has wider support, however it is seriously bugged in
+// UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It
+// completely stops working after triggering a few times... so, if native
+// Promise is available, we will use it:
+/* istanbul ignore next, $flow-disable-line */
+if (typeof Promise !== 'undefined' && isNative(Promise)) {
+    const p = Promise.resolve();
+    timerFunc = () => {
+        p.then(flushCallbacks);
+        // In problematic UIWebViews, Promise.then doesn't completely break, but
+        // it can get stuck in a weird state where callbacks are pushed into the
+        // microtask queue but the queue isn't being flushed, until the browser
+        // needs to do some other work, e.g. handle a timer. Therefore we can
+        // "force" the microtask queue to be flushed by adding an empty timer.
+        if (isIOS)
+            setTimeout(noop);
+    };
+    isUsingMicroTask = true;
+}
+else if (!isIE &&
+    typeof MutationObserver !== 'undefined' &&
+    (isNative(MutationObserver) ||
+        // PhantomJS and iOS 7.x
+        MutationObserver.toString() === '[object MutationObserverConstructor]')) {
+    // Use MutationObserver where native Promise is not available,
+    // e.g. PhantomJS, iOS7, Android 4.4
+    // (#6466 MutationObserver is unreliable in IE11)
+    let counter = 1;
+    const observer = new MutationObserver(flushCallbacks);
+    const textNode = document.createTextNode(String(counter));
+    observer.observe(textNode, {
+        characterData: true
+    });
+    timerFunc = () => {
+        counter = (counter + 1) % 2;
+        textNode.data = String(counter);
+    };
+    isUsingMicroTask = true;
+}
+else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
+    // Fallback to setImmediate.
+    // Technically it leverages the (macro) task queue,
+    // but it is still a better choice than setTimeout.
+    timerFunc = () => {
+        setImmediate(flushCallbacks);
+    };
+}
+else {
+    // Fallback to setTimeout.
+    timerFunc = () => {
+        setTimeout(flushCallbacks, 0);
+    };
+}
+/**
+ * @internal
+ */
+function nextTick(cb, ctx) {
+    let _resolve;
+    callbacks.push(() => {
+        if (cb) {
+            try {
+                cb.call(ctx);
+            }
+            catch (e) {
+                handleError(e, ctx, 'nextTick');
+            }
+        }
+        else if (_resolve) {
+            _resolve(ctx);
+        }
+    });
+    if (!pending) {
+        pending = true;
+        timerFunc();
+    }
+    // $flow-disable-line
+    if (!cb && typeof Promise !== 'undefined') {
+        return new Promise(resolve => {
+            _resolve = resolve;
+        });
+    }
+}
+
+function useCssModule(name = '$style') {
+    /* istanbul ignore else */
+    {
+        {
+            warn$2(`useCssModule() is not supported in the global build.`);
+        }
+        return emptyObject;
+    }
+}
+
+/**
+ * Runtime helper for SFC's CSS variable injection feature.
+ * @private
+ */
+function useCssVars(getter) {
+    if (!inBrowser && !false)
+        return;
+    const instance = currentInstance;
+    if (!instance) {
+        warn$2(`useCssVars is called without current active component instance.`);
+        return;
+    }
+    watchPostEffect(() => {
+        const el = instance.$el;
+        const vars = getter(instance, instance._setupProxy);
+        if (el && el.nodeType === 1) {
+            const style = el.style;
+            for (const key in vars) {
+                style.setProperty(`--${key}`, vars[key]);
+            }
+        }
+    });
+}
+
+/**
+ * v3-compatible async component API.
+ * @internal the type is manually declared in <root>/types/v3-define-async-component.d.ts
+ * because it relies on existing manual types
+ */
+function defineAsyncComponent(source) {
+    if (isFunction(source)) {
+        source = { loader: source };
+    }
+    const { loader, loadingComponent, errorComponent, delay = 200, timeout, // undefined = never times out
+    suspensible = false, // in Vue 3 default is true
+    onError: userOnError } = source;
+    if (suspensible) {
+        warn$2(`The suspensible option for async components is not supported in Vue2. It is ignored.`);
+    }
+    let pendingRequest = null;
+    let retries = 0;
+    const retry = () => {
+        retries++;
+        pendingRequest = null;
+        return load();
+    };
+    const load = () => {
+        let thisRequest;
+        return (pendingRequest ||
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if (!comp) {
+                        warn$2(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if (comp && !isObject(comp) && !isFunction(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    return comp;
+                })));
+    };
+    return () => {
+        const component = load();
+        return {
+            component,
+            delay,
+            timeout,
+            error: errorComponent,
+            loading: loadingComponent
+        };
+    };
+}
+
+function createLifeCycle(hookName) {
+    return (fn, target = currentInstance) => {
+        if (!target) {
+            warn$2(`${formatName(hookName)} is called when there is no active component instance to be ` +
+                    `associated with. ` +
+                    `Lifecycle injection APIs can only be used during execution of setup().`);
+            return;
+        }
+        return injectHook(target, hookName, fn);
+    };
+}
+function formatName(name) {
+    if (name === 'beforeDestroy') {
+        name = 'beforeUnmount';
+    }
+    else if (name === 'destroyed') {
+        name = 'unmounted';
+    }
+    return `on${name[0].toUpperCase() + name.slice(1)}`;
+}
+function injectHook(instance, hookName, fn) {
+    const options = instance.$options;
+    options[hookName] = mergeLifecycleHook(options[hookName], fn);
+}
+const onBeforeMount = createLifeCycle('beforeMount');
+const onMounted = createLifeCycle('mounted');
+const onBeforeUpdate = createLifeCycle('beforeUpdate');
+const onUpdated = createLifeCycle('updated');
+const onBeforeUnmount = createLifeCycle('beforeDestroy');
+const onUnmounted = createLifeCycle('destroyed');
+const onActivated = createLifeCycle('activated');
+const onDeactivated = createLifeCycle('deactivated');
+const onServerPrefetch = createLifeCycle('serverPrefetch');
+const onRenderTracked = createLifeCycle('renderTracked');
+const onRenderTriggered = createLifeCycle('renderTriggered');
+const injectErrorCapturedHook = createLifeCycle('errorCaptured');
+function onErrorCaptured(hook, target = currentInstance) {
+    injectErrorCapturedHook(hook, target);
+}
+
+/**
+ * Note: also update dist/vue.runtime.mjs when adding new exports to this file.
+ */
+const version = '2.7.16';
+/**
+ * @internal type is manually declared in <root>/types/v3-define-component.d.ts
+ */
+function defineComponent(options) {
+    return options;
+}
+
+const seenObjects = new _Set();
+/**
+ * Recursively traverse an object to evoke all converted
+ * getters, so that every nested property inside the object
+ * is collected as a "deep" dependency.
+ */
+function traverse(val) {
+    _traverse(val, seenObjects);
+    seenObjects.clear();
+    return val;
+}
+function _traverse(val, seen) {
+    let i, keys;
+    const isA = isArray(val);
+    if ((!isA && !isObject(val)) ||
+        val.__v_skip /* ReactiveFlags.SKIP */ ||
+        Object.isFrozen(val) ||
+        val instanceof VNode) {
+        return;
+    }
+    if (val.__ob__) {
+        const depId = val.__ob__.dep.id;
+        if (seen.has(depId)) {
+            return;
+        }
+        seen.add(depId);
+    }
+    if (isA) {
+        i = val.length;
+        while (i--)
+            _traverse(val[i], seen);
+    }
+    else if (isRef(val)) {
+        _traverse(val.value, seen);
+    }
+    else {
+        keys = Object.keys(val);
+        i = keys.length;
+        while (i--)
+            _traverse(val[keys[i]], seen);
+    }
+}
+
+let uid$1 = 0;
+/**
+ * A watcher parses an expression, collects dependencies,
+ * and fires callback when the expression value changes.
+ * This is used for both the $watch() api and directives.
+ * @internal
+ */
+class Watcher {
+    constructor(vm, expOrFn, cb, options, isRenderWatcher) {
+        recordEffectScope(this, 
+        // if the active effect scope is manually created (not a component scope),
+        // prioritize it
+        activeEffectScope && !activeEffectScope._vm
+            ? activeEffectScope
+            : vm
+                ? vm._scope
+                : undefined);
+        if ((this.vm = vm) && isRenderWatcher) {
+            vm._watcher = this;
+        }
+        // options
+        if (options) {
+            this.deep = !!options.deep;
+            this.user = !!options.user;
+            this.lazy = !!options.lazy;
+            this.sync = !!options.sync;
+            this.before = options.before;
+            {
+                this.onTrack = options.onTrack;
+                this.onTrigger = options.onTrigger;
+            }
+        }
+        else {
+            this.deep = this.user = this.lazy = this.sync = false;
+        }
+        this.cb = cb;
+        this.id = ++uid$1; // uid for batching
+        this.active = true;
+        this.post = false;
+        this.dirty = this.lazy; // for lazy watchers
+        this.deps = [];
+        this.newDeps = [];
+        this.depIds = new _Set();
+        this.newDepIds = new _Set();
+        this.expression = expOrFn.toString() ;
+        // parse expression for getter
+        if (isFunction(expOrFn)) {
+            this.getter = expOrFn;
+        }
+        else {
+            this.getter = parsePath(expOrFn);
+            if (!this.getter) {
+                this.getter = noop;
+                warn$2(`Failed watching path: "${expOrFn}" ` +
+                        'Watcher only accepts simple dot-delimited paths. ' +
+                        'For full control, use a function instead.', vm);
+            }
+        }
+        this.value = this.lazy ? undefined : this.get();
+    }
+    /**
+     * Evaluate the getter, and re-collect dependencies.
+     */
+    get() {
+        pushTarget(this);
+        let value;
+        const vm = this.vm;
+        try {
+            value = this.getter.call(vm, vm);
+        }
+        catch (e) {
+            if (this.user) {
+                handleError(e, vm, `getter for watcher "${this.expression}"`);
+            }
+            else {
+                throw e;
+            }
+        }
+        finally {
+            // "touch" every property so they are all tracked as
+            // dependencies for deep watching
+            if (this.deep) {
+                traverse(value);
+            }
+            popTarget();
+            this.cleanupDeps();
+        }
+        return value;
+    }
+    /**
+     * Add a dependency to this directive.
+     */
+    addDep(dep) {
+        const id = dep.id;
+        if (!this.newDepIds.has(id)) {
+            this.newDepIds.add(id);
+            this.newDeps.push(dep);
+            if (!this.depIds.has(id)) {
+                dep.addSub(this);
+            }
+        }
+    }
+    /**
+     * Clean up for dependency collection.
+     */
+    cleanupDeps() {
+        let i = this.deps.length;
+        while (i--) {
+            const dep = this.deps[i];
+            if (!this.newDepIds.has(dep.id)) {
+                dep.removeSub(this);
+            }
+        }
+        let tmp = this.depIds;
+        this.depIds = this.newDepIds;
+        this.newDepIds = tmp;
+        this.newDepIds.clear();
+        tmp = this.deps;
+        this.deps = this.newDeps;
+        this.newDeps = tmp;
+        this.newDeps.length = 0;
+    }
+    /**
+     * Subscriber interface.
+     * Will be called when a dependency changes.
+     */
+    update() {
+        /* istanbul ignore else */
+        if (this.lazy) {
+            this.dirty = true;
+        }
+        else if (this.sync) {
+            this.run();
+        }
+        else {
+            queueWatcher(this);
+        }
+    }
+    /**
+     * Scheduler job interface.
+     * Will be called by the scheduler.
+     */
+    run() {
+        if (this.active) {
+            const value = this.get();
+            if (value !== this.value ||
+                // Deep watchers and watchers on Object/Arrays should fire even
+                // when the value is the same, because the value may
+                // have mutated.
+                isObject(value) ||
+                this.deep) {
+                // set new value
+                const oldValue = this.value;
+                this.value = value;
+                if (this.user) {
+                    const info = `callback for watcher "${this.expression}"`;
+                    invokeWithErrorHandling(this.cb, this.vm, [value, oldValue], this.vm, info);
+                }
+                else {
+                    this.cb.call(this.vm, value, oldValue);
+                }
+            }
+        }
+    }
+    /**
+     * Evaluate the value of the watcher.
+     * This only gets called for lazy watchers.
+     */
+    evaluate() {
+        this.value = this.get();
+        this.dirty = false;
+    }
+    /**
+     * Depend on all deps collected by this watcher.
+     */
+    depend() {
+        let i = this.deps.length;
+        while (i--) {
+            this.deps[i].depend();
+        }
+    }
+    /**
+     * Remove self from all dependencies' subscriber list.
+     */
+    teardown() {
+        if (this.vm && !this.vm._isBeingDestroyed) {
+            remove$2(this.vm._scope.effects, this);
+        }
+        if (this.active) {
+            let i = this.deps.length;
+            while (i--) {
+                this.deps[i].removeSub(this);
+            }
+            this.active = false;
+            if (this.onStop) {
+                this.onStop();
+            }
+        }
+    }
+}
+
+const sharedPropertyDefinition = {
+    enumerable: true,
+    configurable: true,
+    get: noop,
+    set: noop
+};
+function proxy(target, sourceKey, key) {
+    sharedPropertyDefinition.get = function proxyGetter() {
+        return this[sourceKey][key];
+    };
+    sharedPropertyDefinition.set = function proxySetter(val) {
+        this[sourceKey][key] = val;
+    };
+    Object.defineProperty(target, key, sharedPropertyDefinition);
+}
+function initState(vm) {
+    const opts = vm.$options;
+    if (opts.props)
+        initProps$1(vm, opts.props);
+    // Composition API
+    initSetup(vm);
+    if (opts.methods)
+        initMethods(vm, opts.methods);
+    if (opts.data) {
+        initData(vm);
+    }
+    else {
+        const ob = observe((vm._data = {}));
+        ob && ob.vmCount++;
+    }
+    if (opts.computed)
+        initComputed$1(vm, opts.computed);
+    if (opts.watch && opts.watch !== nativeWatch) {
+        initWatch(vm, opts.watch);
+    }
+}
+function initProps$1(vm, propsOptions) {
+    const propsData = vm.$options.propsData || {};
+    const props = (vm._props = shallowReactive({}));
+    // cache prop keys so that future props updates can iterate using Array
+    // instead of dynamic object key enumeration.
+    const keys = (vm.$options._propKeys = []);
+    const isRoot = !vm.$parent;
+    // root instance props should be converted
+    if (!isRoot) {
+        toggleObserving(false);
+    }
+    for (const key in propsOptions) {
+        keys.push(key);
+        const value = validateProp(key, propsOptions, propsData, vm);
+        /* istanbul ignore else */
+        {
+            const hyphenatedKey = hyphenate(key);
+            if (isReservedAttribute(hyphenatedKey) ||
+                config.isReservedAttr(hyphenatedKey)) {
+                warn$2(`"${hyphenatedKey}" is a reserved attribute and cannot be used as component prop.`, vm);
+            }
+            defineReactive(props, key, value, () => {
+                if (!isRoot && !isUpdatingChildComponent) {
+                    warn$2(`Avoid mutating a prop directly since the value will be ` +
+                        `overwritten whenever the parent component re-renders. ` +
+                        `Instead, use a data or computed property based on the prop's ` +
+                        `value. Prop being mutated: "${key}"`, vm);
+                }
+            }, true /* shallow */);
+        }
+        // static props are already proxied on the component's prototype
+        // during Vue.extend(). We only need to proxy props defined at
+        // instantiation here.
+        if (!(key in vm)) {
+            proxy(vm, `_props`, key);
+        }
+    }
+    toggleObserving(true);
+}
+function initData(vm) {
+    let data = vm.$options.data;
+    data = vm._data = isFunction(data) ? getData(data, vm) : data || {};
+    if (!isPlainObject(data)) {
+        data = {};
+        warn$2('data functions should return an object:\n' +
+                'https://v2.vuejs.org/v2/guide/components.html#data-Must-Be-a-Function', vm);
+    }
+    // proxy data on instance
+    const keys = Object.keys(data);
+    const props = vm.$options.props;
+    const methods = vm.$options.methods;
+    let i = keys.length;
+    while (i--) {
+        const key = keys[i];
+        {
+            if (methods && hasOwn(methods, key)) {
+                warn$2(`Method "${key}" has already been defined as a data property.`, vm);
+            }
+        }
+        if (props && hasOwn(props, key)) {
+            warn$2(`The data property "${key}" is already declared as a prop. ` +
+                    `Use prop default value instead.`, vm);
+        }
+        else if (!isReserved(key)) {
+            proxy(vm, `_data`, key);
+        }
+    }
+    // observe data
+    const ob = observe(data);
+    ob && ob.vmCount++;
+}
+function getData(data, vm) {
+    // #7573 disable dep collection when invoking data getters
+    pushTarget();
+    try {
+        return data.call(vm, vm);
+    }
+    catch (e) {
+        handleError(e, vm, `data()`);
+        return {};
+    }
+    finally {
+        popTarget();
+    }
+}
+const computedWatcherOptions = { lazy: true };
+function initComputed$1(vm, computed) {
+    // $flow-disable-line
+    const watchers = (vm._computedWatchers = Object.create(null));
+    // computed properties are just getters during SSR
+    const isSSR = isServerRendering();
+    for (const key in computed) {
+        const userDef = computed[key];
+        const getter = isFunction(userDef) ? userDef : userDef.get;
+        if (getter == null) {
+            warn$2(`Getter is missing for computed property "${key}".`, vm);
+        }
+        if (!isSSR) {
+            // create internal watcher for the computed property.
+            watchers[key] = new Watcher(vm, getter || noop, noop, computedWatcherOptions);
+        }
+        // component-defined computed properties are already defined on the
+        // component prototype. We only need to define computed properties defined
+        // at instantiation here.
+        if (!(key in vm)) {
+            defineComputed(vm, key, userDef);
+        }
+        else {
+            if (key in vm.$data) {
+                warn$2(`The computed property "${key}" is already defined in data.`, vm);
+            }
+            else if (vm.$options.props && key in vm.$options.props) {
+                warn$2(`The computed property "${key}" is already defined as a prop.`, vm);
+            }
+            else if (vm.$options.methods && key in vm.$options.methods) {
+                warn$2(`The computed property "${key}" is already defined as a method.`, vm);
+            }
+        }
+    }
+}
+function defineComputed(target, key, userDef) {
+    const shouldCache = !isServerRendering();
+    if (isFunction(userDef)) {
+        sharedPropertyDefinition.get = shouldCache
+            ? createComputedGetter(key)
+            : createGetterInvoker(userDef);
+        sharedPropertyDefinition.set = noop;
+    }
+    else {
+        sharedPropertyDefinition.get = userDef.get
+            ? shouldCache && userDef.cache !== false
+                ? createComputedGetter(key)
+                : createGetterInvoker(userDef.get)
+            : noop;
+        sharedPropertyDefinition.set = userDef.set || noop;
+    }
+    if (sharedPropertyDefinition.set === noop) {
+        sharedPropertyDefinition.set = function () {
+            warn$2(`Computed property "${key}" was assigned to but it has no setter.`, this);
+        };
+    }
+    Object.defineProperty(target, key, sharedPropertyDefinition);
+}
+function createComputedGetter(key) {
+    return function computedGetter() {
+        const watcher = this._computedWatchers && this._computedWatchers[key];
+        if (watcher) {
+            if (watcher.dirty) {
+                watcher.evaluate();
+            }
+            if (Dep.target) {
+                if (Dep.target.onTrack) {
+                    Dep.target.onTrack({
+                        effect: Dep.target,
+                        target: this,
+                        type: "get" /* TrackOpTypes.GET */,
+                        key
+                    });
+                }
+                watcher.depend();
+            }
+            return watcher.value;
+        }
+    };
+}
+function createGetterInvoker(fn) {
+    return function computedGetter() {
+        return fn.call(this, this);
+    };
+}
+function initMethods(vm, methods) {
+    const props = vm.$options.props;
+    for (const key in methods) {
+        {
+            if (typeof methods[key] !== 'function') {
+                warn$2(`Method "${key}" has type "${typeof methods[key]}" in the component definition. ` +
+                    `Did you reference the function correctly?`, vm);
+            }
+            if (props && hasOwn(props, key)) {
+                warn$2(`Method "${key}" has already been defined as a prop.`, vm);
+            }
+            if (key in vm && isReserved(key)) {
+                warn$2(`Method "${key}" conflicts with an existing Vue instance method. ` +
+                    `Avoid defining component methods that start with _ or $.`);
+            }
+        }
+        vm[key] = typeof methods[key] !== 'function' ? noop : bind$1(methods[key], vm);
+    }
+}
+function initWatch(vm, watch) {
+    for (const key in watch) {
+        const handler = watch[key];
+        if (isArray(handler)) {
+            for (let i = 0; i < handler.length; i++) {
+                createWatcher(vm, key, handler[i]);
+            }
+        }
+        else {
+            createWatcher(vm, key, handler);
+        }
+    }
+}
+function createWatcher(vm, expOrFn, handler, options) {
+    if (isPlainObject(handler)) {
+        options = handler;
+        handler = handler.handler;
+    }
+    if (typeof handler === 'string') {
+        handler = vm[handler];
+    }
+    return vm.$watch(expOrFn, handler, options);
+}
+function stateMixin(Vue) {
+    // flow somehow has problems with directly declared definition object
+    // when using Object.defineProperty, so we have to procedurally build up
+    // the object here.
+    const dataDef = {};
+    dataDef.get = function () {
+        return this._data;
+    };
+    const propsDef = {};
+    propsDef.get = function () {
+        return this._props;
+    };
+    {
+        dataDef.set = function () {
+            warn$2('Avoid replacing instance root $data. ' +
+                'Use nested data properties instead.', this);
+        };
+        propsDef.set = function () {
+            warn$2(`$props is readonly.`, this);
+        };
+    }
+    Object.defineProperty(Vue.prototype, '$data', dataDef);
+    Object.defineProperty(Vue.prototype, '$props', propsDef);
+    Vue.prototype.$set = set;
+    Vue.prototype.$delete = del;
+    Vue.prototype.$watch = function (expOrFn, cb, options) {
+        const vm = this;
+        if (isPlainObject(cb)) {
+            return createWatcher(vm, expOrFn, cb, options);
+        }
+        options = options || {};
+        options.user = true;
+        const watcher = new Watcher(vm, expOrFn, cb, options);
+        if (options.immediate) {
+            const info = `callback for immediate watcher "${watcher.expression}"`;
+            pushTarget();
+            invokeWithErrorHandling(cb, vm, [watcher.value], vm, info);
+            popTarget();
+        }
+        return function unwatchFn() {
+            watcher.teardown();
+        };
+    };
+}
+
+function initProvide(vm) {
+    const provideOption = vm.$options.provide;
+    if (provideOption) {
+        const provided = isFunction(provideOption)
+            ? provideOption.call(vm)
+            : provideOption;
+        if (!isObject(provided)) {
+            return;
+        }
+        const source = resolveProvided(vm);
+        // IE9 doesn't support Object.getOwnPropertyDescriptors so we have to
+        // iterate the keys ourselves.
+        const keys = hasSymbol ? Reflect.ownKeys(provided) : Object.keys(provided);
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            Object.defineProperty(source, key, Object.getOwnPropertyDescriptor(provided, key));
+        }
+    }
+}
+function initInjections(vm) {
+    const result = resolveInject(vm.$options.inject, vm);
+    if (result) {
+        toggleObserving(false);
+        Object.keys(result).forEach(key => {
+            /* istanbul ignore else */
+            {
+                defineReactive(vm, key, result[key], () => {
+                    warn$2(`Avoid mutating an injected value directly since the changes will be ` +
+                        `overwritten whenever the provided component re-renders. ` +
+                        `injection being mutated: "${key}"`, vm);
+                });
+            }
+        });
+        toggleObserving(true);
+    }
+}
+function resolveInject(inject, vm) {
+    if (inject) {
+        // inject is :any because flow is not smart enough to figure out cached
+        const result = Object.create(null);
+        const keys = hasSymbol ? Reflect.ownKeys(inject) : Object.keys(inject);
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            // #6574 in case the inject object is observed...
+            if (key === '__ob__')
+                continue;
+            const provideKey = inject[key].from;
+            if (provideKey in vm._provided) {
+                result[key] = vm._provided[provideKey];
+            }
+            else if ('default' in inject[key]) {
+                const provideDefault = inject[key].default;
+                result[key] = isFunction(provideDefault)
+                    ? provideDefault.call(vm)
+                    : provideDefault;
+            }
+            else {
+                warn$2(`Injection "${key}" not found`, vm);
+            }
+        }
+        return result;
+    }
+}
+
+let uid = 0;
+function initMixin$1(Vue) {
+    Vue.prototype._init = function (options) {
+        const vm = this;
+        // a uid
+        vm._uid = uid++;
+        let startTag, endTag;
+        /* istanbul ignore if */
+        if (config.performance && mark) {
+            startTag = `vue-perf-start:${vm._uid}`;
+            endTag = `vue-perf-end:${vm._uid}`;
+            mark(startTag);
+        }
+        // a flag to mark this as a Vue instance without having to do instanceof
+        // check
+        vm._isVue = true;
+        // avoid instances from being observed
+        vm.__v_skip = true;
+        // effect scope
+        vm._scope = new EffectScope(true /* detached */);
+        // #13134 edge case where a child component is manually created during the
+        // render of a parent component
+        vm._scope.parent = undefined;
+        vm._scope._vm = true;
+        // merge options
+        if (options && options._isComponent) {
+            // optimize internal component instantiation
+            // since dynamic options merging is pretty slow, and none of the
+            // internal component options needs special treatment.
+            initInternalComponent(vm, options);
+        }
+        else {
+            vm.$options = mergeOptions(resolveConstructorOptions(vm.constructor), options || {}, vm);
+        }
+        /* istanbul ignore else */
+        {
+            initProxy(vm);
+        }
+        // expose real self
+        vm._self = vm;
+        initLifecycle(vm);
+        initEvents(vm);
+        initRender(vm);
+        callHook$1(vm, 'beforeCreate', undefined, false /* setContext */);
+        initInjections(vm); // resolve injections before data/props
+        initState(vm);
+        initProvide(vm); // resolve provide after data/props
+        callHook$1(vm, 'created');
+        /* istanbul ignore if */
+        if (config.performance && mark) {
+            vm._name = formatComponentName(vm, false);
+            mark(endTag);
+            measure(`vue ${vm._name} init`, startTag, endTag);
+        }
+        if (vm.$options.el) {
+            vm.$mount(vm.$options.el);
+        }
+    };
+}
+function initInternalComponent(vm, options) {
+    const opts = (vm.$options = Object.create(vm.constructor.options));
+    // doing this because it's faster than dynamic enumeration.
+    const parentVnode = options._parentVnode;
+    opts.parent = options.parent;
+    opts._parentVnode = parentVnode;
+    const vnodeComponentOptions = parentVnode.componentOptions;
+    opts.propsData = vnodeComponentOptions.propsData;
+    opts._parentListeners = vnodeComponentOptions.listeners;
+    opts._renderChildren = vnodeComponentOptions.children;
+    opts._componentTag = vnodeComponentOptions.tag;
+    if (options.render) {
+        opts.render = options.render;
+        opts.staticRenderFns = options.staticRenderFns;
+    }
+}
+function resolveConstructorOptions(Ctor) {
+    let options = Ctor.options;
+    if (Ctor.super) {
+        const superOptions = resolveConstructorOptions(Ctor.super);
+        const cachedSuperOptions = Ctor.superOptions;
+        if (superOptions !== cachedSuperOptions) {
+            // super option changed,
+            // need to resolve new options.
+            Ctor.superOptions = superOptions;
+            // check if there are any late-modified/attached options (#4976)
+            const modifiedOptions = resolveModifiedOptions(Ctor);
+            // update base extend options
+            if (modifiedOptions) {
+                extend(Ctor.extendOptions, modifiedOptions);
+            }
+            options = Ctor.options = mergeOptions(superOptions, Ctor.extendOptions);
+            if (options.name) {
+                options.components[options.name] = Ctor;
+            }
+        }
+    }
+    return options;
+}
+function resolveModifiedOptions(Ctor) {
+    let modified;
+    const latest = Ctor.options;
+    const sealed = Ctor.sealedOptions;
+    for (const key in latest) {
+        if (latest[key] !== sealed[key]) {
+            if (!modified)
+                modified = {};
+            modified[key] = latest[key];
+        }
+    }
+    return modified;
+}
+
+function FunctionalRenderContext(data, props, children, parent, Ctor) {
+    const options = Ctor.options;
+    // ensure the createElement function in functional components
+    // gets a unique context - this is necessary for correct named slot check
+    let contextVm;
+    if (hasOwn(parent, '_uid')) {
+        contextVm = Object.create(parent);
+        contextVm._original = parent;
+    }
+    else {
+        // the context vm passed in is a functional context as well.
+        // in this case we want to make sure we are able to get a hold to the
+        // real context instance.
+        contextVm = parent;
+        // @ts-ignore
+        parent = parent._original;
+    }
+    const isCompiled = isTrue(options._compiled);
+    const needNormalization = !isCompiled;
+    this.data = data;
+    this.props = props;
+    this.children = children;
+    this.parent = parent;
+    this.listeners = data.on || emptyObject;
+    this.injections = resolveInject(options.inject, parent);
+    this.slots = () => {
+        if (!this.$slots) {
+            normalizeScopedSlots(parent, data.scopedSlots, (this.$slots = resolveSlots(children, parent)));
+        }
+        return this.$slots;
+    };
+    Object.defineProperty(this, 'scopedSlots', {
+        enumerable: true,
+        get() {
+            return normalizeScopedSlots(parent, data.scopedSlots, this.slots());
+        }
+    });
+    // support for compiled functional template
+    if (isCompiled) {
+        // exposing $options for renderStatic()
+        this.$options = options;
+        // pre-resolve slots for renderSlot()
+        this.$slots = this.slots();
+        this.$scopedSlots = normalizeScopedSlots(parent, data.scopedSlots, this.$slots);
+    }
+    if (options._scopeId) {
+        this._c = (a, b, c, d) => {
+            const vnode = createElement$1(contextVm, a, b, c, d, needNormalization);
+            if (vnode && !isArray(vnode)) {
+                vnode.fnScopeId = options._scopeId;
+                vnode.fnContext = parent;
+            }
+            return vnode;
+        };
+    }
+    else {
+        this._c = (a, b, c, d) => createElement$1(contextVm, a, b, c, d, needNormalization);
+    }
+}
+installRenderHelpers(FunctionalRenderContext.prototype);
+function createFunctionalComponent(Ctor, propsData, data, contextVm, children) {
+    const options = Ctor.options;
+    const props = {};
+    const propOptions = options.props;
+    if (isDef(propOptions)) {
+        for (const key in propOptions) {
+            props[key] = validateProp(key, propOptions, propsData || emptyObject);
+        }
+    }
+    else {
+        if (isDef(data.attrs))
+            mergeProps(props, data.attrs);
+        if (isDef(data.props))
+            mergeProps(props, data.props);
+    }
+    const renderContext = new FunctionalRenderContext(data, props, children, contextVm, Ctor);
+    const vnode = options.render.call(null, renderContext._c, renderContext);
+    if (vnode instanceof VNode) {
+        return cloneAndMarkFunctionalResult(vnode, data, renderContext.parent, options, renderContext);
+    }
+    else if (isArray(vnode)) {
+        const vnodes = normalizeChildren(vnode) || [];
+        const res = new Array(vnodes.length);
+        for (let i = 0; i < vnodes.length; i++) {
+            res[i] = cloneAndMarkFunctionalResult(vnodes[i], data, renderContext.parent, options, renderContext);
+        }
+        return res;
+    }
+}
+function cloneAndMarkFunctionalResult(vnode, data, contextVm, options, renderContext) {
+    // #7817 clone node before setting fnContext, otherwise if the node is reused
+    // (e.g. it was from a cached normal slot) the fnContext causes named slots
+    // that should not be matched to match.
+    const clone = cloneVNode(vnode);
+    clone.fnContext = contextVm;
+    clone.fnOptions = options;
+    {
+        (clone.devtoolsMeta = clone.devtoolsMeta || {}).renderContext =
+            renderContext;
+    }
+    if (data.slot) {
+        (clone.data || (clone.data = {})).slot = data.slot;
+    }
+    return clone;
+}
+function mergeProps(to, from) {
+    for (const key in from) {
+        to[camelize(key)] = from[key];
+    }
+}
+
+function getComponentName(options) {
+    return options.name || options.__name || options._componentTag;
+}
+// inline hooks to be invoked on component VNodes during patch
+const componentVNodeHooks = {
+    init(vnode, hydrating) {
+        if (vnode.componentInstance &&
+            !vnode.componentInstance._isDestroyed &&
+            vnode.data.keepAlive) {
+            // kept-alive components, treat as a patch
+            const mountedNode = vnode; // work around flow
+            componentVNodeHooks.prepatch(mountedNode, mountedNode);
+        }
+        else {
+            const child = (vnode.componentInstance = createComponentInstanceForVnode(vnode, activeInstance));
+            child.$mount(hydrating ? vnode.elm : undefined, hydrating);
+        }
+    },
+    prepatch(oldVnode, vnode) {
+        const options = vnode.componentOptions;
+        const child = (vnode.componentInstance = oldVnode.componentInstance);
+        updateChildComponent(child, options.propsData, // updated props
+        options.listeners, // updated listeners
+        vnode, // new parent vnode
+        options.children // new children
+        );
+    },
+    insert(vnode) {
+        const { context, componentInstance } = vnode;
+        if (!componentInstance._isMounted) {
+            componentInstance._isMounted = true;
+            callHook$1(componentInstance, 'mounted');
+        }
+        if (vnode.data.keepAlive) {
+            if (context._isMounted) {
+                // vue-router#1212
+                // During updates, a kept-alive component's child components may
+                // change, so directly walking the tree here may call activated hooks
+                // on incorrect children. Instead we push them into a queue which will
+                // be processed after the whole patch process ended.
+                queueActivatedComponent(componentInstance);
+            }
+            else {
+                activateChildComponent(componentInstance, true /* direct */);
+            }
+        }
+    },
+    destroy(vnode) {
+        const { componentInstance } = vnode;
+        if (!componentInstance._isDestroyed) {
+            if (!vnode.data.keepAlive) {
+                componentInstance.$destroy();
+            }
+            else {
+                deactivateChildComponent(componentInstance, true /* direct */);
+            }
+        }
+    }
+};
+const hooksToMerge = Object.keys(componentVNodeHooks);
+function createComponent(Ctor, data, context, children, tag) {
+    if (isUndef(Ctor)) {
+        return;
+    }
+    const baseCtor = context.$options._base;
+    // plain options object: turn it into a constructor
+    if (isObject(Ctor)) {
+        Ctor = baseCtor.extend(Ctor);
+    }
+    // if at this stage it's not a constructor or an async component factory,
+    // reject.
+    if (typeof Ctor !== 'function') {
+        {
+            warn$2(`Invalid Component definition: ${String(Ctor)}`, context);
+        }
+        return;
+    }
+    // async component
+    let asyncFactory;
+    // @ts-expect-error
+    if (isUndef(Ctor.cid)) {
+        asyncFactory = Ctor;
+        Ctor = resolveAsyncComponent(asyncFactory, baseCtor);
+        if (Ctor === undefined) {
+            // return a placeholder node for async component, which is rendered
+            // as a comment node but preserves all the raw information for the node.
+            // the information will be used for async server-rendering and hydration.
+            return createAsyncPlaceholder(asyncFactory, data, context, children, tag);
+        }
+    }
+    data = data || {};
+    // resolve constructor options in case global mixins are applied after
+    // component constructor creation
+    resolveConstructorOptions(Ctor);
+    // transform component v-model data into props & events
+    if (isDef(data.model)) {
+        // @ts-expect-error
+        transformModel(Ctor.options, data);
+    }
+    // extract props
+    // @ts-expect-error
+    const propsData = extractPropsFromVNodeData(data, Ctor, tag);
+    // functional component
+    // @ts-expect-error
+    if (isTrue(Ctor.options.functional)) {
+        return createFunctionalComponent(Ctor, propsData, data, context, children);
+    }
+    // extract listeners, since these needs to be treated as
+    // child component listeners instead of DOM listeners
+    const listeners = data.on;
+    // replace with listeners with .native modifier
+    // so it gets processed during parent component patch.
+    data.on = data.nativeOn;
+    // @ts-expect-error
+    if (isTrue(Ctor.options.abstract)) {
+        // abstract components do not keep anything
+        // other than props & listeners & slot
+        // work around flow
+        const slot = data.slot;
+        data = {};
+        if (slot) {
+            data.slot = slot;
+        }
+    }
+    // install component management hooks onto the placeholder node
+    installComponentHooks(data);
+    // return a placeholder vnode
+    // @ts-expect-error
+    const name = getComponentName(Ctor.options) || tag;
+    const vnode = new VNode(
+    // @ts-expect-error
+    `vue-component-${Ctor.cid}${name ? `-${name}` : ''}`, data, undefined, undefined, undefined, context, 
+    // @ts-expect-error
+    { Ctor, propsData, listeners, tag, children }, asyncFactory);
+    return vnode;
+}
+function createComponentInstanceForVnode(
+// we know it's MountedComponentVNode but flow doesn't
+vnode, 
+// activeInstance in lifecycle state
+parent) {
+    const options = {
+        _isComponent: true,
+        _parentVnode: vnode,
+        parent
+    };
+    // check inline-template render functions
+    const inlineTemplate = vnode.data.inlineTemplate;
+    if (isDef(inlineTemplate)) {
+        options.render = inlineTemplate.render;
+        options.staticRenderFns = inlineTemplate.staticRenderFns;
+    }
+    return new vnode.componentOptions.Ctor(options);
+}
+function installComponentHooks(data) {
+    const hooks = data.hook || (data.hook = {});
+    for (let i = 0; i < hooksToMerge.length; i++) {
+        const key = hooksToMerge[i];
+        const existing = hooks[key];
+        const toMerge = componentVNodeHooks[key];
+        // @ts-expect-error
+        if (existing !== toMerge && !(existing && existing._merged)) {
+            hooks[key] = existing ? mergeHook(toMerge, existing) : toMerge;
+        }
+    }
+}
+function mergeHook(f1, f2) {
+    const merged = (a, b) => {
+        // flow complains about extra args which is why we use any
+        f1(a, b);
+        f2(a, b);
+    };
+    merged._merged = true;
+    return merged;
+}
+// transform component v-model info (value and callback) into
+// prop and event handler respectively.
+function transformModel(options, data) {
+    const prop = (options.model && options.model.prop) || 'value';
+    const event = (options.model && options.model.event) || 'input';
+    (data.attrs || (data.attrs = {}))[prop] = data.model.value;
+    const on = data.on || (data.on = {});
+    const existing = on[event];
+    const callback = data.model.callback;
+    if (isDef(existing)) {
+        if (isArray(existing)
+            ? existing.indexOf(callback) === -1
+            : existing !== callback) {
+            on[event] = [callback].concat(existing);
+        }
+    }
+    else {
+        on[event] = callback;
+    }
+}
+
+let warn$2 = noop;
+let tip = noop;
+let generateComponentTrace; // work around flow check
+let formatComponentName;
+{
+    const hasConsole = typeof console !== 'undefined';
+    const classifyRE = /(?:^|[-_])(\w)/g;
+    const classify = str => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+    warn$2 = (msg, vm = currentInstance) => {
+        const trace = vm ? generateComponentTrace(vm) : '';
+        if (config.warnHandler) {
+            config.warnHandler.call(null, msg, vm, trace);
+        }
+        else if (hasConsole && !config.silent) {
+            console.error(`[Vue warn]: ${msg}${trace}`);
+        }
+    };
+    tip = (msg, vm) => {
+        if (hasConsole && !config.silent) {
+            console.warn(`[Vue tip]: ${msg}` + (vm ? generateComponentTrace(vm) : ''));
+        }
+    };
+    formatComponentName = (vm, includeFile) => {
+        if (vm.$root === vm) {
+            return '<Root>';
+        }
+        const options = isFunction(vm) && vm.cid != null
+            ? vm.options
+            : vm._isVue
+                ? vm.$options || vm.constructor.options
+                : vm;
+        let name = getComponentName(options);
+        const file = options.__file;
+        if (!name && file) {
+            const match = file.match(/([^/\\]+)\.vue$/);
+            name = match && match[1];
+        }
+        return ((name ? `<${classify(name)}>` : `<Anonymous>`) +
+            (file && includeFile !== false ? ` at ${file}` : ''));
+    };
+    const repeat = (str, n) => {
+        let res = '';
+        while (n) {
+            if (n % 2 === 1)
+                res += str;
+            if (n > 1)
+                str += str;
+            n >>= 1;
+        }
+        return res;
+    };
+    generateComponentTrace = (vm) => {
+        if (vm._isVue && vm.$parent) {
+            const tree = [];
+            let currentRecursiveSequence = 0;
+            while (vm) {
+                if (tree.length > 0) {
+                    const last = tree[tree.length - 1];
+                    if (last.constructor === vm.constructor) {
+                        currentRecursiveSequence++;
+                        vm = vm.$parent;
+                        continue;
+                    }
+                    else if (currentRecursiveSequence > 0) {
+                        tree[tree.length - 1] = [last, currentRecursiveSequence];
+                        currentRecursiveSequence = 0;
+                    }
+                }
+                tree.push(vm);
+                vm = vm.$parent;
+            }
+            return ('\n\nfound in\n\n' +
+                tree
+                    .map((vm, i) => `${i === 0 ? '---> ' : repeat(' ', 5 + i * 2)}${isArray(vm)
+                    ? `${formatComponentName(vm[0])}... (${vm[1]} recursive calls)`
+                    : formatComponentName(vm)}`)
+                    .join('\n'));
+        }
+        else {
+            return `\n\n(found in ${formatComponentName(vm)})`;
+        }
+    };
+}
+
+/**
+ * Option overwriting strategies are functions that handle
+ * how to merge a parent option value and a child option
+ * value into the final value.
+ */
+const strats = config.optionMergeStrategies;
+/**
+ * Options with restrictions
+ */
+{
+    strats.el = strats.propsData = function (parent, child, vm, key) {
+        if (!vm) {
+            warn$2(`option "${key}" can only be used during instance ` +
+                'creation with the `new` keyword.');
+        }
+        return defaultStrat(parent, child);
+    };
+}
+/**
+ * Helper that recursively merges two data objects together.
+ */
+function mergeData(to, from, recursive = true) {
+    if (!from)
+        return to;
+    let key, toVal, fromVal;
+    const keys = hasSymbol
+        ? Reflect.ownKeys(from)
+        : Object.keys(from);
+    for (let i = 0; i < keys.length; i++) {
+        key = keys[i];
+        // in case the object is already observed...
+        if (key === '__ob__')
+            continue;
+        toVal = to[key];
+        fromVal = from[key];
+        if (!recursive || !hasOwn(to, key)) {
+            set(to, key, fromVal);
+        }
+        else if (toVal !== fromVal &&
+            isPlainObject(toVal) &&
+            isPlainObject(fromVal)) {
+            mergeData(toVal, fromVal);
+        }
+    }
+    return to;
+}
+/**
+ * Data
+ */
+function mergeDataOrFn(parentVal, childVal, vm) {
+    if (!vm) {
+        // in a Vue.extend merge, both should be functions
+        if (!childVal) {
+            return parentVal;
+        }
+        if (!parentVal) {
+            return childVal;
+        }
+        // when parentVal & childVal are both present,
+        // we need to return a function that returns the
+        // merged result of both functions... no need to
+        // check if parentVal is a function here because
+        // it has to be a function to pass previous merges.
+        return function mergedDataFn() {
+            return mergeData(isFunction(childVal) ? childVal.call(this, this) : childVal, isFunction(parentVal) ? parentVal.call(this, this) : parentVal);
+        };
+    }
+    else {
+        return function mergedInstanceDataFn() {
+            // instance merge
+            const instanceData = isFunction(childVal)
+                ? childVal.call(vm, vm)
+                : childVal;
+            const defaultData = isFunction(parentVal)
+                ? parentVal.call(vm, vm)
+                : parentVal;
+            if (instanceData) {
+                return mergeData(instanceData, defaultData);
+            }
+            else {
+                return defaultData;
+            }
+        };
+    }
+}
+strats.data = function (parentVal, childVal, vm) {
+    if (!vm) {
+        if (childVal && typeof childVal !== 'function') {
+            warn$2('The "data" option should be a function ' +
+                    'that returns a per-instance value in component ' +
+                    'definitions.', vm);
+            return parentVal;
+        }
+        return mergeDataOrFn(parentVal, childVal);
+    }
+    return mergeDataOrFn(parentVal, childVal, vm);
+};
+/**
+ * Hooks and props are merged as arrays.
+ */
+function mergeLifecycleHook(parentVal, childVal) {
+    const res = childVal
+        ? parentVal
+            ? parentVal.concat(childVal)
+            : isArray(childVal)
+                ? childVal
+                : [childVal]
+        : parentVal;
+    return res ? dedupeHooks(res) : res;
+}
+function dedupeHooks(hooks) {
+    const res = [];
+    for (let i = 0; i < hooks.length; i++) {
+        if (res.indexOf(hooks[i]) === -1) {
+            res.push(hooks[i]);
+        }
+    }
+    return res;
+}
+LIFECYCLE_HOOKS.forEach(hook => {
+    strats[hook] = mergeLifecycleHook;
+});
+/**
+ * Assets
+ *
+ * When a vm is present (instance creation), we need to do
+ * a three-way merge between constructor options, instance
+ * options and parent options.
+ */
+function mergeAssets(parentVal, childVal, vm, key) {
+    const res = Object.create(parentVal || null);
+    if (childVal) {
+        assertObjectType(key, childVal, vm);
+        return extend(res, childVal);
+    }
+    else {
+        return res;
+    }
+}
+ASSET_TYPES.forEach(function (type) {
+    strats[type + 's'] = mergeAssets;
+});
+/**
+ * Watchers.
+ *
+ * Watchers hashes should not overwrite one
+ * another, so we merge them as arrays.
+ */
+strats.watch = function (parentVal, childVal, vm, key) {
+    // work around Firefox's Object.prototype.watch...
+    //@ts-expect-error work around
+    if (parentVal === nativeWatch)
+        parentVal = undefined;
+    //@ts-expect-error work around
+    if (childVal === nativeWatch)
+        childVal = undefined;
+    /* istanbul ignore if */
+    if (!childVal)
+        return Object.create(parentVal || null);
+    {
+        assertObjectType(key, childVal, vm);
+    }
+    if (!parentVal)
+        return childVal;
+    const ret = {};
+    extend(ret, parentVal);
+    for (const key in childVal) {
+        let parent = ret[key];
+        const child = childVal[key];
+        if (parent && !isArray(parent)) {
+            parent = [parent];
+        }
+        ret[key] = parent ? parent.concat(child) : isArray(child) ? child : [child];
+    }
+    return ret;
+};
+/**
+ * Other object hashes.
+ */
+strats.props =
+    strats.methods =
+        strats.inject =
+            strats.computed =
+                function (parentVal, childVal, vm, key) {
+                    if (childVal && true) {
+                        assertObjectType(key, childVal, vm);
+                    }
+                    if (!parentVal)
+                        return childVal;
+                    const ret = Object.create(null);
+                    extend(ret, parentVal);
+                    if (childVal)
+                        extend(ret, childVal);
+                    return ret;
+                };
+strats.provide = function (parentVal, childVal) {
+    if (!parentVal)
+        return childVal;
+    return function () {
+        const ret = Object.create(null);
+        mergeData(ret, isFunction(parentVal) ? parentVal.call(this) : parentVal);
+        if (childVal) {
+            mergeData(ret, isFunction(childVal) ? childVal.call(this) : childVal, false // non-recursive
+            );
+        }
+        return ret;
+    };
+};
+/**
+ * Default strategy.
+ */
+const defaultStrat = function (parentVal, childVal) {
+    return childVal === undefined ? parentVal : childVal;
+};
+/**
+ * Validate component names
+ */
+function checkComponents(options) {
+    for (const key in options.components) {
+        validateComponentName(key);
+    }
+}
+function validateComponentName(name) {
+    if (!new RegExp(`^[a-zA-Z][\\-\\.0-9_${unicodeRegExp.source}]*$`).test(name)) {
+        warn$2('Invalid component name: "' +
+            name +
+            '". Component names ' +
+            'should conform to valid custom element name in html5 specification.');
+    }
+    if (isBuiltInTag(name) || config.isReservedTag(name)) {
+        warn$2('Do not use built-in or reserved HTML elements as component ' +
+            'id: ' +
+            name);
+    }
+}
+/**
+ * Ensure all props option syntax are normalized into the
+ * Object-based format.
+ */
+function normalizeProps(options, vm) {
+    const props = options.props;
+    if (!props)
+        return;
+    const res = {};
+    let i, val, name;
+    if (isArray(props)) {
+        i = props.length;
+        while (i--) {
+            val = props[i];
+            if (typeof val === 'string') {
+                name = camelize(val);
+                res[name] = { type: null };
+            }
+            else {
+                warn$2('props must be strings when using array syntax.');
+            }
+        }
+    }
+    else if (isPlainObject(props)) {
+        for (const key in props) {
+            val = props[key];
+            name = camelize(key);
+            res[name] = isPlainObject(val) ? val : { type: val };
+        }
+    }
+    else {
+        warn$2(`Invalid value for option "props": expected an Array or an Object, ` +
+            `but got ${toRawType(props)}.`, vm);
+    }
+    options.props = res;
+}
+/**
+ * Normalize all injections into Object-based format
+ */
+function normalizeInject(options, vm) {
+    const inject = options.inject;
+    if (!inject)
+        return;
+    const normalized = (options.inject = {});
+    if (isArray(inject)) {
+        for (let i = 0; i < inject.length; i++) {
+            normalized[inject[i]] = { from: inject[i] };
+        }
+    }
+    else if (isPlainObject(inject)) {
+        for (const key in inject) {
+            const val = inject[key];
+            normalized[key] = isPlainObject(val)
+                ? extend({ from: key }, val)
+                : { from: val };
+        }
+    }
+    else {
+        warn$2(`Invalid value for option "inject": expected an Array or an Object, ` +
+            `but got ${toRawType(inject)}.`, vm);
+    }
+}
+/**
+ * Normalize raw function directives into object format.
+ */
+function normalizeDirectives$1(options) {
+    const dirs = options.directives;
+    if (dirs) {
+        for (const key in dirs) {
+            const def = dirs[key];
+            if (isFunction(def)) {
+                dirs[key] = { bind: def, update: def };
+            }
+        }
+    }
+}
+function assertObjectType(name, value, vm) {
+    if (!isPlainObject(value)) {
+        warn$2(`Invalid value for option "${name}": expected an Object, ` +
+            `but got ${toRawType(value)}.`, vm);
+    }
+}
+/**
+ * Merge two option objects into a new one.
+ * Core utility used in both instantiation and inheritance.
+ */
+function mergeOptions(parent, child, vm) {
+    {
+        checkComponents(child);
+    }
+    if (isFunction(child)) {
+        // @ts-expect-error
+        child = child.options;
+    }
+    normalizeProps(child, vm);
+    normalizeInject(child, vm);
+    normalizeDirectives$1(child);
+    // Apply extends and mixins on the child options,
+    // but only if it is a raw options object that isn't
+    // the result of another mergeOptions call.
+    // Only merged options has the _base property.
+    if (!child._base) {
+        if (child.extends) {
+            parent = mergeOptions(parent, child.extends, vm);
+        }
+        if (child.mixins) {
+            for (let i = 0, l = child.mixins.length; i < l; i++) {
+                parent = mergeOptions(parent, child.mixins[i], vm);
+            }
+        }
+    }
+    const options = {};
+    let key;
+    for (key in parent) {
+        mergeField(key);
+    }
+    for (key in child) {
+        if (!hasOwn(parent, key)) {
+            mergeField(key);
+        }
+    }
+    function mergeField(key) {
+        const strat = strats[key] || defaultStrat;
+        options[key] = strat(parent[key], child[key], vm, key);
+    }
+    return options;
+}
+/**
+ * Resolve an asset.
+ * This function is used because child instances need access
+ * to assets defined in its ancestor chain.
+ */
+function resolveAsset(options, type, id, warnMissing) {
+    /* istanbul ignore if */
+    if (typeof id !== 'string') {
+        return;
+    }
+    const assets = options[type];
+    // check local registration variations first
+    if (hasOwn(assets, id))
+        return assets[id];
+    const camelizedId = camelize(id);
+    if (hasOwn(assets, camelizedId))
+        return assets[camelizedId];
+    const PascalCaseId = capitalize(camelizedId);
+    if (hasOwn(assets, PascalCaseId))
+        return assets[PascalCaseId];
+    // fallback to prototype chain
+    const res = assets[id] || assets[camelizedId] || assets[PascalCaseId];
+    if (warnMissing && !res) {
+        warn$2('Failed to resolve ' + type.slice(0, -1) + ': ' + id);
+    }
+    return res;
+}
+
+function validateProp(key, propOptions, propsData, vm) {
+    const prop = propOptions[key];
+    const absent = !hasOwn(propsData, key);
+    let value = propsData[key];
+    // boolean casting
+    const booleanIndex = getTypeIndex(Boolean, prop.type);
+    if (booleanIndex > -1) {
+        if (absent && !hasOwn(prop, 'default')) {
+            value = false;
+        }
+        else if (value === '' || value === hyphenate(key)) {
+            // only cast empty string / same name to boolean if
+            // boolean has higher priority
+            const stringIndex = getTypeIndex(String, prop.type);
+            if (stringIndex < 0 || booleanIndex < stringIndex) {
+                value = true;
+            }
+        }
+    }
+    // check default value
+    if (value === undefined) {
+        value = getPropDefaultValue(vm, prop, key);
+        // since the default value is a fresh copy,
+        // make sure to observe it.
+        const prevShouldObserve = shouldObserve;
+        toggleObserving(true);
+        observe(value);
+        toggleObserving(prevShouldObserve);
+    }
+    {
+        assertProp(prop, key, value, vm, absent);
+    }
+    return value;
+}
+/**
+ * Get the default value of a prop.
+ */
+function getPropDefaultValue(vm, prop, key) {
+    // no default, return undefined
+    if (!hasOwn(prop, 'default')) {
+        return undefined;
+    }
+    const def = prop.default;
+    // warn against non-factory defaults for Object & Array
+    if (isObject(def)) {
+        warn$2('Invalid default value for prop "' +
+            key +
+            '": ' +
+            'Props with type Object/Array must use a factory function ' +
+            'to return the default value.', vm);
+    }
+    // the raw prop value was also undefined from previous render,
+    // return previous default value to avoid unnecessary watcher trigger
+    if (vm &&
+        vm.$options.propsData &&
+        vm.$options.propsData[key] === undefined &&
+        vm._props[key] !== undefined) {
+        return vm._props[key];
+    }
+    // call factory function for non-Function types
+    // a value is Function if its prototype is function even across different execution context
+    return isFunction(def) && getType(prop.type) !== 'Function'
+        ? def.call(vm)
+        : def;
+}
+/**
+ * Assert whether a prop is valid.
+ */
+function assertProp(prop, name, value, vm, absent) {
+    if (prop.required && absent) {
+        warn$2('Missing required prop: "' + name + '"', vm);
+        return;
+    }
+    if (value == null && !prop.required) {
+        return;
+    }
+    let type = prop.type;
+    let valid = !type || type === true;
+    const expectedTypes = [];
+    if (type) {
+        if (!isArray(type)) {
+            type = [type];
+        }
+        for (let i = 0; i < type.length && !valid; i++) {
+            const assertedType = assertType(value, type[i], vm);
+            expectedTypes.push(assertedType.expectedType || '');
+            valid = assertedType.valid;
+        }
+    }
+    const haveExpectedTypes = expectedTypes.some(t => t);
+    if (!valid && haveExpectedTypes) {
+        warn$2(getInvalidTypeMessage(name, value, expectedTypes), vm);
+        return;
+    }
+    const validator = prop.validator;
+    if (validator) {
+        if (!validator(value)) {
+            warn$2('Invalid prop: custom validator check failed for prop "' + name + '".', vm);
+        }
+    }
+}
+const simpleCheckRE = /^(String|Number|Boolean|Function|Symbol|BigInt)$/;
+function assertType(value, type, vm) {
+    let valid;
+    const expectedType = getType(type);
+    if (simpleCheckRE.test(expectedType)) {
+        const t = typeof value;
+        valid = t === expectedType.toLowerCase();
+        // for primitive wrapper objects
+        if (!valid && t === 'object') {
+            valid = value instanceof type;
+        }
+    }
+    else if (expectedType === 'Object') {
+        valid = isPlainObject(value);
+    }
+    else if (expectedType === 'Array') {
+        valid = isArray(value);
+    }
+    else {
+        try {
+            valid = value instanceof type;
+        }
+        catch (e) {
+            warn$2('Invalid prop type: "' + String(type) + '" is not a constructor', vm);
+            valid = false;
+        }
+    }
+    return {
+        valid,
+        expectedType
+    };
+}
+const functionTypeCheckRE = /^\s*function (\w+)/;
+/**
+ * Use function string name to check built-in types,
+ * because a simple equality check will fail when running
+ * across different vms / iframes.
+ */
+function getType(fn) {
+    const match = fn && fn.toString().match(functionTypeCheckRE);
+    return match ? match[1] : '';
+}
+function isSameType(a, b) {
+    return getType(a) === getType(b);
+}
+function getTypeIndex(type, expectedTypes) {
+    if (!isArray(expectedTypes)) {
+        return isSameType(expectedTypes, type) ? 0 : -1;
+    }
+    for (let i = 0, len = expectedTypes.length; i < len; i++) {
+        if (isSameType(expectedTypes[i], type)) {
+            return i;
+        }
+    }
+    return -1;
+}
+function getInvalidTypeMessage(name, value, expectedTypes) {
+    let message = `Invalid prop: type check failed for prop "${name}".` +
+        ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
+    const expectedType = expectedTypes[0];
+    const receivedType = toRawType(value);
+    // check if we need to specify expected value
+    if (expectedTypes.length === 1 &&
+        isExplicable(expectedType) &&
+        isExplicable(typeof value) &&
+        !isBoolean(expectedType, receivedType)) {
+        message += ` with value ${styleValue(value, expectedType)}`;
+    }
+    message += `, got ${receivedType} `;
+    // check if we need to specify received value
+    if (isExplicable(receivedType)) {
+        message += `with value ${styleValue(value, receivedType)}.`;
+    }
+    return message;
+}
+function styleValue(value, type) {
+    if (type === 'String') {
+        return `"${value}"`;
+    }
+    else if (type === 'Number') {
+        return `${Number(value)}`;
+    }
+    else {
+        return `${value}`;
+    }
+}
+const EXPLICABLE_TYPES = ['string', 'number', 'boolean'];
+function isExplicable(value) {
+    return EXPLICABLE_TYPES.some(elem => value.toLowerCase() === elem);
+}
+function isBoolean(...args) {
+    return args.some(elem => elem.toLowerCase() === 'boolean');
+}
+
+function Vue(options) {
+    if (!(this instanceof Vue)) {
+        warn$2('Vue is a constructor and should be called with the `new` keyword');
+    }
+    this._init(options);
+}
+//@ts-expect-error Vue has function type
+initMixin$1(Vue);
+//@ts-expect-error Vue has function type
+stateMixin(Vue);
+//@ts-expect-error Vue has function type
+eventsMixin(Vue);
+//@ts-expect-error Vue has function type
+lifecycleMixin(Vue);
+//@ts-expect-error Vue has function type
+renderMixin(Vue);
+
+function initUse(Vue) {
+    Vue.use = function (plugin) {
+        const installedPlugins = this._installedPlugins || (this._installedPlugins = []);
+        if (installedPlugins.indexOf(plugin) > -1) {
+            return this;
+        }
+        // additional parameters
+        const args = toArray(arguments, 1);
+        args.unshift(this);
+        if (isFunction(plugin.install)) {
+            plugin.install.apply(plugin, args);
+        }
+        else if (isFunction(plugin)) {
+            plugin.apply(null, args);
+        }
+        installedPlugins.push(plugin);
+        return this;
+    };
+}
+
+function initMixin(Vue) {
+    Vue.mixin = function (mixin) {
+        this.options = mergeOptions(this.options, mixin);
+        return this;
+    };
+}
+
+function initExtend(Vue) {
+    /**
+     * Each instance constructor, including Vue, has a unique
+     * cid. This enables us to create wrapped "child
+     * constructors" for prototypal inheritance and cache them.
+     */
+    Vue.cid = 0;
+    let cid = 1;
+    /**
+     * Class inheritance
+     */
+    Vue.extend = function (extendOptions) {
+        extendOptions = extendOptions || {};
+        const Super = this;
+        const SuperId = Super.cid;
+        const cachedCtors = extendOptions._Ctor || (extendOptions._Ctor = {});
+        if (cachedCtors[SuperId]) {
+            return cachedCtors[SuperId];
+        }
+        const name = getComponentName(extendOptions) || getComponentName(Super.options);
+        if (name) {
+            validateComponentName(name);
+        }
+        const Sub = function VueComponent(options) {
+            this._init(options);
+        };
+        Sub.prototype = Object.create(Super.prototype);
+        Sub.prototype.constructor = Sub;
+        Sub.cid = cid++;
+        Sub.options = mergeOptions(Super.options, extendOptions);
+        Sub['super'] = Super;
+        // For props and computed properties, we define the proxy getters on
+        // the Vue instances at extension time, on the extended prototype. This
+        // avoids Object.defineProperty calls for each instance created.
+        if (Sub.options.props) {
+            initProps(Sub);
+        }
+        if (Sub.options.computed) {
+            initComputed(Sub);
+        }
+        // allow further extension/mixin/plugin usage
+        Sub.extend = Super.extend;
+        Sub.mixin = Super.mixin;
+        Sub.use = Super.use;
+        // create asset registers, so extended classes
+        // can have their private assets too.
+        ASSET_TYPES.forEach(function (type) {
+            Sub[type] = Super[type];
+        });
+        // enable recursive self-lookup
+        if (name) {
+            Sub.options.components[name] = Sub;
+        }
+        // keep a reference to the super options at extension time.
+        // later at instantiation we can check if Super's options have
+        // been updated.
+        Sub.superOptions = Super.options;
+        Sub.extendOptions = extendOptions;
+        Sub.sealedOptions = extend({}, Sub.options);
+        // cache constructor
+        cachedCtors[SuperId] = Sub;
+        return Sub;
+    };
+}
+function initProps(Comp) {
+    const props = Comp.options.props;
+    for (const key in props) {
+        proxy(Comp.prototype, `_props`, key);
+    }
+}
+function initComputed(Comp) {
+    const computed = Comp.options.computed;
+    for (const key in computed) {
+        defineComputed(Comp.prototype, key, computed[key]);
+    }
+}
+
+function initAssetRegisters(Vue) {
+    /**
+     * Create asset registration methods.
+     */
+    ASSET_TYPES.forEach(type => {
+        // @ts-expect-error function is not exact same type
+        Vue[type] = function (id, definition) {
+            if (!definition) {
+                return this.options[type + 's'][id];
+            }
+            else {
+                /* istanbul ignore if */
+                if (type === 'component') {
+                    validateComponentName(id);
+                }
+                if (type === 'component' && isPlainObject(definition)) {
+                    // @ts-expect-error
+                    definition.name = definition.name || id;
+                    definition = this.options._base.extend(definition);
+                }
+                if (type === 'directive' && isFunction(definition)) {
+                    definition = { bind: definition, update: definition };
+                }
+                this.options[type + 's'][id] = definition;
+                return definition;
+            }
+        };
+    });
+}
+
+function _getComponentName(opts) {
+    return opts && (getComponentName(opts.Ctor.options) || opts.tag);
+}
+function matches(pattern, name) {
+    if (isArray(pattern)) {
+        return pattern.indexOf(name) > -1;
+    }
+    else if (typeof pattern === 'string') {
+        return pattern.split(',').indexOf(name) > -1;
+    }
+    else if (isRegExp(pattern)) {
+        return pattern.test(name);
+    }
+    /* istanbul ignore next */
+    return false;
+}
+function pruneCache(keepAliveInstance, filter) {
+    const { cache, keys, _vnode, $vnode } = keepAliveInstance;
+    for (const key in cache) {
+        const entry = cache[key];
+        if (entry) {
+            const name = entry.name;
+            if (name && !filter(name)) {
+                pruneCacheEntry(cache, key, keys, _vnode);
+            }
+        }
+    }
+    $vnode.componentOptions.children = undefined;
+}
+function pruneCacheEntry(cache, key, keys, current) {
+    const entry = cache[key];
+    if (entry && (!current || entry.tag !== current.tag)) {
+        // @ts-expect-error can be undefined
+        entry.componentInstance.$destroy();
+    }
+    cache[key] = null;
+    remove$2(keys, key);
+}
+const patternTypes = [String, RegExp, Array];
+// TODO defineComponent
+var KeepAlive = {
+    name: 'keep-alive',
+    abstract: true,
+    props: {
+        include: patternTypes,
+        exclude: patternTypes,
+        max: [String, Number]
+    },
+    methods: {
+        cacheVNode() {
+            const { cache, keys, vnodeToCache, keyToCache } = this;
+            if (vnodeToCache) {
+                const { tag, componentInstance, componentOptions } = vnodeToCache;
+                cache[keyToCache] = {
+                    name: _getComponentName(componentOptions),
+                    tag,
+                    componentInstance
+                };
+                keys.push(keyToCache);
+                // prune oldest entry
+                if (this.max && keys.length > parseInt(this.max)) {
+                    pruneCacheEntry(cache, keys[0], keys, this._vnode);
+                }
+                this.vnodeToCache = null;
+            }
+        }
+    },
+    created() {
+        this.cache = Object.create(null);
+        this.keys = [];
+    },
+    destroyed() {
+        for (const key in this.cache) {
+            pruneCacheEntry(this.cache, key, this.keys);
+        }
+    },
+    mounted() {
+        this.cacheVNode();
+        this.$watch('include', val => {
+            pruneCache(this, name => matches(val, name));
+        });
+        this.$watch('exclude', val => {
+            pruneCache(this, name => !matches(val, name));
+        });
+    },
+    updated() {
+        this.cacheVNode();
+    },
+    render() {
+        const slot = this.$slots.default;
+        const vnode = getFirstComponentChild(slot);
+        const componentOptions = vnode && vnode.componentOptions;
+        if (componentOptions) {
+            // check pattern
+            const name = _getComponentName(componentOptions);
+            const { include, exclude } = this;
+            if (
+            // not included
+            (include && (!name || !matches(include, name))) ||
+                // excluded
+                (exclude && name && matches(exclude, name))) {
+                return vnode;
+            }
+            const { cache, keys } = this;
+            const key = vnode.key == null
+                ? // same constructor may get registered as different local components
+                    // so cid alone is not enough (#3269)
+                    componentOptions.Ctor.cid +
+                        (componentOptions.tag ? `::${componentOptions.tag}` : '')
+                : vnode.key;
+            if (cache[key]) {
+                vnode.componentInstance = cache[key].componentInstance;
+                // make current key freshest
+                remove$2(keys, key);
+                keys.push(key);
+            }
+            else {
+                // delay setting the cache until update
+                this.vnodeToCache = vnode;
+                this.keyToCache = key;
+            }
+            // @ts-expect-error can vnode.data can be undefined
+            vnode.data.keepAlive = true;
+        }
+        return vnode || (slot && slot[0]);
+    }
+};
+
+var builtInComponents = {
+    KeepAlive
+};
+
+function initGlobalAPI(Vue) {
+    // config
+    const configDef = {};
+    configDef.get = () => config;
+    {
+        configDef.set = () => {
+            warn$2('Do not replace the Vue.config object, set individual fields instead.');
+        };
+    }
+    Object.defineProperty(Vue, 'config', configDef);
+    // exposed util methods.
+    // NOTE: these are not considered part of the public API - avoid relying on
+    // them unless you are aware of the risk.
+    Vue.util = {
+        warn: warn$2,
+        extend,
+        mergeOptions,
+        defineReactive
+    };
+    Vue.set = set;
+    Vue.delete = del;
+    Vue.nextTick = nextTick;
+    // 2.6 explicit observable API
+    Vue.observable = (obj) => {
+        observe(obj);
+        return obj;
+    };
+    Vue.options = Object.create(null);
+    ASSET_TYPES.forEach(type => {
+        Vue.options[type + 's'] = Object.create(null);
+    });
+    // this is used to identify the "base" constructor to extend all plain-object
+    // components with in Weex's multi-instance scenarios.
+    Vue.options._base = Vue;
+    extend(Vue.options.components, builtInComponents);
+    initUse(Vue);
+    initMixin(Vue);
+    initExtend(Vue);
+    initAssetRegisters(Vue);
+}
+
+initGlobalAPI(Vue);
+Object.defineProperty(Vue.prototype, '$isServer', {
+    get: isServerRendering
+});
+Object.defineProperty(Vue.prototype, '$ssrContext', {
+    get() {
+        /* istanbul ignore next */
+        return this.$vnode && this.$vnode.ssrContext;
+    }
+});
+// expose FunctionalRenderContext for ssr runtime helper installation
+Object.defineProperty(Vue, 'FunctionalRenderContext', {
+    value: FunctionalRenderContext
+});
+Vue.version = version;
+
+// these are reserved for web because they are directly compiled away
+// during template compilation
+const isReservedAttr = makeMap('style,class');
+// attributes that should be using props for binding
+const acceptValue = makeMap('input,textarea,option,select,progress');
+const mustUseProp = (tag, type, attr) => {
+    return ((attr === 'value' && acceptValue(tag) && type !== 'button') ||
+        (attr === 'selected' && tag === 'option') ||
+        (attr === 'checked' && tag === 'input') ||
+        (attr === 'muted' && tag === 'video'));
+};
+const isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck');
+const isValidContentEditableValue = makeMap('events,caret,typing,plaintext-only');
+const convertEnumeratedValue = (key, value) => {
+    return isFalsyAttrValue(value) || value === 'false'
+        ? 'false'
+        : // allow arbitrary string value for contenteditable
+            key === 'contenteditable' && isValidContentEditableValue(value)
+                ? value
+                : 'true';
+};
+const isBooleanAttr = makeMap('allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' +
+    'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' +
+    'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' +
+    'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' +
+    'required,reversed,scoped,seamless,selected,sortable,' +
+    'truespeed,typemustmatch,visible');
+const xlinkNS = 'http://www.w3.org/1999/xlink';
+const isXlink = (name) => {
+    return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink';
+};
+const getXlinkProp = (name) => {
+    return isXlink(name) ? name.slice(6, name.length) : '';
+};
+const isFalsyAttrValue = (val) => {
+    return val == null || val === false;
+};
+
+function genClassForVnode(vnode) {
+    let data = vnode.data;
+    let parentNode = vnode;
+    let childNode = vnode;
+    while (isDef(childNode.componentInstance)) {
+        childNode = childNode.componentInstance._vnode;
+        if (childNode && childNode.data) {
+            data = mergeClassData(childNode.data, data);
+        }
+    }
+    // @ts-expect-error parentNode.parent not VNodeWithData
+    while (isDef((parentNode = parentNode.parent))) {
+        if (parentNode && parentNode.data) {
+            data = mergeClassData(data, parentNode.data);
+        }
+    }
+    return renderClass(data.staticClass, data.class);
+}
+function mergeClassData(child, parent) {
+    return {
+        staticClass: concat(child.staticClass, parent.staticClass),
+        class: isDef(child.class) ? [child.class, parent.class] : parent.class
+    };
+}
+function renderClass(staticClass, dynamicClass) {
+    if (isDef(staticClass) || isDef(dynamicClass)) {
+        return concat(staticClass, stringifyClass(dynamicClass));
+    }
+    /* istanbul ignore next */
+    return '';
+}
+function concat(a, b) {
+    return a ? (b ? a + ' ' + b : a) : b || '';
+}
+function stringifyClass(value) {
+    if (Array.isArray(value)) {
+        return stringifyArray(value);
+    }
+    if (isObject(value)) {
+        return stringifyObject(value);
+    }
+    if (typeof value === 'string') {
+        return value;
+    }
+    /* istanbul ignore next */
+    return '';
+}
+function stringifyArray(value) {
+    let res = '';
+    let stringified;
+    for (let i = 0, l = value.length; i < l; i++) {
+        if (isDef((stringified = stringifyClass(value[i]))) && stringified !== '') {
+            if (res)
+                res += ' ';
+            res += stringified;
+        }
+    }
+    return res;
+}
+function stringifyObject(value) {
+    let res = '';
+    for (const key in value) {
+        if (value[key]) {
+            if (res)
+                res += ' ';
+            res += key;
+        }
+    }
+    return res;
+}
+
+const namespaceMap = {
+    svg: 'http://www.w3.org/2000/svg',
+    math: 'http://www.w3.org/1998/Math/MathML'
+};
+const isHTMLTag = makeMap('html,body,base,head,link,meta,style,title,' +
+    'address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' +
+    'div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,' +
+    'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' +
+    's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' +
+    'embed,object,param,source,canvas,script,noscript,del,ins,' +
+    'caption,col,colgroup,table,thead,tbody,td,th,tr,' +
+    'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' +
+    'output,progress,select,textarea,' +
+    'details,dialog,menu,menuitem,summary,' +
+    'content,element,shadow,template,blockquote,iframe,tfoot');
+// this map is intentionally selective, only covering SVG elements that may
+// contain child elements.
+const isSVG = makeMap('svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,' +
+    'foreignobject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,' +
+    'polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view', true);
+const isPreTag = (tag) => tag === 'pre';
+const isReservedTag = (tag) => {
+    return isHTMLTag(tag) || isSVG(tag);
+};
+function getTagNamespace(tag) {
+    if (isSVG(tag)) {
+        return 'svg';
+    }
+    // basic support for MathML
+    // note it doesn't support other MathML elements being component roots
+    if (tag === 'math') {
+        return 'math';
+    }
+}
+const unknownElementCache = Object.create(null);
+function isUnknownElement(tag) {
+    /* istanbul ignore if */
+    if (!inBrowser) {
+        return true;
+    }
+    if (isReservedTag(tag)) {
+        return false;
+    }
+    tag = tag.toLowerCase();
+    /* istanbul ignore if */
+    if (unknownElementCache[tag] != null) {
+        return unknownElementCache[tag];
+    }
+    const el = document.createElement(tag);
+    if (tag.indexOf('-') > -1) {
+        // https://stackoverflow.com/a/28210364/1070244
+        return (unknownElementCache[tag] =
+            el.constructor === window.HTMLUnknownElement ||
+                el.constructor === window.HTMLElement);
+    }
+    else {
+        return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString()));
+    }
+}
+const isTextInputType = makeMap('text,number,password,search,email,tel,url');
+
+/**
+ * Query an element selector if it's not an element already.
+ */
+function query(el) {
+    if (typeof el === 'string') {
+        const selected = document.querySelector(el);
+        if (!selected) {
+            warn$2('Cannot find element: ' + el);
+            return document.createElement('div');
+        }
+        return selected;
+    }
+    else {
+        return el;
+    }
+}
+
+function createElement(tagName, vnode) {
+    const elm = document.createElement(tagName);
+    if (tagName !== 'select') {
+        return elm;
+    }
+    // false or null will remove the attribute but undefined will not
+    if (vnode.data &&
+        vnode.data.attrs &&
+        vnode.data.attrs.multiple !== undefined) {
+        elm.setAttribute('multiple', 'multiple');
+    }
+    return elm;
+}
+function createElementNS(namespace, tagName) {
+    return document.createElementNS(namespaceMap[namespace], tagName);
+}
+function createTextNode(text) {
+    return document.createTextNode(text);
+}
+function createComment(text) {
+    return document.createComment(text);
+}
+function insertBefore(parentNode, newNode, referenceNode) {
+    parentNode.insertBefore(newNode, referenceNode);
+}
+function removeChild(node, child) {
+    node.removeChild(child);
+}
+function appendChild(node, child) {
+    node.appendChild(child);
+}
+function parentNode(node) {
+    return node.parentNode;
+}
+function nextSibling(node) {
+    return node.nextSibling;
+}
+function tagName(node) {
+    return node.tagName;
+}
+function setTextContent(node, text) {
+    node.textContent = text;
+}
+function setStyleScope(node, scopeId) {
+    node.setAttribute(scopeId, '');
+}
+
+var nodeOps = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createElement: createElement,
+  createElementNS: createElementNS,
+  createTextNode: createTextNode,
+  createComment: createComment,
+  insertBefore: insertBefore,
+  removeChild: removeChild,
+  appendChild: appendChild,
+  parentNode: parentNode,
+  nextSibling: nextSibling,
+  tagName: tagName,
+  setTextContent: setTextContent,
+  setStyleScope: setStyleScope
+});
+
+var ref = {
+    create(_, vnode) {
+        registerRef(vnode);
+    },
+    update(oldVnode, vnode) {
+        if (oldVnode.data.ref !== vnode.data.ref) {
+            registerRef(oldVnode, true);
+            registerRef(vnode);
+        }
+    },
+    destroy(vnode) {
+        registerRef(vnode, true);
+    }
+};
+function registerRef(vnode, isRemoval) {
+    const ref = vnode.data.ref;
+    if (!isDef(ref))
+        return;
+    const vm = vnode.context;
+    const refValue = vnode.componentInstance || vnode.elm;
+    const value = isRemoval ? null : refValue;
+    const $refsValue = isRemoval ? undefined : refValue;
+    if (isFunction(ref)) {
+        invokeWithErrorHandling(ref, vm, [value], vm, `template ref function`);
+        return;
+    }
+    const isFor = vnode.data.refInFor;
+    const _isString = typeof ref === 'string' || typeof ref === 'number';
+    const _isRef = isRef(ref);
+    const refs = vm.$refs;
+    if (_isString || _isRef) {
+        if (isFor) {
+            const existing = _isString ? refs[ref] : ref.value;
+            if (isRemoval) {
+                isArray(existing) && remove$2(existing, refValue);
+            }
+            else {
+                if (!isArray(existing)) {
+                    if (_isString) {
+                        refs[ref] = [refValue];
+                        setSetupRef(vm, ref, refs[ref]);
+                    }
+                    else {
+                        ref.value = [refValue];
+                    }
+                }
+                else if (!existing.includes(refValue)) {
+                    existing.push(refValue);
+                }
+            }
+        }
+        else if (_isString) {
+            if (isRemoval && refs[ref] !== refValue) {
+                return;
+            }
+            refs[ref] = $refsValue;
+            setSetupRef(vm, ref, value);
+        }
+        else if (_isRef) {
+            if (isRemoval && ref.value !== refValue) {
+                return;
+            }
+            ref.value = value;
+        }
+        else {
+            warn$2(`Invalid template ref type: ${typeof ref}`);
+        }
+    }
+}
+function setSetupRef({ _setupState }, key, val) {
+    if (_setupState && hasOwn(_setupState, key)) {
+        if (isRef(_setupState[key])) {
+            _setupState[key].value = val;
+        }
+        else {
+            _setupState[key] = val;
+        }
+    }
+}
+
+/**
+ * Virtual DOM patching algorithm based on Snabbdom by
+ * Simon Friis Vindum (@paldepind)
+ * Licensed under the MIT License
+ * https://github.com/paldepind/snabbdom/blob/master/LICENSE
+ *
+ * modified by Evan You (@yyx990803)
+ *
+ * Not type-checking this because this file is perf-critical and the cost
+ * of making flow understand it is not worth it.
+ */
+const emptyNode = new VNode('', {}, []);
+const hooks = ['create', 'activate', 'update', 'remove', 'destroy'];
+function sameVnode(a, b) {
+    return (a.key === b.key &&
+        a.asyncFactory === b.asyncFactory &&
+        ((a.tag === b.tag &&
+            a.isComment === b.isComment &&
+            isDef(a.data) === isDef(b.data) &&
+            sameInputType(a, b)) ||
+            (isTrue(a.isAsyncPlaceholder) && isUndef(b.asyncFactory.error))));
+}
+function sameInputType(a, b) {
+    if (a.tag !== 'input')
+        return true;
+    let i;
+    const typeA = isDef((i = a.data)) && isDef((i = i.attrs)) && i.type;
+    const typeB = isDef((i = b.data)) && isDef((i = i.attrs)) && i.type;
+    return typeA === typeB || (isTextInputType(typeA) && isTextInputType(typeB));
+}
+function createKeyToOldIdx(children, beginIdx, endIdx) {
+    let i, key;
+    const map = {};
+    for (i = beginIdx; i <= endIdx; ++i) {
+        key = children[i].key;
+        if (isDef(key))
+            map[key] = i;
+    }
+    return map;
+}
+function createPatchFunction(backend) {
+    let i, j;
+    const cbs = {};
+    const { modules, nodeOps } = backend;
+    for (i = 0; i < hooks.length; ++i) {
+        cbs[hooks[i]] = [];
+        for (j = 0; j < modules.length; ++j) {
+            if (isDef(modules[j][hooks[i]])) {
+                cbs[hooks[i]].push(modules[j][hooks[i]]);
+            }
+        }
+    }
+    function emptyNodeAt(elm) {
+        return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm);
+    }
+    function createRmCb(childElm, listeners) {
+        function remove() {
+            if (--remove.listeners === 0) {
+                removeNode(childElm);
+            }
+        }
+        remove.listeners = listeners;
+        return remove;
+    }
+    function removeNode(el) {
+        const parent = nodeOps.parentNode(el);
+        // element may have already been removed due to v-html / v-text
+        if (isDef(parent)) {
+            nodeOps.removeChild(parent, el);
+        }
+    }
+    function isUnknownElement(vnode, inVPre) {
+        return (!inVPre &&
+            !vnode.ns &&
+            !(config.ignoredElements.length &&
+                config.ignoredElements.some(ignore => {
+                    return isRegExp(ignore)
+                        ? ignore.test(vnode.tag)
+                        : ignore === vnode.tag;
+                })) &&
+            config.isUnknownElement(vnode.tag));
+    }
+    let creatingElmInVPre = 0;
+    function createElm(vnode, insertedVnodeQueue, parentElm, refElm, nested, ownerArray, index) {
+        if (isDef(vnode.elm) && isDef(ownerArray)) {
+            // This vnode was used in a previous render!
+            // now it's used as a new node, overwriting its elm would cause
+            // potential patch errors down the road when it's used as an insertion
+            // reference node. Instead, we clone the node on-demand before creating
+            // associated DOM element for it.
+            vnode = ownerArray[index] = cloneVNode(vnode);
+        }
+        vnode.isRootInsert = !nested; // for transition enter check
+        if (createComponent(vnode, insertedVnodeQueue, parentElm, refElm)) {
+            return;
+        }
+        const data = vnode.data;
+        const children = vnode.children;
+        const tag = vnode.tag;
+        if (isDef(tag)) {
+            {
+                if (data && data.pre) {
+                    creatingElmInVPre++;
+                }
+                if (isUnknownElement(vnode, creatingElmInVPre)) {
+                    warn$2('Unknown custom element: <' +
+                        tag +
+                        '> - did you ' +
+                        'register the component correctly? For recursive components, ' +
+                        'make sure to provide the "name" option.', vnode.context);
+                }
+            }
+            vnode.elm = vnode.ns
+                ? nodeOps.createElementNS(vnode.ns, tag)
+                : nodeOps.createElement(tag, vnode);
+            setScope(vnode);
+            createChildren(vnode, children, insertedVnodeQueue);
+            if (isDef(data)) {
+                invokeCreateHooks(vnode, insertedVnodeQueue);
+            }
+            insert(parentElm, vnode.elm, refElm);
+            if (data && data.pre) {
+                creatingElmInVPre--;
+            }
+        }
+        else if (isTrue(vnode.isComment)) {
+            vnode.elm = nodeOps.createComment(vnode.text);
+            insert(parentElm, vnode.elm, refElm);
+        }
+        else {
+            vnode.elm = nodeOps.createTextNode(vnode.text);
+            insert(parentElm, vnode.elm, refElm);
+        }
+    }
+    function createComponent(vnode, insertedVnodeQueue, parentElm, refElm) {
+        let i = vnode.data;
+        if (isDef(i)) {
+            const isReactivated = isDef(vnode.componentInstance) && i.keepAlive;
+            if (isDef((i = i.hook)) && isDef((i = i.init))) {
+                i(vnode, false /* hydrating */);
+            }
+            // after calling the init hook, if the vnode is a child component
+            // it should've created a child instance and mounted it. the child
+            // component also has set the placeholder vnode's elm.
+            // in that case we can just return the element and be done.
+            if (isDef(vnode.componentInstance)) {
+                initComponent(vnode, insertedVnodeQueue);
+                insert(parentElm, vnode.elm, refElm);
+                if (isTrue(isReactivated)) {
+                    reactivateComponent(vnode, insertedVnodeQueue, parentElm, refElm);
+                }
+                return true;
+            }
+        }
+    }
+    function initComponent(vnode, insertedVnodeQueue) {
+        if (isDef(vnode.data.pendingInsert)) {
+            insertedVnodeQueue.push.apply(insertedVnodeQueue, vnode.data.pendingInsert);
+            vnode.data.pendingInsert = null;
+        }
+        vnode.elm = vnode.componentInstance.$el;
+        if (isPatchable(vnode)) {
+            invokeCreateHooks(vnode, insertedVnodeQueue);
+            setScope(vnode);
+        }
+        else {
+            // empty component root.
+            // skip all element-related modules except for ref (#3455)
+            registerRef(vnode);
+            // make sure to invoke the insert hook
+            insertedVnodeQueue.push(vnode);
+        }
+    }
+    function reactivateComponent(vnode, insertedVnodeQueue, parentElm, refElm) {
+        let i;
+        // hack for #4339: a reactivated component with inner transition
+        // does not trigger because the inner node's created hooks are not called
+        // again. It's not ideal to involve module-specific logic in here but
+        // there doesn't seem to be a better way to do it.
+        let innerNode = vnode;
+        while (innerNode.componentInstance) {
+            innerNode = innerNode.componentInstance._vnode;
+            if (isDef((i = innerNode.data)) && isDef((i = i.transition))) {
+                for (i = 0; i < cbs.activate.length; ++i) {
+                    cbs.activate[i](emptyNode, innerNode);
+                }
+                insertedVnodeQueue.push(innerNode);
+                break;
+            }
+        }
+        // unlike a newly created component,
+        // a reactivated keep-alive component doesn't insert itself
+        insert(parentElm, vnode.elm, refElm);
+    }
+    function insert(parent, elm, ref) {
+        if (isDef(parent)) {
+            if (isDef(ref)) {
+                if (nodeOps.parentNode(ref) === parent) {
+                    nodeOps.insertBefore(parent, elm, ref);
+                }
+            }
+            else {
+                nodeOps.appendChild(parent, elm);
+            }
+        }
+    }
+    function createChildren(vnode, children, insertedVnodeQueue) {
+        if (isArray(children)) {
+            {
+                checkDuplicateKeys(children);
+            }
+            for (let i = 0; i < children.length; ++i) {
+                createElm(children[i], insertedVnodeQueue, vnode.elm, null, true, children, i);
+            }
+        }
+        else if (isPrimitive(vnode.text)) {
+            nodeOps.appendChild(vnode.elm, nodeOps.createTextNode(String(vnode.text)));
+        }
+    }
+    function isPatchable(vnode) {
+        while (vnode.componentInstance) {
+            vnode = vnode.componentInstance._vnode;
+        }
+        return isDef(vnode.tag);
+    }
+    function invokeCreateHooks(vnode, insertedVnodeQueue) {
+        for (let i = 0; i < cbs.create.length; ++i) {
+            cbs.create[i](emptyNode, vnode);
+        }
+        i = vnode.data.hook; // Reuse variable
+        if (isDef(i)) {
+            if (isDef(i.create))
+                i.create(emptyNode, vnode);
+            if (isDef(i.insert))
+                insertedVnodeQueue.push(vnode);
+        }
+    }
+    // set scope id attribute for scoped CSS.
+    // this is implemented as a special case to avoid the overhead
+    // of going through the normal attribute patching process.
+    function setScope(vnode) {
+        let i;
+        if (isDef((i = vnode.fnScopeId))) {
+            nodeOps.setStyleScope(vnode.elm, i);
+        }
+        else {
+            let ancestor = vnode;
+            while (ancestor) {
+                if (isDef((i = ancestor.context)) && isDef((i = i.$options._scopeId))) {
+                    nodeOps.setStyleScope(vnode.elm, i);
+                }
+                ancestor = ancestor.parent;
+            }
+        }
+        // for slot content they should also get the scopeId from the host instance.
+        if (isDef((i = activeInstance)) &&
+            i !== vnode.context &&
+            i !== vnode.fnContext &&
+            isDef((i = i.$options._scopeId))) {
+            nodeOps.setStyleScope(vnode.elm, i);
+        }
+    }
+    function addVnodes(parentElm, refElm, vnodes, startIdx, endIdx, insertedVnodeQueue) {
+        for (; startIdx <= endIdx; ++startIdx) {
+            createElm(vnodes[startIdx], insertedVnodeQueue, parentElm, refElm, false, vnodes, startIdx);
+        }
+    }
+    function invokeDestroyHook(vnode) {
+        let i, j;
+        const data = vnode.data;
+        if (isDef(data)) {
+            if (isDef((i = data.hook)) && isDef((i = i.destroy)))
+                i(vnode);
+            for (i = 0; i < cbs.destroy.length; ++i)
+                cbs.destroy[i](vnode);
+        }
+        if (isDef((i = vnode.children))) {
+            for (j = 0; j < vnode.children.length; ++j) {
+                invokeDestroyHook(vnode.children[j]);
+            }
+        }
+    }
+    function removeVnodes(vnodes, startIdx, endIdx) {
+        for (; startIdx <= endIdx; ++startIdx) {
+            const ch = vnodes[startIdx];
+            if (isDef(ch)) {
+                if (isDef(ch.tag)) {
+                    removeAndInvokeRemoveHook(ch);
+                    invokeDestroyHook(ch);
+                }
+                else {
+                    // Text node
+                    removeNode(ch.elm);
+                }
+            }
+        }
+    }
+    function removeAndInvokeRemoveHook(vnode, rm) {
+        if (isDef(rm) || isDef(vnode.data)) {
+            let i;
+            const listeners = cbs.remove.length + 1;
+            if (isDef(rm)) {
+                // we have a recursively passed down rm callback
+                // increase the listeners count
+                rm.listeners += listeners;
+            }
+            else {
+                // directly removing
+                rm = createRmCb(vnode.elm, listeners);
+            }
+            // recursively invoke hooks on child component root node
+            if (isDef((i = vnode.componentInstance)) &&
+                isDef((i = i._vnode)) &&
+                isDef(i.data)) {
+                removeAndInvokeRemoveHook(i, rm);
+            }
+            for (i = 0; i < cbs.remove.length; ++i) {
+                cbs.remove[i](vnode, rm);
+            }
+            if (isDef((i = vnode.data.hook)) && isDef((i = i.remove))) {
+                i(vnode, rm);
+            }
+            else {
+                rm();
+            }
+        }
+        else {
+            removeNode(vnode.elm);
+        }
+    }
+    function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {
+        let oldStartIdx = 0;
+        let newStartIdx = 0;
+        let oldEndIdx = oldCh.length - 1;
+        let oldStartVnode = oldCh[0];
+        let oldEndVnode = oldCh[oldEndIdx];
+        let newEndIdx = newCh.length - 1;
+        let newStartVnode = newCh[0];
+        let newEndVnode = newCh[newEndIdx];
+        let oldKeyToIdx, idxInOld, vnodeToMove, refElm;
+        // removeOnly is a special flag used only by <transition-group>
+        // to ensure removed elements stay in correct relative positions
+        // during leaving transitions
+        const canMove = !removeOnly;
+        {
+            checkDuplicateKeys(newCh);
+        }
+        while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+            if (isUndef(oldStartVnode)) {
+                oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left
+            }
+            else if (isUndef(oldEndVnode)) {
+                oldEndVnode = oldCh[--oldEndIdx];
+            }
+            else if (sameVnode(oldStartVnode, newStartVnode)) {
+                patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);
+                oldStartVnode = oldCh[++oldStartIdx];
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else if (sameVnode(oldEndVnode, newEndVnode)) {
+                patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue, newCh, newEndIdx);
+                oldEndVnode = oldCh[--oldEndIdx];
+                newEndVnode = newCh[--newEndIdx];
+            }
+            else if (sameVnode(oldStartVnode, newEndVnode)) {
+                // Vnode moved right
+                patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue, newCh, newEndIdx);
+                canMove &&
+                    nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm));
+                oldStartVnode = oldCh[++oldStartIdx];
+                newEndVnode = newCh[--newEndIdx];
+            }
+            else if (sameVnode(oldEndVnode, newStartVnode)) {
+                // Vnode moved left
+                patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);
+                canMove &&
+                    nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);
+                oldEndVnode = oldCh[--oldEndIdx];
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
+                if (isUndef(oldKeyToIdx))
+                    oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx);
+                idxInOld = isDef(newStartVnode.key)
+                    ? oldKeyToIdx[newStartVnode.key]
+                    : findIdxInOld(newStartVnode, oldCh, oldStartIdx, oldEndIdx);
+                if (isUndef(idxInOld)) {
+                    // New element
+                    createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);
+                }
+                else {
+                    vnodeToMove = oldCh[idxInOld];
+                    if (sameVnode(vnodeToMove, newStartVnode)) {
+                        patchVnode(vnodeToMove, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);
+                        oldCh[idxInOld] = undefined;
+                        canMove &&
+                            nodeOps.insertBefore(parentElm, vnodeToMove.elm, oldStartVnode.elm);
+                    }
+                    else {
+                        // same key but different element. treat as new element
+                        createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);
+                    }
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+        }
+        if (oldStartIdx > oldEndIdx) {
+            refElm = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;
+            addVnodes(parentElm, refElm, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);
+        }
+        else if (newStartIdx > newEndIdx) {
+            removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+        }
+    }
+    function checkDuplicateKeys(children) {
+        const seenKeys = {};
+        for (let i = 0; i < children.length; i++) {
+            const vnode = children[i];
+            const key = vnode.key;
+            if (isDef(key)) {
+                if (seenKeys[key]) {
+                    warn$2(`Duplicate keys detected: '${key}'. This may cause an update error.`, vnode.context);
+                }
+                else {
+                    seenKeys[key] = true;
+                }
+            }
+        }
+    }
+    function findIdxInOld(node, oldCh, start, end) {
+        for (let i = start; i < end; i++) {
+            const c = oldCh[i];
+            if (isDef(c) && sameVnode(node, c))
+                return i;
+        }
+    }
+    function patchVnode(oldVnode, vnode, insertedVnodeQueue, ownerArray, index, removeOnly) {
+        if (oldVnode === vnode) {
+            return;
+        }
+        if (isDef(vnode.elm) && isDef(ownerArray)) {
+            // clone reused vnode
+            vnode = ownerArray[index] = cloneVNode(vnode);
+        }
+        const elm = (vnode.elm = oldVnode.elm);
+        if (isTrue(oldVnode.isAsyncPlaceholder)) {
+            if (isDef(vnode.asyncFactory.resolved)) {
+                hydrate(oldVnode.elm, vnode, insertedVnodeQueue);
+            }
+            else {
+                vnode.isAsyncPlaceholder = true;
+            }
+            return;
+        }
+        // reuse element for static trees.
+        // note we only do this if the vnode is cloned -
+        // if the new node is not cloned it means the render functions have been
+        // reset by the hot-reload-api and we need to do a proper re-render.
+        if (isTrue(vnode.isStatic) &&
+            isTrue(oldVnode.isStatic) &&
+            vnode.key === oldVnode.key &&
+            (isTrue(vnode.isCloned) || isTrue(vnode.isOnce))) {
+            vnode.componentInstance = oldVnode.componentInstance;
+            return;
+        }
+        let i;
+        const data = vnode.data;
+        if (isDef(data) && isDef((i = data.hook)) && isDef((i = i.prepatch))) {
+            i(oldVnode, vnode);
+        }
+        const oldCh = oldVnode.children;
+        const ch = vnode.children;
+        if (isDef(data) && isPatchable(vnode)) {
+            for (i = 0; i < cbs.update.length; ++i)
+                cbs.update[i](oldVnode, vnode);
+            if (isDef((i = data.hook)) && isDef((i = i.update)))
+                i(oldVnode, vnode);
+        }
+        if (isUndef(vnode.text)) {
+            if (isDef(oldCh) && isDef(ch)) {
+                if (oldCh !== ch)
+                    updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly);
+            }
+            else if (isDef(ch)) {
+                {
+                    checkDuplicateKeys(ch);
+                }
+                if (isDef(oldVnode.text))
+                    nodeOps.setTextContent(elm, '');
+                addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
+            }
+            else if (isDef(oldCh)) {
+                removeVnodes(oldCh, 0, oldCh.length - 1);
+            }
+            else if (isDef(oldVnode.text)) {
+                nodeOps.setTextContent(elm, '');
+            }
+        }
+        else if (oldVnode.text !== vnode.text) {
+            nodeOps.setTextContent(elm, vnode.text);
+        }
+        if (isDef(data)) {
+            if (isDef((i = data.hook)) && isDef((i = i.postpatch)))
+                i(oldVnode, vnode);
+        }
+    }
+    function invokeInsertHook(vnode, queue, initial) {
+        // delay insert hooks for component root nodes, invoke them after the
+        // element is really inserted
+        if (isTrue(initial) && isDef(vnode.parent)) {
+            vnode.parent.data.pendingInsert = queue;
+        }
+        else {
+            for (let i = 0; i < queue.length; ++i) {
+                queue[i].data.hook.insert(queue[i]);
+            }
+        }
+    }
+    let hydrationBailed = false;
+    // list of modules that can skip create hook during hydration because they
+    // are already rendered on the client or has no need for initialization
+    // Note: style is excluded because it relies on initial clone for future
+    // deep updates (#7063).
+    const isRenderedModule = makeMap('attrs,class,staticClass,staticStyle,key');
+    // Note: this is a browser-only function so we can assume elms are DOM nodes.
+    function hydrate(elm, vnode, insertedVnodeQueue, inVPre) {
+        let i;
+        const { tag, data, children } = vnode;
+        inVPre = inVPre || (data && data.pre);
+        vnode.elm = elm;
+        if (isTrue(vnode.isComment) && isDef(vnode.asyncFactory)) {
+            vnode.isAsyncPlaceholder = true;
+            return true;
+        }
+        // assert node match
+        {
+            if (!assertNodeMatch(elm, vnode, inVPre)) {
+                return false;
+            }
+        }
+        if (isDef(data)) {
+            if (isDef((i = data.hook)) && isDef((i = i.init)))
+                i(vnode, true /* hydrating */);
+            if (isDef((i = vnode.componentInstance))) {
+                // child component. it should have hydrated its own tree.
+                initComponent(vnode, insertedVnodeQueue);
+                return true;
+            }
+        }
+        if (isDef(tag)) {
+            if (isDef(children)) {
+                // empty element, allow client to pick up and populate children
+                if (!elm.hasChildNodes()) {
+                    createChildren(vnode, children, insertedVnodeQueue);
+                }
+                else {
+                    // v-html and domProps: innerHTML
+                    if (isDef((i = data)) &&
+                        isDef((i = i.domProps)) &&
+                        isDef((i = i.innerHTML))) {
+                        if (i !== elm.innerHTML) {
+                            /* istanbul ignore if */
+                            if (typeof console !== 'undefined' &&
+                                !hydrationBailed) {
+                                hydrationBailed = true;
+                                console.warn('Parent: ', elm);
+                                console.warn('server innerHTML: ', i);
+                                console.warn('client innerHTML: ', elm.innerHTML);
+                            }
+                            return false;
+                        }
+                    }
+                    else {
+                        // iterate and compare children lists
+                        let childrenMatch = true;
+                        let childNode = elm.firstChild;
+                        for (let i = 0; i < children.length; i++) {
+                            if (!childNode ||
+                                !hydrate(childNode, children[i], insertedVnodeQueue, inVPre)) {
+                                childrenMatch = false;
+                                break;
+                            }
+                            childNode = childNode.nextSibling;
+                        }
+                        // if childNode is not null, it means the actual childNodes list is
+                        // longer than the virtual children list.
+                        if (!childrenMatch || childNode) {
+                            /* istanbul ignore if */
+                            if (typeof console !== 'undefined' &&
+                                !hydrationBailed) {
+                                hydrationBailed = true;
+                                console.warn('Parent: ', elm);
+                                console.warn('Mismatching childNodes vs. VNodes: ', elm.childNodes, children);
+                            }
+                            return false;
+                        }
+                    }
+                }
+            }
+            if (isDef(data)) {
+                let fullInvoke = false;
+                for (const key in data) {
+                    if (!isRenderedModule(key)) {
+                        fullInvoke = true;
+                        invokeCreateHooks(vnode, insertedVnodeQueue);
+                        break;
+                    }
+                }
+                if (!fullInvoke && data['class']) {
+                    // ensure collecting deps for deep class bindings for future updates
+                    traverse(data['class']);
+                }
+            }
+        }
+        else if (elm.data !== vnode.text) {
+            elm.data = vnode.text;
+        }
+        return true;
+    }
+    function assertNodeMatch(node, vnode, inVPre) {
+        if (isDef(vnode.tag)) {
+            return (vnode.tag.indexOf('vue-component') === 0 ||
+                (!isUnknownElement(vnode, inVPre) &&
+                    vnode.tag.toLowerCase() ===
+                        (node.tagName && node.tagName.toLowerCase())));
+        }
+        else {
+            return node.nodeType === (vnode.isComment ? 8 : 3);
+        }
+    }
+    return function patch(oldVnode, vnode, hydrating, removeOnly) {
+        if (isUndef(vnode)) {
+            if (isDef(oldVnode))
+                invokeDestroyHook(oldVnode);
+            return;
+        }
+        let isInitialPatch = false;
+        const insertedVnodeQueue = [];
+        if (isUndef(oldVnode)) {
+            // empty mount (likely as component), create new root element
+            isInitialPatch = true;
+            createElm(vnode, insertedVnodeQueue);
+        }
+        else {
+            const isRealElement = isDef(oldVnode.nodeType);
+            if (!isRealElement && sameVnode(oldVnode, vnode)) {
+                // patch existing root node
+                patchVnode(oldVnode, vnode, insertedVnodeQueue, null, null, removeOnly);
+            }
+            else {
+                if (isRealElement) {
+                    // mounting to a real element
+                    // check if this is server-rendered content and if we can perform
+                    // a successful hydration.
+                    if (oldVnode.nodeType === 1 && oldVnode.hasAttribute(SSR_ATTR)) {
+                        oldVnode.removeAttribute(SSR_ATTR);
+                        hydrating = true;
+                    }
+                    if (isTrue(hydrating)) {
+                        if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
+                            invokeInsertHook(vnode, insertedVnodeQueue, true);
+                            return oldVnode;
+                        }
+                        else {
+                            warn$2('The client-side rendered virtual DOM tree is not matching ' +
+                                'server-rendered content. This is likely caused by incorrect ' +
+                                'HTML markup, for example nesting block-level elements inside ' +
+                                '<p>, or missing <tbody>. Bailing hydration and performing ' +
+                                'full client-side render.');
+                        }
+                    }
+                    // either not server-rendered, or hydration failed.
+                    // create an empty node and replace it
+                    oldVnode = emptyNodeAt(oldVnode);
+                }
+                // replacing existing element
+                const oldElm = oldVnode.elm;
+                const parentElm = nodeOps.parentNode(oldElm);
+                // create new node
+                createElm(vnode, insertedVnodeQueue, 
+                // extremely rare edge case: do not insert if old element is in a
+                // leaving transition. Only happens when combining transition +
+                // keep-alive + HOCs. (#4590)
+                oldElm._leaveCb ? null : parentElm, nodeOps.nextSibling(oldElm));
+                // update parent placeholder node element, recursively
+                if (isDef(vnode.parent)) {
+                    let ancestor = vnode.parent;
+                    const patchable = isPatchable(vnode);
+                    while (ancestor) {
+                        for (let i = 0; i < cbs.destroy.length; ++i) {
+                            cbs.destroy[i](ancestor);
+                        }
+                        ancestor.elm = vnode.elm;
+                        if (patchable) {
+                            for (let i = 0; i < cbs.create.length; ++i) {
+                                cbs.create[i](emptyNode, ancestor);
+                            }
+                            // #6513
+                            // invoke insert hooks that may have been merged by create hooks.
+                            // e.g. for directives that uses the "inserted" hook.
+                            const insert = ancestor.data.hook.insert;
+                            if (insert.merged) {
+                                // start at index 1 to avoid re-invoking component mounted hook
+                                // clone insert hooks to avoid being mutated during iteration.
+                                // e.g. for customed directives under transition group.
+                                const cloned = insert.fns.slice(1);
+                                for (let i = 0; i < cloned.length; i++) {
+                                    cloned[i]();
+                                }
+                            }
+                        }
+                        else {
+                            registerRef(ancestor);
+                        }
+                        ancestor = ancestor.parent;
+                    }
+                }
+                // destroy old node
+                if (isDef(parentElm)) {
+                    removeVnodes([oldVnode], 0, 0);
+                }
+                else if (isDef(oldVnode.tag)) {
+                    invokeDestroyHook(oldVnode);
+                }
+            }
+        }
+        invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch);
+        return vnode.elm;
+    };
+}
+
+var directives$1 = {
+    create: updateDirectives,
+    update: updateDirectives,
+    destroy: function unbindDirectives(vnode) {
+        // @ts-expect-error emptyNode is not VNodeWithData
+        updateDirectives(vnode, emptyNode);
+    }
+};
+function updateDirectives(oldVnode, vnode) {
+    if (oldVnode.data.directives || vnode.data.directives) {
+        _update(oldVnode, vnode);
+    }
+}
+function _update(oldVnode, vnode) {
+    const isCreate = oldVnode === emptyNode;
+    const isDestroy = vnode === emptyNode;
+    const oldDirs = normalizeDirectives(oldVnode.data.directives, oldVnode.context);
+    const newDirs = normalizeDirectives(vnode.data.directives, vnode.context);
+    const dirsWithInsert = [];
+    const dirsWithPostpatch = [];
+    let key, oldDir, dir;
+    for (key in newDirs) {
+        oldDir = oldDirs[key];
+        dir = newDirs[key];
+        if (!oldDir) {
+            // new directive, bind
+            callHook(dir, 'bind', vnode, oldVnode);
+            if (dir.def && dir.def.inserted) {
+                dirsWithInsert.push(dir);
+            }
+        }
+        else {
+            // existing directive, update
+            dir.oldValue = oldDir.value;
+            dir.oldArg = oldDir.arg;
+            callHook(dir, 'update', vnode, oldVnode);
+            if (dir.def && dir.def.componentUpdated) {
+                dirsWithPostpatch.push(dir);
+            }
+        }
+    }
+    if (dirsWithInsert.length) {
+        const callInsert = () => {
+            for (let i = 0; i < dirsWithInsert.length; i++) {
+                callHook(dirsWithInsert[i], 'inserted', vnode, oldVnode);
+            }
+        };
+        if (isCreate) {
+            mergeVNodeHook(vnode, 'insert', callInsert);
+        }
+        else {
+            callInsert();
+        }
+    }
+    if (dirsWithPostpatch.length) {
+        mergeVNodeHook(vnode, 'postpatch', () => {
+            for (let i = 0; i < dirsWithPostpatch.length; i++) {
+                callHook(dirsWithPostpatch[i], 'componentUpdated', vnode, oldVnode);
+            }
+        });
+    }
+    if (!isCreate) {
+        for (key in oldDirs) {
+            if (!newDirs[key]) {
+                // no longer present, unbind
+                callHook(oldDirs[key], 'unbind', oldVnode, oldVnode, isDestroy);
+            }
+        }
+    }
+}
+const emptyModifiers = Object.create(null);
+function normalizeDirectives(dirs, vm) {
+    const res = Object.create(null);
+    if (!dirs) {
+        // $flow-disable-line
+        return res;
+    }
+    let i, dir;
+    for (i = 0; i < dirs.length; i++) {
+        dir = dirs[i];
+        if (!dir.modifiers) {
+            // $flow-disable-line
+            dir.modifiers = emptyModifiers;
+        }
+        res[getRawDirName(dir)] = dir;
+        if (vm._setupState && vm._setupState.__sfc) {
+            const setupDef = dir.def || resolveAsset(vm, '_setupState', 'v-' + dir.name);
+            if (typeof setupDef === 'function') {
+                dir.def = {
+                    bind: setupDef,
+                    update: setupDef,
+                };
+            }
+            else {
+                dir.def = setupDef;
+            }
+        }
+        dir.def = dir.def || resolveAsset(vm.$options, 'directives', dir.name, true);
+    }
+    // $flow-disable-line
+    return res;
+}
+function getRawDirName(dir) {
+    return (dir.rawName || `${dir.name}.${Object.keys(dir.modifiers || {}).join('.')}`);
+}
+function callHook(dir, hook, vnode, oldVnode, isDestroy) {
+    const fn = dir.def && dir.def[hook];
+    if (fn) {
+        try {
+            fn(vnode.elm, dir, vnode, oldVnode, isDestroy);
+        }
+        catch (e) {
+            handleError(e, vnode.context, `directive ${dir.name} ${hook} hook`);
+        }
+    }
+}
+
+var baseModules = [ref, directives$1];
+
+function updateAttrs(oldVnode, vnode) {
+    const opts = vnode.componentOptions;
+    if (isDef(opts) && opts.Ctor.options.inheritAttrs === false) {
+        return;
+    }
+    if (isUndef(oldVnode.data.attrs) && isUndef(vnode.data.attrs)) {
+        return;
+    }
+    let key, cur, old;
+    const elm = vnode.elm;
+    const oldAttrs = oldVnode.data.attrs || {};
+    let attrs = vnode.data.attrs || {};
+    // clone observed objects, as the user probably wants to mutate it
+    if (isDef(attrs.__ob__) || isTrue(attrs._v_attr_proxy)) {
+        attrs = vnode.data.attrs = extend({}, attrs);
+    }
+    for (key in attrs) {
+        cur = attrs[key];
+        old = oldAttrs[key];
+        if (old !== cur) {
+            setAttr(elm, key, cur, vnode.data.pre);
+        }
+    }
+    // #4391: in IE9, setting type can reset value for input[type=radio]
+    // #6666: IE/Edge forces progress value down to 1 before setting a max
+    /* istanbul ignore if */
+    if ((isIE || isEdge) && attrs.value !== oldAttrs.value) {
+        setAttr(elm, 'value', attrs.value);
+    }
+    for (key in oldAttrs) {
+        if (isUndef(attrs[key])) {
+            if (isXlink(key)) {
+                elm.removeAttributeNS(xlinkNS, getXlinkProp(key));
+            }
+            else if (!isEnumeratedAttr(key)) {
+                elm.removeAttribute(key);
+            }
+        }
+    }
+}
+function setAttr(el, key, value, isInPre) {
+    if (isInPre || el.tagName.indexOf('-') > -1) {
+        baseSetAttr(el, key, value);
+    }
+    else if (isBooleanAttr(key)) {
+        // set attribute for blank value
+        // e.g. <option disabled>Select one</option>
+        if (isFalsyAttrValue(value)) {
+            el.removeAttribute(key);
+        }
+        else {
+            // technically allowfullscreen is a boolean attribute for <iframe>,
+            // but Flash expects a value of "true" when used on <embed> tag
+            value = key === 'allowfullscreen' && el.tagName === 'EMBED' ? 'true' : key;
+            el.setAttribute(key, value);
+        }
+    }
+    else if (isEnumeratedAttr(key)) {
+        el.setAttribute(key, convertEnumeratedValue(key, value));
+    }
+    else if (isXlink(key)) {
+        if (isFalsyAttrValue(value)) {
+            el.removeAttributeNS(xlinkNS, getXlinkProp(key));
+        }
+        else {
+            el.setAttributeNS(xlinkNS, key, value);
+        }
+    }
+    else {
+        baseSetAttr(el, key, value);
+    }
+}
+function baseSetAttr(el, key, value) {
+    if (isFalsyAttrValue(value)) {
+        el.removeAttribute(key);
+    }
+    else {
+        // #7138: IE10 & 11 fires input event when setting placeholder on
+        // <textarea>... block the first input event and remove the blocker
+        // immediately.
+        /* istanbul ignore if */
+        if (isIE &&
+            !isIE9 &&
+            el.tagName === 'TEXTAREA' &&
+            key === 'placeholder' &&
+            value !== '' &&
+            !el.__ieph) {
+            const blocker = e => {
+                e.stopImmediatePropagation();
+                el.removeEventListener('input', blocker);
+            };
+            el.addEventListener('input', blocker);
+            // $flow-disable-line
+            el.__ieph = true; /* IE placeholder patched */
+        }
+        el.setAttribute(key, value);
+    }
+}
+var attrs = {
+    create: updateAttrs,
+    update: updateAttrs
+};
+
+function updateClass(oldVnode, vnode) {
+    const el = vnode.elm;
+    const data = vnode.data;
+    const oldData = oldVnode.data;
+    if (isUndef(data.staticClass) &&
+        isUndef(data.class) &&
+        (isUndef(oldData) ||
+            (isUndef(oldData.staticClass) && isUndef(oldData.class)))) {
+        return;
+    }
+    let cls = genClassForVnode(vnode);
+    // handle transition classes
+    const transitionClass = el._transitionClasses;
+    if (isDef(transitionClass)) {
+        cls = concat(cls, stringifyClass(transitionClass));
+    }
+    // set the class
+    if (cls !== el._prevClass) {
+        el.setAttribute('class', cls);
+        el._prevClass = cls;
+    }
+}
+var klass$1 = {
+    create: updateClass,
+    update: updateClass
+};
+
+const validDivisionCharRE = /[\w).+\-_$\]]/;
+function parseFilters(exp) {
+    let inSingle = false;
+    let inDouble = false;
+    let inTemplateString = false;
+    let inRegex = false;
+    let curly = 0;
+    let square = 0;
+    let paren = 0;
+    let lastFilterIndex = 0;
+    let c, prev, i, expression, filters;
+    for (i = 0; i < exp.length; i++) {
+        prev = c;
+        c = exp.charCodeAt(i);
+        if (inSingle) {
+            if (c === 0x27 && prev !== 0x5c)
+                inSingle = false;
+        }
+        else if (inDouble) {
+            if (c === 0x22 && prev !== 0x5c)
+                inDouble = false;
+        }
+        else if (inTemplateString) {
+            if (c === 0x60 && prev !== 0x5c)
+                inTemplateString = false;
+        }
+        else if (inRegex) {
+            if (c === 0x2f && prev !== 0x5c)
+                inRegex = false;
+        }
+        else if (c === 0x7c && // pipe
+            exp.charCodeAt(i + 1) !== 0x7c &&
+            exp.charCodeAt(i - 1) !== 0x7c &&
+            !curly &&
+            !square &&
+            !paren) {
+            if (expression === undefined) {
+                // first filter, end of expression
+                lastFilterIndex = i + 1;
+                expression = exp.slice(0, i).trim();
+            }
+            else {
+                pushFilter();
+            }
+        }
+        else {
+            switch (c) {
+                case 0x22:
+                    inDouble = true;
+                    break; // "
+                case 0x27:
+                    inSingle = true;
+                    break; // '
+                case 0x60:
+                    inTemplateString = true;
+                    break; // `
+                case 0x28:
+                    paren++;
+                    break; // (
+                case 0x29:
+                    paren--;
+                    break; // )
+                case 0x5b:
+                    square++;
+                    break; // [
+                case 0x5d:
+                    square--;
+                    break; // ]
+                case 0x7b:
+                    curly++;
+                    break; // {
+                case 0x7d:
+                    curly--;
+                    break; // }
+            }
+            if (c === 0x2f) {
+                // /
+                let j = i - 1;
+                let p;
+                // find first non-whitespace prev char
+                for (; j >= 0; j--) {
+                    p = exp.charAt(j);
+                    if (p !== ' ')
+                        break;
+                }
+                if (!p || !validDivisionCharRE.test(p)) {
+                    inRegex = true;
+                }
+            }
+        }
+    }
+    if (expression === undefined) {
+        expression = exp.slice(0, i).trim();
+    }
+    else if (lastFilterIndex !== 0) {
+        pushFilter();
+    }
+    function pushFilter() {
+        (filters || (filters = [])).push(exp.slice(lastFilterIndex, i).trim());
+        lastFilterIndex = i + 1;
+    }
+    if (filters) {
+        for (i = 0; i < filters.length; i++) {
+            expression = wrapFilter(expression, filters[i]);
+        }
+    }
+    return expression;
+}
+function wrapFilter(exp, filter) {
+    const i = filter.indexOf('(');
+    if (i < 0) {
+        // _f: resolveFilter
+        return `_f("${filter}")(${exp})`;
+    }
+    else {
+        const name = filter.slice(0, i);
+        const args = filter.slice(i + 1);
+        return `_f("${name}")(${exp}${args !== ')' ? ',' + args : args}`;
+    }
+}
+
+/* eslint-disable no-unused-vars */
+function baseWarn(msg, range) {
+    console.error(`[Vue compiler]: ${msg}`);
+}
+/* eslint-enable no-unused-vars */
+function pluckModuleFunction(modules, key) {
+    return modules ? modules.map(m => m[key]).filter(_ => _) : [];
+}
+function addProp(el, name, value, range, dynamic) {
+    (el.props || (el.props = [])).push(rangeSetItem({ name, value, dynamic }, range));
+    el.plain = false;
+}
+function addAttr(el, name, value, range, dynamic) {
+    const attrs = dynamic
+        ? el.dynamicAttrs || (el.dynamicAttrs = [])
+        : el.attrs || (el.attrs = []);
+    attrs.push(rangeSetItem({ name, value, dynamic }, range));
+    el.plain = false;
+}
+// add a raw attr (use this in preTransforms)
+function addRawAttr(el, name, value, range) {
+    el.attrsMap[name] = value;
+    el.attrsList.push(rangeSetItem({ name, value }, range));
+}
+function addDirective(el, name, rawName, value, arg, isDynamicArg, modifiers, range) {
+    (el.directives || (el.directives = [])).push(rangeSetItem({
+        name,
+        rawName,
+        value,
+        arg,
+        isDynamicArg,
+        modifiers
+    }, range));
+    el.plain = false;
+}
+function prependModifierMarker(symbol, name, dynamic) {
+    return dynamic ? `_p(${name},"${symbol}")` : symbol + name; // mark the event as captured
+}
+function addHandler(el, name, value, modifiers, important, warn, range, dynamic) {
+    modifiers = modifiers || emptyObject;
+    // warn prevent and passive modifier
+    /* istanbul ignore if */
+    if (warn && modifiers.prevent && modifiers.passive) {
+        warn("passive and prevent can't be used together. " +
+            "Passive handler can't prevent default event.", range);
+    }
+    // normalize click.right and click.middle since they don't actually fire
+    // this is technically browser-specific, but at least for now browsers are
+    // the only target envs that have right/middle clicks.
+    if (modifiers.right) {
+        if (dynamic) {
+            name = `(${name})==='click'?'contextmenu':(${name})`;
+        }
+        else if (name === 'click') {
+            name = 'contextmenu';
+            delete modifiers.right;
+        }
+    }
+    else if (modifiers.middle) {
+        if (dynamic) {
+            name = `(${name})==='click'?'mouseup':(${name})`;
+        }
+        else if (name === 'click') {
+            name = 'mouseup';
+        }
+    }
+    // check capture modifier
+    if (modifiers.capture) {
+        delete modifiers.capture;
+        name = prependModifierMarker('!', name, dynamic);
+    }
+    if (modifiers.once) {
+        delete modifiers.once;
+        name = prependModifierMarker('~', name, dynamic);
+    }
+    /* istanbul ignore if */
+    if (modifiers.passive) {
+        delete modifiers.passive;
+        name = prependModifierMarker('&', name, dynamic);
+    }
+    let events;
+    if (modifiers.native) {
+        delete modifiers.native;
+        events = el.nativeEvents || (el.nativeEvents = {});
+    }
+    else {
+        events = el.events || (el.events = {});
+    }
+    const newHandler = rangeSetItem({ value: value.trim(), dynamic }, range);
+    if (modifiers !== emptyObject) {
+        newHandler.modifiers = modifiers;
+    }
+    const handlers = events[name];
+    /* istanbul ignore if */
+    if (Array.isArray(handlers)) {
+        important ? handlers.unshift(newHandler) : handlers.push(newHandler);
+    }
+    else if (handlers) {
+        events[name] = important ? [newHandler, handlers] : [handlers, newHandler];
+    }
+    else {
+        events[name] = newHandler;
+    }
+    el.plain = false;
+}
+function getRawBindingAttr(el, name) {
+    return (el.rawAttrsMap[':' + name] ||
+        el.rawAttrsMap['v-bind:' + name] ||
+        el.rawAttrsMap[name]);
+}
+function getBindingAttr(el, name, getStatic) {
+    const dynamicValue = getAndRemoveAttr(el, ':' + name) || getAndRemoveAttr(el, 'v-bind:' + name);
+    if (dynamicValue != null) {
+        return parseFilters(dynamicValue);
+    }
+    else if (getStatic !== false) {
+        const staticValue = getAndRemoveAttr(el, name);
+        if (staticValue != null) {
+            return JSON.stringify(staticValue);
+        }
+    }
+}
+// note: this only removes the attr from the Array (attrsList) so that it
+// doesn't get processed by processAttrs.
+// By default it does NOT remove it from the map (attrsMap) because the map is
+// needed during codegen.
+function getAndRemoveAttr(el, name, removeFromMap) {
+    let val;
+    if ((val = el.attrsMap[name]) != null) {
+        const list = el.attrsList;
+        for (let i = 0, l = list.length; i < l; i++) {
+            if (list[i].name === name) {
+                list.splice(i, 1);
+                break;
+            }
+        }
+    }
+    if (removeFromMap) {
+        delete el.attrsMap[name];
+    }
+    return val;
+}
+function getAndRemoveAttrByRegex(el, name) {
+    const list = el.attrsList;
+    for (let i = 0, l = list.length; i < l; i++) {
+        const attr = list[i];
+        if (name.test(attr.name)) {
+            list.splice(i, 1);
+            return attr;
+        }
+    }
+}
+function rangeSetItem(item, range) {
+    if (range) {
+        if (range.start != null) {
+            item.start = range.start;
+        }
+        if (range.end != null) {
+            item.end = range.end;
+        }
+    }
+    return item;
+}
+
+/**
+ * Cross-platform code generation for component v-model
+ */
+function genComponentModel(el, value, modifiers) {
+    const { number, trim } = modifiers || {};
+    const baseValueExpression = '$$v';
+    let valueExpression = baseValueExpression;
+    if (trim) {
+        valueExpression =
+            `(typeof ${baseValueExpression} === 'string'` +
+                `? ${baseValueExpression}.trim()` +
+                `: ${baseValueExpression})`;
+    }
+    if (number) {
+        valueExpression = `_n(${valueExpression})`;
+    }
+    const assignment = genAssignmentCode(value, valueExpression);
+    el.model = {
+        value: `(${value})`,
+        expression: JSON.stringify(value),
+        callback: `function (${baseValueExpression}) {${assignment}}`
+    };
+}
+/**
+ * Cross-platform codegen helper for generating v-model value assignment code.
+ */
+function genAssignmentCode(value, assignment) {
+    const res = parseModel(value);
+    if (res.key === null) {
+        return `${value}=${assignment}`;
+    }
+    else {
+        return `$set(${res.exp}, ${res.key}, ${assignment})`;
+    }
+}
+/**
+ * Parse a v-model expression into a base path and a final key segment.
+ * Handles both dot-path and possible square brackets.
+ *
+ * Possible cases:
+ *
+ * - test
+ * - test[key]
+ * - test[test1[key]]
+ * - test["a"][key]
+ * - xxx.test[a[a].test1[key]]
+ * - test.xxx.a["asa"][test1[key]]
+ *
+ */
+let len, str, chr, index, expressionPos, expressionEndPos;
+function parseModel(val) {
+    // Fix https://github.com/vuejs/vue/pull/7730
+    // allow v-model="obj.val " (trailing whitespace)
+    val = val.trim();
+    len = val.length;
+    if (val.indexOf('[') < 0 || val.lastIndexOf(']') < len - 1) {
+        index = val.lastIndexOf('.');
+        if (index > -1) {
+            return {
+                exp: val.slice(0, index),
+                key: '"' + val.slice(index + 1) + '"'
+            };
+        }
+        else {
+            return {
+                exp: val,
+                key: null
+            };
+        }
+    }
+    str = val;
+    index = expressionPos = expressionEndPos = 0;
+    while (!eof()) {
+        chr = next();
+        /* istanbul ignore if */
+        if (isStringStart(chr)) {
+            parseString(chr);
+        }
+        else if (chr === 0x5b) {
+            parseBracket(chr);
+        }
+    }
+    return {
+        exp: val.slice(0, expressionPos),
+        key: val.slice(expressionPos + 1, expressionEndPos)
+    };
+}
+function next() {
+    return str.charCodeAt(++index);
+}
+function eof() {
+    return index >= len;
+}
+function isStringStart(chr) {
+    return chr === 0x22 || chr === 0x27;
+}
+function parseBracket(chr) {
+    let inBracket = 1;
+    expressionPos = index;
+    while (!eof()) {
+        chr = next();
+        if (isStringStart(chr)) {
+            parseString(chr);
+            continue;
+        }
+        if (chr === 0x5b)
+            inBracket++;
+        if (chr === 0x5d)
+            inBracket--;
+        if (inBracket === 0) {
+            expressionEndPos = index;
+            break;
+        }
+    }
+}
+function parseString(chr) {
+    const stringQuote = chr;
+    while (!eof()) {
+        chr = next();
+        if (chr === stringQuote) {
+            break;
+        }
+    }
+}
+
+let warn$1;
+// in some cases, the event used has to be determined at runtime
+// so we used some reserved tokens during compile.
+const RANGE_TOKEN = '__r';
+const CHECKBOX_RADIO_TOKEN = '__c';
+function model$1(el, dir, _warn) {
+    warn$1 = _warn;
+    const value = dir.value;
+    const modifiers = dir.modifiers;
+    const tag = el.tag;
+    const type = el.attrsMap.type;
+    {
+        // inputs with type="file" are read only and setting the input's
+        // value will throw an error.
+        if (tag === 'input' && type === 'file') {
+            warn$1(`<${el.tag} v-model="${value}" type="file">:\n` +
+                `File inputs are read only. Use a v-on:change listener instead.`, el.rawAttrsMap['v-model']);
+        }
+    }
+    if (el.component) {
+        genComponentModel(el, value, modifiers);
+        // component v-model doesn't need extra runtime
+        return false;
+    }
+    else if (tag === 'select') {
+        genSelect(el, value, modifiers);
+    }
+    else if (tag === 'input' && type === 'checkbox') {
+        genCheckboxModel(el, value, modifiers);
+    }
+    else if (tag === 'input' && type === 'radio') {
+        genRadioModel(el, value, modifiers);
+    }
+    else if (tag === 'input' || tag === 'textarea') {
+        genDefaultModel(el, value, modifiers);
+    }
+    else if (!config.isReservedTag(tag)) {
+        genComponentModel(el, value, modifiers);
+        // component v-model doesn't need extra runtime
+        return false;
+    }
+    else {
+        warn$1(`<${el.tag} v-model="${value}">: ` +
+            `v-model is not supported on this element type. ` +
+            "If you are working with contenteditable, it's recommended to " +
+            'wrap a library dedicated for that purpose inside a custom component.', el.rawAttrsMap['v-model']);
+    }
+    // ensure runtime directive metadata
+    return true;
+}
+function genCheckboxModel(el, value, modifiers) {
+    const number = modifiers && modifiers.number;
+    const valueBinding = getBindingAttr(el, 'value') || 'null';
+    const trueValueBinding = getBindingAttr(el, 'true-value') || 'true';
+    const falseValueBinding = getBindingAttr(el, 'false-value') || 'false';
+    addProp(el, 'checked', `Array.isArray(${value})` +
+        `?_i(${value},${valueBinding})>-1` +
+        (trueValueBinding === 'true'
+            ? `:(${value})`
+            : `:_q(${value},${trueValueBinding})`));
+    addHandler(el, 'change', `var $$a=${value},` +
+        '$$el=$event.target,' +
+        `$$c=$$el.checked?(${trueValueBinding}):(${falseValueBinding});` +
+        'if(Array.isArray($$a)){' +
+        `var $$v=${number ? '_n(' + valueBinding + ')' : valueBinding},` +
+        '$$i=_i($$a,$$v);' +
+        `if($$el.checked){$$i<0&&(${genAssignmentCode(value, '$$a.concat([$$v])')})}` +
+        `else{$$i>-1&&(${genAssignmentCode(value, '$$a.slice(0,$$i).concat($$a.slice($$i+1))')})}` +
+        `}else{${genAssignmentCode(value, '$$c')}}`, null, true);
+}
+function genRadioModel(el, value, modifiers) {
+    const number = modifiers && modifiers.number;
+    let valueBinding = getBindingAttr(el, 'value') || 'null';
+    valueBinding = number ? `_n(${valueBinding})` : valueBinding;
+    addProp(el, 'checked', `_q(${value},${valueBinding})`);
+    addHandler(el, 'change', genAssignmentCode(value, valueBinding), null, true);
+}
+function genSelect(el, value, modifiers) {
+    const number = modifiers && modifiers.number;
+    const selectedVal = `Array.prototype.filter` +
+        `.call($event.target.options,function(o){return o.selected})` +
+        `.map(function(o){var val = "_value" in o ? o._value : o.value;` +
+        `return ${number ? '_n(val)' : 'val'}})`;
+    const assignment = '$event.target.multiple ? $$selectedVal : $$selectedVal[0]';
+    let code = `var $$selectedVal = ${selectedVal};`;
+    code = `${code} ${genAssignmentCode(value, assignment)}`;
+    addHandler(el, 'change', code, null, true);
+}
+function genDefaultModel(el, value, modifiers) {
+    const type = el.attrsMap.type;
+    // warn if v-bind:value conflicts with v-model
+    // except for inputs with v-bind:type
+    {
+        const value = el.attrsMap['v-bind:value'] || el.attrsMap[':value'];
+        const typeBinding = el.attrsMap['v-bind:type'] || el.attrsMap[':type'];
+        if (value && !typeBinding) {
+            const binding = el.attrsMap['v-bind:value'] ? 'v-bind:value' : ':value';
+            warn$1(`${binding}="${value}" conflicts with v-model on the same element ` +
+                'because the latter already expands to a value binding internally', el.rawAttrsMap[binding]);
+        }
+    }
+    const { lazy, number, trim } = modifiers || {};
+    const needCompositionGuard = !lazy && type !== 'range';
+    const event = lazy ? 'change' : type === 'range' ? RANGE_TOKEN : 'input';
+    let valueExpression = '$event.target.value';
+    if (trim) {
+        valueExpression = `$event.target.value.trim()`;
+    }
+    if (number) {
+        valueExpression = `_n(${valueExpression})`;
+    }
+    let code = genAssignmentCode(value, valueExpression);
+    if (needCompositionGuard) {
+        code = `if($event.target.composing)return;${code}`;
+    }
+    addProp(el, 'value', `(${value})`);
+    addHandler(el, event, code, null, true);
+    if (trim || number) {
+        addHandler(el, 'blur', '$forceUpdate()');
+    }
+}
+
+// normalize v-model event tokens that can only be determined at runtime.
+// it's important to place the event as the first in the array because
+// the whole point is ensuring the v-model callback gets called before
+// user-attached handlers.
+function normalizeEvents(on) {
+    /* istanbul ignore if */
+    if (isDef(on[RANGE_TOKEN])) {
+        // IE input[type=range] only supports `change` event
+        const event = isIE ? 'change' : 'input';
+        on[event] = [].concat(on[RANGE_TOKEN], on[event] || []);
+        delete on[RANGE_TOKEN];
+    }
+    // This was originally intended to fix #4521 but no longer necessary
+    // after 2.5. Keeping it for backwards compat with generated code from < 2.4
+    /* istanbul ignore if */
+    if (isDef(on[CHECKBOX_RADIO_TOKEN])) {
+        on.change = [].concat(on[CHECKBOX_RADIO_TOKEN], on.change || []);
+        delete on[CHECKBOX_RADIO_TOKEN];
+    }
+}
+let target;
+function createOnceHandler(event, handler, capture) {
+    const _target = target; // save current target element in closure
+    return function onceHandler() {
+        const res = handler.apply(null, arguments);
+        if (res !== null) {
+            remove(event, onceHandler, capture, _target);
+        }
+    };
+}
+// #9446: Firefox <= 53 (in particular, ESR 52) has incorrect Event.timeStamp
+// implementation and does not fire microtasks in between event propagation, so
+// safe to exclude.
+const useMicrotaskFix = isUsingMicroTask && !(isFF && Number(isFF[1]) <= 53);
+function add(name, handler, capture, passive) {
+    // async edge case #6566: inner click event triggers patch, event handler
+    // attached to outer element during patch, and triggered again. This
+    // happens because browsers fire microtask ticks between event propagation.
+    // the solution is simple: we save the timestamp when a handler is attached,
+    // and the handler would only fire if the event passed to it was fired
+    // AFTER it was attached.
+    if (useMicrotaskFix) {
+        const attachedTimestamp = currentFlushTimestamp;
+        const original = handler;
+        //@ts-expect-error
+        handler = original._wrapper = function (e) {
+            if (
+            // no bubbling, should always fire.
+            // this is just a safety net in case event.timeStamp is unreliable in
+            // certain weird environments...
+            e.target === e.currentTarget ||
+                // event is fired after handler attachment
+                e.timeStamp >= attachedTimestamp ||
+                // bail for environments that have buggy event.timeStamp implementations
+                // #9462 iOS 9 bug: event.timeStamp is 0 after history.pushState
+                // #9681 QtWebEngine event.timeStamp is negative value
+                e.timeStamp <= 0 ||
+                // #9448 bail if event is fired in another document in a multi-page
+                // electron/nw.js app, since event.timeStamp will be using a different
+                // starting reference
+                e.target.ownerDocument !== document) {
+                return original.apply(this, arguments);
+            }
+        };
+    }
+    target.addEventListener(name, handler, supportsPassive ? { capture, passive } : capture);
+}
+function remove(name, handler, capture, _target) {
+    (_target || target).removeEventListener(name, 
+    //@ts-expect-error
+    handler._wrapper || handler, capture);
+}
+function updateDOMListeners(oldVnode, vnode) {
+    if (isUndef(oldVnode.data.on) && isUndef(vnode.data.on)) {
+        return;
+    }
+    const on = vnode.data.on || {};
+    const oldOn = oldVnode.data.on || {};
+    // vnode is empty when removing all listeners,
+    // and use old vnode dom element
+    target = vnode.elm || oldVnode.elm;
+    normalizeEvents(on);
+    updateListeners(on, oldOn, add, remove, createOnceHandler, vnode.context);
+    target = undefined;
+}
+var events = {
+    create: updateDOMListeners,
+    update: updateDOMListeners,
+    // @ts-expect-error emptyNode has actually data
+    destroy: (vnode) => updateDOMListeners(vnode, emptyNode)
+};
+
+let svgContainer;
+function updateDOMProps(oldVnode, vnode) {
+    if (isUndef(oldVnode.data.domProps) && isUndef(vnode.data.domProps)) {
+        return;
+    }
+    let key, cur;
+    const elm = vnode.elm;
+    const oldProps = oldVnode.data.domProps || {};
+    let props = vnode.data.domProps || {};
+    // clone observed objects, as the user probably wants to mutate it
+    if (isDef(props.__ob__) || isTrue(props._v_attr_proxy)) {
+        props = vnode.data.domProps = extend({}, props);
+    }
+    for (key in oldProps) {
+        if (!(key in props)) {
+            elm[key] = '';
+        }
+    }
+    for (key in props) {
+        cur = props[key];
+        // ignore children if the node has textContent or innerHTML,
+        // as these will throw away existing DOM nodes and cause removal errors
+        // on subsequent patches (#3360)
+        if (key === 'textContent' || key === 'innerHTML') {
+            if (vnode.children)
+                vnode.children.length = 0;
+            if (cur === oldProps[key])
+                continue;
+            // #6601 work around Chrome version <= 55 bug where single textNode
+            // replaced by innerHTML/textContent retains its parentNode property
+            if (elm.childNodes.length === 1) {
+                elm.removeChild(elm.childNodes[0]);
+            }
+        }
+        if (key === 'value' && elm.tagName !== 'PROGRESS') {
+            // store value as _value as well since
+            // non-string values will be stringified
+            elm._value = cur;
+            // avoid resetting cursor position when value is the same
+            const strCur = isUndef(cur) ? '' : String(cur);
+            if (shouldUpdateValue(elm, strCur)) {
+                elm.value = strCur;
+            }
+        }
+        else if (key === 'innerHTML' &&
+            isSVG(elm.tagName) &&
+            isUndef(elm.innerHTML)) {
+            // IE doesn't support innerHTML for SVG elements
+            svgContainer = svgContainer || document.createElement('div');
+            svgContainer.innerHTML = `<svg>${cur}</svg>`;
+            const svg = svgContainer.firstChild;
+            while (elm.firstChild) {
+                elm.removeChild(elm.firstChild);
+            }
+            while (svg.firstChild) {
+                elm.appendChild(svg.firstChild);
+            }
+        }
+        else if (
+        // skip the update if old and new VDOM state is the same.
+        // `value` is handled separately because the DOM value may be temporarily
+        // out of sync with VDOM state due to focus, composition and modifiers.
+        // This  #4521 by skipping the unnecessary `checked` update.
+        cur !== oldProps[key]) {
+            // some property updates can throw
+            // e.g. `value` on <progress> w/ non-finite value
+            try {
+                elm[key] = cur;
+            }
+            catch (e) { }
+        }
+    }
+}
+function shouldUpdateValue(elm, checkVal) {
+    return (
+    //@ts-expect-error
+    !elm.composing &&
+        (elm.tagName === 'OPTION' ||
+            isNotInFocusAndDirty(elm, checkVal) ||
+            isDirtyWithModifiers(elm, checkVal)));
+}
+function isNotInFocusAndDirty(elm, checkVal) {
+    // return true when textbox (.number and .trim) loses focus and its value is
+    // not equal to the updated value
+    let notInFocus = true;
+    // #6157
+    // work around IE bug when accessing document.activeElement in an iframe
+    try {
+        notInFocus = document.activeElement !== elm;
+    }
+    catch (e) { }
+    return notInFocus && elm.value !== checkVal;
+}
+function isDirtyWithModifiers(elm, newVal) {
+    const value = elm.value;
+    const modifiers = elm._vModifiers; // injected by v-model runtime
+    if (isDef(modifiers)) {
+        if (modifiers.number) {
+            return toNumber(value) !== toNumber(newVal);
+        }
+        if (modifiers.trim) {
+            return value.trim() !== newVal.trim();
+        }
+    }
+    return value !== newVal;
+}
+var domProps = {
+    create: updateDOMProps,
+    update: updateDOMProps
+};
+
+const parseStyleText = cached(function (cssText) {
+    const res = {};
+    const listDelimiter = /;(?![^(]*\))/g;
+    const propertyDelimiter = /:(.+)/;
+    cssText.split(listDelimiter).forEach(function (item) {
+        if (item) {
+            const tmp = item.split(propertyDelimiter);
+            tmp.length > 1 && (res[tmp[0].trim()] = tmp[1].trim());
+        }
+    });
+    return res;
+});
+// merge static and dynamic style data on the same vnode
+function normalizeStyleData(data) {
+    const style = normalizeStyleBinding(data.style);
+    // static style is pre-processed into an object during compilation
+    // and is always a fresh object, so it's safe to merge into it
+    return data.staticStyle ? extend(data.staticStyle, style) : style;
+}
+// normalize possible array / string values into Object
+function normalizeStyleBinding(bindingStyle) {
+    if (Array.isArray(bindingStyle)) {
+        return toObject(bindingStyle);
+    }
+    if (typeof bindingStyle === 'string') {
+        return parseStyleText(bindingStyle);
+    }
+    return bindingStyle;
+}
+/**
+ * parent component style should be after child's
+ * so that parent component's style could override it
+ */
+function getStyle(vnode, checkChild) {
+    const res = {};
+    let styleData;
+    if (checkChild) {
+        let childNode = vnode;
+        while (childNode.componentInstance) {
+            childNode = childNode.componentInstance._vnode;
+            if (childNode &&
+                childNode.data &&
+                (styleData = normalizeStyleData(childNode.data))) {
+                extend(res, styleData);
+            }
+        }
+    }
+    if ((styleData = normalizeStyleData(vnode.data))) {
+        extend(res, styleData);
+    }
+    let parentNode = vnode;
+    // @ts-expect-error parentNode.parent not VNodeWithData
+    while ((parentNode = parentNode.parent)) {
+        if (parentNode.data && (styleData = normalizeStyleData(parentNode.data))) {
+            extend(res, styleData);
+        }
+    }
+    return res;
+}
+
+const cssVarRE = /^--/;
+const importantRE = /\s*!important$/;
+const setProp = (el, name, val) => {
+    /* istanbul ignore if */
+    if (cssVarRE.test(name)) {
+        el.style.setProperty(name, val);
+    }
+    else if (importantRE.test(val)) {
+        el.style.setProperty(hyphenate(name), val.replace(importantRE, ''), 'important');
+    }
+    else {
+        const normalizedName = normalize(name);
+        if (Array.isArray(val)) {
+            // Support values array created by autoprefixer, e.g.
+            // {display: ["-webkit-box", "-ms-flexbox", "flex"]}
+            // Set them one by one, and the browser will only set those it can recognize
+            for (let i = 0, len = val.length; i < len; i++) {
+                el.style[normalizedName] = val[i];
+            }
+        }
+        else {
+            el.style[normalizedName] = val;
+        }
+    }
+};
+const vendorNames = ['Webkit', 'Moz', 'ms'];
+let emptyStyle;
+const normalize = cached(function (prop) {
+    emptyStyle = emptyStyle || document.createElement('div').style;
+    prop = camelize(prop);
+    if (prop !== 'filter' && prop in emptyStyle) {
+        return prop;
+    }
+    const capName = prop.charAt(0).toUpperCase() + prop.slice(1);
+    for (let i = 0; i < vendorNames.length; i++) {
+        const name = vendorNames[i] + capName;
+        if (name in emptyStyle) {
+            return name;
+        }
+    }
+});
+function updateStyle(oldVnode, vnode) {
+    const data = vnode.data;
+    const oldData = oldVnode.data;
+    if (isUndef(data.staticStyle) &&
+        isUndef(data.style) &&
+        isUndef(oldData.staticStyle) &&
+        isUndef(oldData.style)) {
+        return;
+    }
+    let cur, name;
+    const el = vnode.elm;
+    const oldStaticStyle = oldData.staticStyle;
+    const oldStyleBinding = oldData.normalizedStyle || oldData.style || {};
+    // if static style exists, stylebinding already merged into it when doing normalizeStyleData
+    const oldStyle = oldStaticStyle || oldStyleBinding;
+    const style = normalizeStyleBinding(vnode.data.style) || {};
+    // store normalized style under a different key for next diff
+    // make sure to clone it if it's reactive, since the user likely wants
+    // to mutate it.
+    vnode.data.normalizedStyle = isDef(style.__ob__) ? extend({}, style) : style;
+    const newStyle = getStyle(vnode, true);
+    for (name in oldStyle) {
+        if (isUndef(newStyle[name])) {
+            setProp(el, name, '');
+        }
+    }
+    for (name in newStyle) {
+        cur = newStyle[name];
+        // ie9 setting to null has no effect, must use empty string
+        setProp(el, name, cur == null ? '' : cur);
+    }
+}
+var style$1 = {
+    create: updateStyle,
+    update: updateStyle
+};
+
+const whitespaceRE$1 = /\s+/;
+/**
+ * Add class with compatibility for SVG since classList is not supported on
+ * SVG elements in IE
+ */
+function addClass(el, cls) {
+    /* istanbul ignore if */
+    if (!cls || !(cls = cls.trim())) {
+        return;
+    }
+    /* istanbul ignore else */
+    if (el.classList) {
+        if (cls.indexOf(' ') > -1) {
+            cls.split(whitespaceRE$1).forEach(c => el.classList.add(c));
+        }
+        else {
+            el.classList.add(cls);
+        }
+    }
+    else {
+        const cur = ` ${el.getAttribute('class') || ''} `;
+        if (cur.indexOf(' ' + cls + ' ') < 0) {
+            el.setAttribute('class', (cur + cls).trim());
+        }
+    }
+}
+/**
+ * Remove class with compatibility for SVG since classList is not supported on
+ * SVG elements in IE
+ */
+function removeClass(el, cls) {
+    /* istanbul ignore if */
+    if (!cls || !(cls = cls.trim())) {
+        return;
+    }
+    /* istanbul ignore else */
+    if (el.classList) {
+        if (cls.indexOf(' ') > -1) {
+            cls.split(whitespaceRE$1).forEach(c => el.classList.remove(c));
+        }
+        else {
+            el.classList.remove(cls);
+        }
+        if (!el.classList.length) {
+            el.removeAttribute('class');
+        }
+    }
+    else {
+        let cur = ` ${el.getAttribute('class') || ''} `;
+        const tar = ' ' + cls + ' ';
+        while (cur.indexOf(tar) >= 0) {
+            cur = cur.replace(tar, ' ');
+        }
+        cur = cur.trim();
+        if (cur) {
+            el.setAttribute('class', cur);
+        }
+        else {
+            el.removeAttribute('class');
+        }
+    }
+}
+
+function resolveTransition(def) {
+    if (!def) {
+        return;
+    }
+    /* istanbul ignore else */
+    if (typeof def === 'object') {
+        const res = {};
+        if (def.css !== false) {
+            extend(res, autoCssTransition(def.name || 'v'));
+        }
+        extend(res, def);
+        return res;
+    }
+    else if (typeof def === 'string') {
+        return autoCssTransition(def);
+    }
+}
+const autoCssTransition = cached(name => {
+    return {
+        enterClass: `${name}-enter`,
+        enterToClass: `${name}-enter-to`,
+        enterActiveClass: `${name}-enter-active`,
+        leaveClass: `${name}-leave`,
+        leaveToClass: `${name}-leave-to`,
+        leaveActiveClass: `${name}-leave-active`
+    };
+});
+const hasTransition = inBrowser && !isIE9;
+const TRANSITION = 'transition';
+const ANIMATION = 'animation';
+// Transition property/event sniffing
+let transitionProp = 'transition';
+let transitionEndEvent = 'transitionend';
+let animationProp = 'animation';
+let animationEndEvent = 'animationend';
+if (hasTransition) {
+    /* istanbul ignore if */
+    if (window.ontransitionend === undefined &&
+        window.onwebkittransitionend !== undefined) {
+        transitionProp = 'WebkitTransition';
+        transitionEndEvent = 'webkitTransitionEnd';
+    }
+    if (window.onanimationend === undefined &&
+        window.onwebkitanimationend !== undefined) {
+        animationProp = 'WebkitAnimation';
+        animationEndEvent = 'webkitAnimationEnd';
+    }
+}
+// binding to window is necessary to make hot reload work in IE in strict mode
+const raf = inBrowser
+    ? window.requestAnimationFrame
+        ? window.requestAnimationFrame.bind(window)
+        : setTimeout
+    : /* istanbul ignore next */ /* istanbul ignore next */ fn => fn();
+function nextFrame(fn) {
+    raf(() => {
+        // @ts-expect-error
+        raf(fn);
+    });
+}
+function addTransitionClass(el, cls) {
+    const transitionClasses = el._transitionClasses || (el._transitionClasses = []);
+    if (transitionClasses.indexOf(cls) < 0) {
+        transitionClasses.push(cls);
+        addClass(el, cls);
+    }
+}
+function removeTransitionClass(el, cls) {
+    if (el._transitionClasses) {
+        remove$2(el._transitionClasses, cls);
+    }
+    removeClass(el, cls);
+}
+function whenTransitionEnds(el, expectedType, cb) {
+    const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
+    if (!type)
+        return cb();
+    const event = type === TRANSITION ? transitionEndEvent : animationEndEvent;
+    let ended = 0;
+    const end = () => {
+        el.removeEventListener(event, onEnd);
+        cb();
+    };
+    const onEnd = e => {
+        if (e.target === el) {
+            if (++ended >= propCount) {
+                end();
+            }
+        }
+    };
+    setTimeout(() => {
+        if (ended < propCount) {
+            end();
+        }
+    }, timeout + 1);
+    el.addEventListener(event, onEnd);
+}
+const transformRE = /\b(transform|all)(,|$)/;
+function getTransitionInfo(el, expectedType) {
+    const styles = window.getComputedStyle(el);
+    // JSDOM may return undefined for transition properties
+    const transitionDelays = (styles[transitionProp + 'Delay'] || '').split(', ');
+    const transitionDurations = (styles[transitionProp + 'Duration'] || '').split(', ');
+    const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
+    const animationDelays = (styles[animationProp + 'Delay'] || '').split(', ');
+    const animationDurations = (styles[animationProp + 'Duration'] || '').split(', ');
+    const animationTimeout = getTimeout(animationDelays, animationDurations);
+    let type;
+    let timeout = 0;
+    let propCount = 0;
+    /* istanbul ignore if */
+    if (expectedType === TRANSITION) {
+        if (transitionTimeout > 0) {
+            type = TRANSITION;
+            timeout = transitionTimeout;
+            propCount = transitionDurations.length;
+        }
+    }
+    else if (expectedType === ANIMATION) {
+        if (animationTimeout > 0) {
+            type = ANIMATION;
+            timeout = animationTimeout;
+            propCount = animationDurations.length;
+        }
+    }
+    else {
+        timeout = Math.max(transitionTimeout, animationTimeout);
+        type =
+            timeout > 0
+                ? transitionTimeout > animationTimeout
+                    ? TRANSITION
+                    : ANIMATION
+                : null;
+        propCount = type
+            ? type === TRANSITION
+                ? transitionDurations.length
+                : animationDurations.length
+            : 0;
+    }
+    const hasTransform = type === TRANSITION && transformRE.test(styles[transitionProp + 'Property']);
+    return {
+        type,
+        timeout,
+        propCount,
+        hasTransform
+    };
+}
+function getTimeout(delays, durations) {
+    /* istanbul ignore next */
+    while (delays.length < durations.length) {
+        delays = delays.concat(delays);
+    }
+    return Math.max.apply(null, durations.map((d, i) => {
+        return toMs(d) + toMs(delays[i]);
+    }));
+}
+// Old versions of Chromium (below 61.0.3163.100) formats floating pointer numbers
+// in a locale-dependent way, using a comma instead of a dot.
+// If comma is not replaced with a dot, the input will be rounded down (i.e. acting
+// as a floor function) causing unexpected behaviors
+function toMs(s) {
+    return Number(s.slice(0, -1).replace(',', '.')) * 1000;
+}
+
+function enter(vnode, toggleDisplay) {
+    const el = vnode.elm;
+    // call leave callback now
+    if (isDef(el._leaveCb)) {
+        el._leaveCb.cancelled = true;
+        el._leaveCb();
+    }
+    const data = resolveTransition(vnode.data.transition);
+    if (isUndef(data)) {
+        return;
+    }
+    /* istanbul ignore if */
+    if (isDef(el._enterCb) || el.nodeType !== 1) {
+        return;
+    }
+    const { css, type, enterClass, enterToClass, enterActiveClass, appearClass, appearToClass, appearActiveClass, beforeEnter, enter, afterEnter, enterCancelled, beforeAppear, appear, afterAppear, appearCancelled, duration } = data;
+    // activeInstance will always be the <transition> component managing this
+    // transition. One edge case to check is when the <transition> is placed
+    // as the root node of a child component. In that case we need to check
+    // <transition>'s parent for appear check.
+    let context = activeInstance;
+    let transitionNode = activeInstance.$vnode;
+    while (transitionNode && transitionNode.parent) {
+        context = transitionNode.context;
+        transitionNode = transitionNode.parent;
+    }
+    const isAppear = !context._isMounted || !vnode.isRootInsert;
+    if (isAppear && !appear && appear !== '') {
+        return;
+    }
+    const startClass = isAppear && appearClass ? appearClass : enterClass;
+    const activeClass = isAppear && appearActiveClass ? appearActiveClass : enterActiveClass;
+    const toClass = isAppear && appearToClass ? appearToClass : enterToClass;
+    const beforeEnterHook = isAppear ? beforeAppear || beforeEnter : beforeEnter;
+    const enterHook = isAppear ? (isFunction(appear) ? appear : enter) : enter;
+    const afterEnterHook = isAppear ? afterAppear || afterEnter : afterEnter;
+    const enterCancelledHook = isAppear
+        ? appearCancelled || enterCancelled
+        : enterCancelled;
+    const explicitEnterDuration = toNumber(isObject(duration) ? duration.enter : duration);
+    if (explicitEnterDuration != null) {
+        checkDuration(explicitEnterDuration, 'enter', vnode);
+    }
+    const expectsCSS = css !== false && !isIE9;
+    const userWantsControl = getHookArgumentsLength(enterHook);
+    const cb = (el._enterCb = once(() => {
+        if (expectsCSS) {
+            removeTransitionClass(el, toClass);
+            removeTransitionClass(el, activeClass);
+        }
+        // @ts-expect-error
+        if (cb.cancelled) {
+            if (expectsCSS) {
+                removeTransitionClass(el, startClass);
+            }
+            enterCancelledHook && enterCancelledHook(el);
+        }
+        else {
+            afterEnterHook && afterEnterHook(el);
+        }
+        el._enterCb = null;
+    }));
+    if (!vnode.data.show) {
+        // remove pending leave element on enter by injecting an insert hook
+        mergeVNodeHook(vnode, 'insert', () => {
+            const parent = el.parentNode;
+            const pendingNode = parent && parent._pending && parent._pending[vnode.key];
+            if (pendingNode &&
+                pendingNode.tag === vnode.tag &&
+                pendingNode.elm._leaveCb) {
+                pendingNode.elm._leaveCb();
+            }
+            enterHook && enterHook(el, cb);
+        });
+    }
+    // start enter transition
+    beforeEnterHook && beforeEnterHook(el);
+    if (expectsCSS) {
+        addTransitionClass(el, startClass);
+        addTransitionClass(el, activeClass);
+        nextFrame(() => {
+            removeTransitionClass(el, startClass);
+            // @ts-expect-error
+            if (!cb.cancelled) {
+                addTransitionClass(el, toClass);
+                if (!userWantsControl) {
+                    if (isValidDuration(explicitEnterDuration)) {
+                        setTimeout(cb, explicitEnterDuration);
+                    }
+                    else {
+                        whenTransitionEnds(el, type, cb);
+                    }
+                }
+            }
+        });
+    }
+    if (vnode.data.show) {
+        toggleDisplay && toggleDisplay();
+        enterHook && enterHook(el, cb);
+    }
+    if (!expectsCSS && !userWantsControl) {
+        cb();
+    }
+}
+function leave(vnode, rm) {
+    const el = vnode.elm;
+    // call enter callback now
+    if (isDef(el._enterCb)) {
+        el._enterCb.cancelled = true;
+        el._enterCb();
+    }
+    const data = resolveTransition(vnode.data.transition);
+    if (isUndef(data) || el.nodeType !== 1) {
+        return rm();
+    }
+    /* istanbul ignore if */
+    if (isDef(el._leaveCb)) {
+        return;
+    }
+    const { css, type, leaveClass, leaveToClass, leaveActiveClass, beforeLeave, leave, afterLeave, leaveCancelled, delayLeave, duration } = data;
+    const expectsCSS = css !== false && !isIE9;
+    const userWantsControl = getHookArgumentsLength(leave);
+    const explicitLeaveDuration = toNumber(isObject(duration) ? duration.leave : duration);
+    if (isDef(explicitLeaveDuration)) {
+        checkDuration(explicitLeaveDuration, 'leave', vnode);
+    }
+    const cb = (el._leaveCb = once(() => {
+        if (el.parentNode && el.parentNode._pending) {
+            el.parentNode._pending[vnode.key] = null;
+        }
+        if (expectsCSS) {
+            removeTransitionClass(el, leaveToClass);
+            removeTransitionClass(el, leaveActiveClass);
+        }
+        // @ts-expect-error
+        if (cb.cancelled) {
+            if (expectsCSS) {
+                removeTransitionClass(el, leaveClass);
+            }
+            leaveCancelled && leaveCancelled(el);
+        }
+        else {
+            rm();
+            afterLeave && afterLeave(el);
+        }
+        el._leaveCb = null;
+    }));
+    if (delayLeave) {
+        delayLeave(performLeave);
+    }
+    else {
+        performLeave();
+    }
+    function performLeave() {
+        // the delayed leave may have already been cancelled
+        // @ts-expect-error
+        if (cb.cancelled) {
+            return;
+        }
+        // record leaving element
+        if (!vnode.data.show && el.parentNode) {
+            (el.parentNode._pending || (el.parentNode._pending = {}))[vnode.key] =
+                vnode;
+        }
+        beforeLeave && beforeLeave(el);
+        if (expectsCSS) {
+            addTransitionClass(el, leaveClass);
+            addTransitionClass(el, leaveActiveClass);
+            nextFrame(() => {
+                removeTransitionClass(el, leaveClass);
+                // @ts-expect-error
+                if (!cb.cancelled) {
+                    addTransitionClass(el, leaveToClass);
+                    if (!userWantsControl) {
+                        if (isValidDuration(explicitLeaveDuration)) {
+                            setTimeout(cb, explicitLeaveDuration);
+                        }
+                        else {
+                            whenTransitionEnds(el, type, cb);
+                        }
+                    }
+                }
+            });
+        }
+        leave && leave(el, cb);
+        if (!expectsCSS && !userWantsControl) {
+            cb();
+        }
+    }
+}
+// only used in dev mode
+function checkDuration(val, name, vnode) {
+    if (typeof val !== 'number') {
+        warn$2(`<transition> explicit ${name} duration is not a valid number - ` +
+            `got ${JSON.stringify(val)}.`, vnode.context);
+    }
+    else if (isNaN(val)) {
+        warn$2(`<transition> explicit ${name} duration is NaN - ` +
+            'the duration expression might be incorrect.', vnode.context);
+    }
+}
+function isValidDuration(val) {
+    return typeof val === 'number' && !isNaN(val);
+}
+/**
+ * Normalize a transition hook's argument length. The hook may be:
+ * - a merged hook (invoker) with the original in .fns
+ * - a wrapped component method (check ._length)
+ * - a plain function (.length)
+ */
+function getHookArgumentsLength(fn) {
+    if (isUndef(fn)) {
+        return false;
+    }
+    // @ts-expect-error
+    const invokerFns = fn.fns;
+    if (isDef(invokerFns)) {
+        // invoker
+        return getHookArgumentsLength(Array.isArray(invokerFns) ? invokerFns[0] : invokerFns);
+    }
+    else {
+        // @ts-expect-error
+        return (fn._length || fn.length) > 1;
+    }
+}
+function _enter(_, vnode) {
+    if (vnode.data.show !== true) {
+        enter(vnode);
+    }
+}
+var transition = inBrowser
+    ? {
+        create: _enter,
+        activate: _enter,
+        remove(vnode, rm) {
+            /* istanbul ignore else */
+            if (vnode.data.show !== true) {
+                // @ts-expect-error
+                leave(vnode, rm);
+            }
+            else {
+                rm();
+            }
+        }
+    }
+    : {};
+
+var platformModules = [attrs, klass$1, events, domProps, style$1, transition];
+
+// the directive module should be applied last, after all
+// built-in modules have been applied.
+const modules$1 = platformModules.concat(baseModules);
+const patch = createPatchFunction({ nodeOps, modules: modules$1 });
+
+/**
+ * Not type checking this file because flow doesn't like attaching
+ * properties to Elements.
+ */
+/* istanbul ignore if */
+if (isIE9) {
+    // http://www.matts411.com/post/internet-explorer-9-oninput/
+    document.addEventListener('selectionchange', () => {
+        const el = document.activeElement;
+        // @ts-expect-error
+        if (el && el.vmodel) {
+            trigger(el, 'input');
+        }
+    });
+}
+const directive = {
+    inserted(el, binding, vnode, oldVnode) {
+        if (vnode.tag === 'select') {
+            // #6903
+            if (oldVnode.elm && !oldVnode.elm._vOptions) {
+                mergeVNodeHook(vnode, 'postpatch', () => {
+                    directive.componentUpdated(el, binding, vnode);
+                });
+            }
+            else {
+                setSelected(el, binding, vnode.context);
+            }
+            el._vOptions = [].map.call(el.options, getValue);
+        }
+        else if (vnode.tag === 'textarea' || isTextInputType(el.type)) {
+            el._vModifiers = binding.modifiers;
+            if (!binding.modifiers.lazy) {
+                el.addEventListener('compositionstart', onCompositionStart);
+                el.addEventListener('compositionend', onCompositionEnd);
+                // Safari < 10.2 & UIWebView doesn't fire compositionend when
+                // switching focus before confirming composition choice
+                // this also fixes the issue where some browsers e.g. iOS Chrome
+                // fires "change" instead of "input" on autocomplete.
+                el.addEventListener('change', onCompositionEnd);
+                /* istanbul ignore if */
+                if (isIE9) {
+                    el.vmodel = true;
+                }
+            }
+        }
+    },
+    componentUpdated(el, binding, vnode) {
+        if (vnode.tag === 'select') {
+            setSelected(el, binding, vnode.context);
+            // in case the options rendered by v-for have changed,
+            // it's possible that the value is out-of-sync with the rendered options.
+            // detect such cases and filter out values that no longer has a matching
+            // option in the DOM.
+            const prevOptions = el._vOptions;
+            const curOptions = (el._vOptions = [].map.call(el.options, getValue));
+            if (curOptions.some((o, i) => !looseEqual(o, prevOptions[i]))) {
+                // trigger change event if
+                // no matching option found for at least one value
+                const needReset = el.multiple
+                    ? binding.value.some(v => hasNoMatchingOption(v, curOptions))
+                    : binding.value !== binding.oldValue &&
+                        hasNoMatchingOption(binding.value, curOptions);
+                if (needReset) {
+                    trigger(el, 'change');
+                }
+            }
+        }
+    }
+};
+function setSelected(el, binding, vm) {
+    actuallySetSelected(el, binding, vm);
+    /* istanbul ignore if */
+    if (isIE || isEdge) {
+        setTimeout(() => {
+            actuallySetSelected(el, binding, vm);
+        }, 0);
+    }
+}
+function actuallySetSelected(el, binding, vm) {
+    const value = binding.value;
+    const isMultiple = el.multiple;
+    if (isMultiple && !Array.isArray(value)) {
+        warn$2(`<select multiple v-model="${binding.expression}"> ` +
+                `expects an Array value for its binding, but got ${Object.prototype.toString
+                    .call(value)
+                    .slice(8, -1)}`, vm);
+        return;
+    }
+    let selected, option;
+    for (let i = 0, l = el.options.length; i < l; i++) {
+        option = el.options[i];
+        if (isMultiple) {
+            selected = looseIndexOf(value, getValue(option)) > -1;
+            if (option.selected !== selected) {
+                option.selected = selected;
+            }
+        }
+        else {
+            if (looseEqual(getValue(option), value)) {
+                if (el.selectedIndex !== i) {
+                    el.selectedIndex = i;
+                }
+                return;
+            }
+        }
+    }
+    if (!isMultiple) {
+        el.selectedIndex = -1;
+    }
+}
+function hasNoMatchingOption(value, options) {
+    return options.every(o => !looseEqual(o, value));
+}
+function getValue(option) {
+    return '_value' in option ? option._value : option.value;
+}
+function onCompositionStart(e) {
+    e.target.composing = true;
+}
+function onCompositionEnd(e) {
+    // prevent triggering an input event for no reason
+    if (!e.target.composing)
+        return;
+    e.target.composing = false;
+    trigger(e.target, 'input');
+}
+function trigger(el, type) {
+    const e = document.createEvent('HTMLEvents');
+    e.initEvent(type, true, true);
+    el.dispatchEvent(e);
+}
+
+// recursively search for possible transition defined inside the component root
+function locateNode(vnode) {
+    // @ts-expect-error
+    return vnode.componentInstance && (!vnode.data || !vnode.data.transition)
+        ? locateNode(vnode.componentInstance._vnode)
+        : vnode;
+}
+var show = {
+    bind(el, { value }, vnode) {
+        vnode = locateNode(vnode);
+        const transition = vnode.data && vnode.data.transition;
+        const originalDisplay = (el.__vOriginalDisplay =
+            el.style.display === 'none' ? '' : el.style.display);
+        if (value && transition) {
+            vnode.data.show = true;
+            enter(vnode, () => {
+                el.style.display = originalDisplay;
+            });
+        }
+        else {
+            el.style.display = value ? originalDisplay : 'none';
+        }
+    },
+    update(el, { value, oldValue }, vnode) {
+        /* istanbul ignore if */
+        if (!value === !oldValue)
+            return;
+        vnode = locateNode(vnode);
+        const transition = vnode.data && vnode.data.transition;
+        if (transition) {
+            vnode.data.show = true;
+            if (value) {
+                enter(vnode, () => {
+                    el.style.display = el.__vOriginalDisplay;
+                });
+            }
+            else {
+                leave(vnode, () => {
+                    el.style.display = 'none';
+                });
+            }
+        }
+        else {
+            el.style.display = value ? el.__vOriginalDisplay : 'none';
+        }
+    },
+    unbind(el, binding, vnode, oldVnode, isDestroy) {
+        if (!isDestroy) {
+            el.style.display = el.__vOriginalDisplay;
+        }
+    }
+};
+
+var platformDirectives = {
+    model: directive,
+    show
+};
+
+// Provides transition support for a single element/component.
+const transitionProps = {
+    name: String,
+    appear: Boolean,
+    css: Boolean,
+    mode: String,
+    type: String,
+    enterClass: String,
+    leaveClass: String,
+    enterToClass: String,
+    leaveToClass: String,
+    enterActiveClass: String,
+    leaveActiveClass: String,
+    appearClass: String,
+    appearActiveClass: String,
+    appearToClass: String,
+    duration: [Number, String, Object]
+};
+// in case the child is also an abstract component, e.g. <keep-alive>
+// we want to recursively retrieve the real component to be rendered
+function getRealChild(vnode) {
+    const compOptions = vnode && vnode.componentOptions;
+    if (compOptions && compOptions.Ctor.options.abstract) {
+        return getRealChild(getFirstComponentChild(compOptions.children));
+    }
+    else {
+        return vnode;
+    }
+}
+function extractTransitionData(comp) {
+    const data = {};
+    const options = comp.$options;
+    // props
+    for (const key in options.propsData) {
+        data[key] = comp[key];
+    }
+    // events.
+    // extract listeners and pass them directly to the transition methods
+    const listeners = options._parentListeners;
+    for (const key in listeners) {
+        data[camelize(key)] = listeners[key];
+    }
+    return data;
+}
+function placeholder(h, rawChild) {
+    // @ts-expect-error
+    if (/\d-keep-alive$/.test(rawChild.tag)) {
+        return h('keep-alive', {
+            props: rawChild.componentOptions.propsData
+        });
+    }
+}
+function hasParentTransition(vnode) {
+    while ((vnode = vnode.parent)) {
+        if (vnode.data.transition) {
+            return true;
+        }
+    }
+}
+function isSameChild(child, oldChild) {
+    return oldChild.key === child.key && oldChild.tag === child.tag;
+}
+const isNotTextNode = (c) => c.tag || isAsyncPlaceholder(c);
+const isVShowDirective = d => d.name === 'show';
+var Transition = {
+    name: 'transition',
+    props: transitionProps,
+    abstract: true,
+    render(h) {
+        let children = this.$slots.default;
+        if (!children) {
+            return;
+        }
+        // filter out text nodes (possible whitespaces)
+        children = children.filter(isNotTextNode);
+        /* istanbul ignore if */
+        if (!children.length) {
+            return;
+        }
+        // warn multiple elements
+        if (children.length > 1) {
+            warn$2('<transition> can only be used on a single element. Use ' +
+                '<transition-group> for lists.', this.$parent);
+        }
+        const mode = this.mode;
+        // warn invalid mode
+        if (mode && mode !== 'in-out' && mode !== 'out-in') {
+            warn$2('invalid <transition> mode: ' + mode, this.$parent);
+        }
+        const rawChild = children[0];
+        // if this is a component root node and the component's
+        // parent container node also has transition, skip.
+        if (hasParentTransition(this.$vnode)) {
+            return rawChild;
+        }
+        // apply transition data to child
+        // use getRealChild() to ignore abstract components e.g. keep-alive
+        const child = getRealChild(rawChild);
+        /* istanbul ignore if */
+        if (!child) {
+            return rawChild;
+        }
+        if (this._leaving) {
+            return placeholder(h, rawChild);
+        }
+        // ensure a key that is unique to the vnode type and to this transition
+        // component instance. This key will be used to remove pending leaving nodes
+        // during entering.
+        const id = `__transition-${this._uid}-`;
+        child.key =
+            child.key == null
+                ? child.isComment
+                    ? id + 'comment'
+                    : id + child.tag
+                : isPrimitive(child.key)
+                    ? String(child.key).indexOf(id) === 0
+                        ? child.key
+                        : id + child.key
+                    : child.key;
+        const data = ((child.data || (child.data = {})).transition =
+            extractTransitionData(this));
+        const oldRawChild = this._vnode;
+        const oldChild = getRealChild(oldRawChild);
+        // mark v-show
+        // so that the transition module can hand over the control to the directive
+        if (child.data.directives && child.data.directives.some(isVShowDirective)) {
+            child.data.show = true;
+        }
+        if (oldChild &&
+            oldChild.data &&
+            !isSameChild(child, oldChild) &&
+            !isAsyncPlaceholder(oldChild) &&
+            // #6687 component root is a comment node
+            !(oldChild.componentInstance &&
+                oldChild.componentInstance._vnode.isComment)) {
+            // replace old child transition data with fresh one
+            // important for dynamic transitions!
+            const oldData = (oldChild.data.transition = extend({}, data));
+            // handle transition mode
+            if (mode === 'out-in') {
+                // return placeholder node and queue update when leave finishes
+                this._leaving = true;
+                mergeVNodeHook(oldData, 'afterLeave', () => {
+                    this._leaving = false;
+                    this.$forceUpdate();
+                });
+                return placeholder(h, rawChild);
+            }
+            else if (mode === 'in-out') {
+                if (isAsyncPlaceholder(child)) {
+                    return oldRawChild;
+                }
+                let delayedLeave;
+                const performLeave = () => {
+                    delayedLeave();
+                };
+                mergeVNodeHook(data, 'afterEnter', performLeave);
+                mergeVNodeHook(data, 'enterCancelled', performLeave);
+                mergeVNodeHook(oldData, 'delayLeave', leave => {
+                    delayedLeave = leave;
+                });
+            }
+        }
+        return rawChild;
+    }
+};
+
+// Provides transition support for list items.
+const props = extend({
+    tag: String,
+    moveClass: String
+}, transitionProps);
+delete props.mode;
+var TransitionGroup = {
+    props,
+    beforeMount() {
+        const update = this._update;
+        this._update = (vnode, hydrating) => {
+            const restoreActiveInstance = setActiveInstance(this);
+            // force removing pass
+            this.__patch__(this._vnode, this.kept, false, // hydrating
+            true // removeOnly (!important, avoids unnecessary moves)
+            );
+            this._vnode = this.kept;
+            restoreActiveInstance();
+            update.call(this, vnode, hydrating);
+        };
+    },
+    render(h) {
+        const tag = this.tag || this.$vnode.data.tag || 'span';
+        const map = Object.create(null);
+        const prevChildren = (this.prevChildren = this.children);
+        const rawChildren = this.$slots.default || [];
+        const children = (this.children = []);
+        const transitionData = extractTransitionData(this);
+        for (let i = 0; i < rawChildren.length; i++) {
+            const c = rawChildren[i];
+            if (c.tag) {
+                if (c.key != null && String(c.key).indexOf('__vlist') !== 0) {
+                    children.push(c);
+                    map[c.key] = c;
+                    (c.data || (c.data = {})).transition = transitionData;
+                }
+                else {
+                    const opts = c.componentOptions;
+                    const name = opts
+                        ? getComponentName(opts.Ctor.options) || opts.tag || ''
+                        : c.tag;
+                    warn$2(`<transition-group> children must be keyed: <${name}>`);
+                }
+            }
+        }
+        if (prevChildren) {
+            const kept = [];
+            const removed = [];
+            for (let i = 0; i < prevChildren.length; i++) {
+                const c = prevChildren[i];
+                c.data.transition = transitionData;
+                // @ts-expect-error .getBoundingClientRect is not typed in Node
+                c.data.pos = c.elm.getBoundingClientRect();
+                if (map[c.key]) {
+                    kept.push(c);
+                }
+                else {
+                    removed.push(c);
+                }
+            }
+            this.kept = h(tag, null, kept);
+            this.removed = removed;
+        }
+        return h(tag, null, children);
+    },
+    updated() {
+        const children = this.prevChildren;
+        const moveClass = this.moveClass || (this.name || 'v') + '-move';
+        if (!children.length || !this.hasMove(children[0].elm, moveClass)) {
+            return;
+        }
+        // we divide the work into three loops to avoid mixing DOM reads and writes
+        // in each iteration - which helps prevent layout thrashing.
+        children.forEach(callPendingCbs);
+        children.forEach(recordPosition);
+        children.forEach(applyTranslation);
+        // force reflow to put everything in position
+        // assign to this to avoid being removed in tree-shaking
+        // $flow-disable-line
+        this._reflow = document.body.offsetHeight;
+        children.forEach((c) => {
+            if (c.data.moved) {
+                const el = c.elm;
+                const s = el.style;
+                addTransitionClass(el, moveClass);
+                s.transform = s.WebkitTransform = s.transitionDuration = '';
+                el.addEventListener(transitionEndEvent, (el._moveCb = function cb(e) {
+                    if (e && e.target !== el) {
+                        return;
+                    }
+                    if (!e || /transform$/.test(e.propertyName)) {
+                        el.removeEventListener(transitionEndEvent, cb);
+                        el._moveCb = null;
+                        removeTransitionClass(el, moveClass);
+                    }
+                }));
+            }
+        });
+    },
+    methods: {
+        hasMove(el, moveClass) {
+            /* istanbul ignore if */
+            if (!hasTransition) {
+                return false;
+            }
+            /* istanbul ignore if */
+            if (this._hasMove) {
+                return this._hasMove;
+            }
+            // Detect whether an element with the move class applied has
+            // CSS transitions. Since the element may be inside an entering
+            // transition at this very moment, we make a clone of it and remove
+            // all other transition classes applied to ensure only the move class
+            // is applied.
+            const clone = el.cloneNode();
+            if (el._transitionClasses) {
+                el._transitionClasses.forEach((cls) => {
+                    removeClass(clone, cls);
+                });
+            }
+            addClass(clone, moveClass);
+            clone.style.display = 'none';
+            this.$el.appendChild(clone);
+            const info = getTransitionInfo(clone);
+            this.$el.removeChild(clone);
+            return (this._hasMove = info.hasTransform);
+        }
+    }
+};
+function callPendingCbs(c) {
+    /* istanbul ignore if */
+    if (c.elm._moveCb) {
+        c.elm._moveCb();
+    }
+    /* istanbul ignore if */
+    if (c.elm._enterCb) {
+        c.elm._enterCb();
+    }
+}
+function recordPosition(c) {
+    c.data.newPos = c.elm.getBoundingClientRect();
+}
+function applyTranslation(c) {
+    const oldPos = c.data.pos;
+    const newPos = c.data.newPos;
+    const dx = oldPos.left - newPos.left;
+    const dy = oldPos.top - newPos.top;
+    if (dx || dy) {
+        c.data.moved = true;
+        const s = c.elm.style;
+        s.transform = s.WebkitTransform = `translate(${dx}px,${dy}px)`;
+        s.transitionDuration = '0s';
+    }
+}
+
+var platformComponents = {
+    Transition,
+    TransitionGroup
+};
+
+// install platform specific utils
+Vue.config.mustUseProp = mustUseProp;
+Vue.config.isReservedTag = isReservedTag;
+Vue.config.isReservedAttr = isReservedAttr;
+Vue.config.getTagNamespace = getTagNamespace;
+Vue.config.isUnknownElement = isUnknownElement;
+// install platform runtime directives & components
+extend(Vue.options.directives, platformDirectives);
+extend(Vue.options.components, platformComponents);
+// install platform patch function
+Vue.prototype.__patch__ = inBrowser ? patch : noop;
+// public mount method
+Vue.prototype.$mount = function (el, hydrating) {
+    el = el && inBrowser ? query(el) : undefined;
+    return mountComponent(this, el, hydrating);
+};
+// devtools global hook
+/* istanbul ignore next */
+if (inBrowser) {
+    setTimeout(() => {
+        if (config.devtools) {
+            if (devtools) {
+                devtools.emit('init', Vue);
+            }
+            else {
+                // @ts-expect-error
+                console[console.info ? 'info' : 'log']('Download the Vue Devtools extension for a better development experience:\n' +
+                    'https://github.com/vuejs/vue-devtools');
+            }
+        }
+        if (config.productionTip !== false &&
+            typeof console !== 'undefined') {
+            // @ts-expect-error
+            console[console.info ? 'info' : 'log'](`You are running Vue in development mode.\n` +
+                `Make sure to turn on production mode when deploying for production.\n` +
+                `See more tips at https://vuejs.org/guide/deployment.html`);
+        }
+    }, 0);
+}
+
+const defaultTagRE = /\{\{((?:.|\r?\n)+?)\}\}/g;
+const regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g;
+const buildRegex = cached(delimiters => {
+    const open = delimiters[0].replace(regexEscapeRE, '\\$&');
+    const close = delimiters[1].replace(regexEscapeRE, '\\$&');
+    return new RegExp(open + '((?:.|\\n)+?)' + close, 'g');
+});
+function parseText(text, delimiters) {
+    //@ts-expect-error
+    const tagRE = delimiters ? buildRegex(delimiters) : defaultTagRE;
+    if (!tagRE.test(text)) {
+        return;
+    }
+    const tokens = [];
+    const rawTokens = [];
+    let lastIndex = (tagRE.lastIndex = 0);
+    let match, index, tokenValue;
+    while ((match = tagRE.exec(text))) {
+        index = match.index;
+        // push text token
+        if (index > lastIndex) {
+            rawTokens.push((tokenValue = text.slice(lastIndex, index)));
+            tokens.push(JSON.stringify(tokenValue));
+        }
+        // tag token
+        const exp = parseFilters(match[1].trim());
+        tokens.push(`_s(${exp})`);
+        rawTokens.push({ '@binding': exp });
+        lastIndex = index + match[0].length;
+    }
+    if (lastIndex < text.length) {
+        rawTokens.push((tokenValue = text.slice(lastIndex)));
+        tokens.push(JSON.stringify(tokenValue));
+    }
+    return {
+        expression: tokens.join('+'),
+        tokens: rawTokens
+    };
+}
+
+function transformNode$1(el, options) {
+    const warn = options.warn || baseWarn;
+    const staticClass = getAndRemoveAttr(el, 'class');
+    if (staticClass) {
+        const res = parseText(staticClass, options.delimiters);
+        if (res) {
+            warn(`class="${staticClass}": ` +
+                'Interpolation inside attributes has been removed. ' +
+                'Use v-bind or the colon shorthand instead. For example, ' +
+                'instead of <div class="{{ val }}">, use <div :class="val">.', el.rawAttrsMap['class']);
+        }
+    }
+    if (staticClass) {
+        el.staticClass = JSON.stringify(staticClass.replace(/\s+/g, ' ').trim());
+    }
+    const classBinding = getBindingAttr(el, 'class', false /* getStatic */);
+    if (classBinding) {
+        el.classBinding = classBinding;
+    }
+}
+function genData$2(el) {
+    let data = '';
+    if (el.staticClass) {
+        data += `staticClass:${el.staticClass},`;
+    }
+    if (el.classBinding) {
+        data += `class:${el.classBinding},`;
+    }
+    return data;
+}
+var klass = {
+    staticKeys: ['staticClass'],
+    transformNode: transformNode$1,
+    genData: genData$2
+};
+
+function transformNode(el, options) {
+    const warn = options.warn || baseWarn;
+    const staticStyle = getAndRemoveAttr(el, 'style');
+    if (staticStyle) {
+        /* istanbul ignore if */
+        {
+            const res = parseText(staticStyle, options.delimiters);
+            if (res) {
+                warn(`style="${staticStyle}": ` +
+                    'Interpolation inside attributes has been removed. ' +
+                    'Use v-bind or the colon shorthand instead. For example, ' +
+                    'instead of <div style="{{ val }}">, use <div :style="val">.', el.rawAttrsMap['style']);
+            }
+        }
+        el.staticStyle = JSON.stringify(parseStyleText(staticStyle));
+    }
+    const styleBinding = getBindingAttr(el, 'style', false /* getStatic */);
+    if (styleBinding) {
+        el.styleBinding = styleBinding;
+    }
+}
+function genData$1(el) {
+    let data = '';
+    if (el.staticStyle) {
+        data += `staticStyle:${el.staticStyle},`;
+    }
+    if (el.styleBinding) {
+        data += `style:(${el.styleBinding}),`;
+    }
+    return data;
+}
+var style = {
+    staticKeys: ['staticStyle'],
+    transformNode,
+    genData: genData$1
+};
+
+let decoder;
+var he = {
+    decode(html) {
+        decoder = decoder || document.createElement('div');
+        decoder.innerHTML = html;
+        return decoder.textContent;
+    }
+};
+
+const isUnaryTag = makeMap('area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' +
+    'link,meta,param,source,track,wbr');
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+const canBeLeftOpenTag = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source');
+// HTML5 tags https://html.spec.whatwg.org/multipage/indices.html#elements-3
+// Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
+const isNonPhrasingTag = makeMap('address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' +
+    'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' +
+    'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' +
+    'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' +
+    'title,tr,track');
+
+/**
+ * Not type-checking this file because it's mostly vendor code.
+ */
+// Regular Expressions for parsing tags and attributes
+const attribute = /^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/;
+const dynamicArgAttribute = /^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+?\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/;
+const ncname = `[a-zA-Z_][\\-\\.0-9_a-zA-Z${unicodeRegExp.source}]*`;
+const qnameCapture = `((?:${ncname}\\:)?${ncname})`;
+const startTagOpen = new RegExp(`^<${qnameCapture}`);
+const startTagClose = /^\s*(\/?)>/;
+const endTag = new RegExp(`^<\\/${qnameCapture}[^>]*>`);
+const doctype = /^<!DOCTYPE [^>]+>/i;
+// #7298: escape - to avoid being passed as HTML comment when inlined in page
+const comment = /^<!\--/;
+const conditionalComment = /^<!\[/;
+// Special Elements (can contain anything)
+const isPlainTextElement = makeMap('script,style,textarea', true);
+const reCache = {};
+const decodingMap = {
+    '&lt;': '<',
+    '&gt;': '>',
+    '&quot;': '"',
+    '&amp;': '&',
+    '&#10;': '\n',
+    '&#9;': '\t',
+    '&#39;': "'"
+};
+const encodedAttr = /&(?:lt|gt|quot|amp|#39);/g;
+const encodedAttrWithNewLines = /&(?:lt|gt|quot|amp|#39|#10|#9);/g;
+// #5992
+const isIgnoreNewlineTag = makeMap('pre,textarea', true);
+const shouldIgnoreFirstNewline = (tag, html) => tag && isIgnoreNewlineTag(tag) && html[0] === '\n';
+function decodeAttr(value, shouldDecodeNewlines) {
+    const re = shouldDecodeNewlines ? encodedAttrWithNewLines : encodedAttr;
+    return value.replace(re, match => decodingMap[match]);
+}
+function parseHTML(html, options) {
+    const stack = [];
+    const expectHTML = options.expectHTML;
+    const isUnaryTag = options.isUnaryTag || no;
+    const canBeLeftOpenTag = options.canBeLeftOpenTag || no;
+    let index = 0;
+    let last, lastTag;
+    while (html) {
+        last = html;
+        // Make sure we're not in a plaintext content element like script/style
+        if (!lastTag || !isPlainTextElement(lastTag)) {
+            let textEnd = html.indexOf('<');
+            if (textEnd === 0) {
+                // Comment:
+                if (comment.test(html)) {
+                    const commentEnd = html.indexOf('-->');
+                    if (commentEnd >= 0) {
+                        if (options.shouldKeepComment && options.comment) {
+                            options.comment(html.substring(4, commentEnd), index, index + commentEnd + 3);
+                        }
+                        advance(commentEnd + 3);
+                        continue;
+                    }
+                }
+                // https://en.wikipedia.org/wiki/Conditional_comment#Downlevel-revealed_conditional_comment
+                if (conditionalComment.test(html)) {
+                    const conditionalEnd = html.indexOf(']>');
+                    if (conditionalEnd >= 0) {
+                        advance(conditionalEnd + 2);
+                        continue;
+                    }
+                }
+                // Doctype:
+                const doctypeMatch = html.match(doctype);
+                if (doctypeMatch) {
+                    advance(doctypeMatch[0].length);
+                    continue;
+                }
+                // End tag:
+                const endTagMatch = html.match(endTag);
+                if (endTagMatch) {
+                    const curIndex = index;
+                    advance(endTagMatch[0].length);
+                    parseEndTag(endTagMatch[1], curIndex, index);
+                    continue;
+                }
+                // Start tag:
+                const startTagMatch = parseStartTag();
+                if (startTagMatch) {
+                    handleStartTag(startTagMatch);
+                    if (shouldIgnoreFirstNewline(startTagMatch.tagName, html)) {
+                        advance(1);
+                    }
+                    continue;
+                }
+            }
+            let text, rest, next;
+            if (textEnd >= 0) {
+                rest = html.slice(textEnd);
+                while (!endTag.test(rest) &&
+                    !startTagOpen.test(rest) &&
+                    !comment.test(rest) &&
+                    !conditionalComment.test(rest)) {
+                    // < in plain text, be forgiving and treat it as text
+                    next = rest.indexOf('<', 1);
+                    if (next < 0)
+                        break;
+                    textEnd += next;
+                    rest = html.slice(textEnd);
+                }
+                text = html.substring(0, textEnd);
+            }
+            if (textEnd < 0) {
+                text = html;
+            }
+            if (text) {
+                advance(text.length);
+            }
+            if (options.chars && text) {
+                options.chars(text, index - text.length, index);
+            }
+        }
+        else {
+            let endTagLength = 0;
+            const stackedTag = lastTag.toLowerCase();
+            const reStackedTag = reCache[stackedTag] ||
+                (reCache[stackedTag] = new RegExp('([\\s\\S]*?)(</' + stackedTag + '[^>]*>)', 'i'));
+            const rest = html.replace(reStackedTag, function (all, text, endTag) {
+                endTagLength = endTag.length;
+                if (!isPlainTextElement(stackedTag) && stackedTag !== 'noscript') {
+                    text = text
+                        .replace(/<!\--([\s\S]*?)-->/g, '$1') // #7298
+                        .replace(/<!\[CDATA\[([\s\S]*?)]]>/g, '$1');
+                }
+                if (shouldIgnoreFirstNewline(stackedTag, text)) {
+                    text = text.slice(1);
+                }
+                if (options.chars) {
+                    options.chars(text);
+                }
+                return '';
+            });
+            index += html.length - rest.length;
+            html = rest;
+            parseEndTag(stackedTag, index - endTagLength, index);
+        }
+        if (html === last) {
+            options.chars && options.chars(html);
+            if (!stack.length && options.warn) {
+                options.warn(`Mal-formatted tag at end of template: "${html}"`, {
+                    start: index + html.length
+                });
+            }
+            break;
+        }
+    }
+    // Clean up any remaining tags
+    parseEndTag();
+    function advance(n) {
+        index += n;
+        html = html.substring(n);
+    }
+    function parseStartTag() {
+        const start = html.match(startTagOpen);
+        if (start) {
+            const match = {
+                tagName: start[1],
+                attrs: [],
+                start: index
+            };
+            advance(start[0].length);
+            let end, attr;
+            while (!(end = html.match(startTagClose)) &&
+                (attr = html.match(dynamicArgAttribute) || html.match(attribute))) {
+                attr.start = index;
+                advance(attr[0].length);
+                attr.end = index;
+                match.attrs.push(attr);
+            }
+            if (end) {
+                match.unarySlash = end[1];
+                advance(end[0].length);
+                match.end = index;
+                return match;
+            }
+        }
+    }
+    function handleStartTag(match) {
+        const tagName = match.tagName;
+        const unarySlash = match.unarySlash;
+        if (expectHTML) {
+            if (lastTag === 'p' && isNonPhrasingTag(tagName)) {
+                parseEndTag(lastTag);
+            }
+            if (canBeLeftOpenTag(tagName) && lastTag === tagName) {
+                parseEndTag(tagName);
+            }
+        }
+        const unary = isUnaryTag(tagName) || !!unarySlash;
+        const l = match.attrs.length;
+        const attrs = new Array(l);
+        for (let i = 0; i < l; i++) {
+            const args = match.attrs[i];
+            const value = args[3] || args[4] || args[5] || '';
+            const shouldDecodeNewlines = tagName === 'a' && args[1] === 'href'
+                ? options.shouldDecodeNewlinesForHref
+                : options.shouldDecodeNewlines;
+            attrs[i] = {
+                name: args[1],
+                value: decodeAttr(value, shouldDecodeNewlines)
+            };
+            if (options.outputSourceRange) {
+                attrs[i].start = args.start + args[0].match(/^\s*/).length;
+                attrs[i].end = args.end;
+            }
+        }
+        if (!unary) {
+            stack.push({
+                tag: tagName,
+                lowerCasedTag: tagName.toLowerCase(),
+                attrs: attrs,
+                start: match.start,
+                end: match.end
+            });
+            lastTag = tagName;
+        }
+        if (options.start) {
+            options.start(tagName, attrs, unary, match.start, match.end);
+        }
+    }
+    function parseEndTag(tagName, start, end) {
+        let pos, lowerCasedTagName;
+        if (start == null)
+            start = index;
+        if (end == null)
+            end = index;
+        // Find the closest opened tag of the same type
+        if (tagName) {
+            lowerCasedTagName = tagName.toLowerCase();
+            for (pos = stack.length - 1; pos >= 0; pos--) {
+                if (stack[pos].lowerCasedTag === lowerCasedTagName) {
+                    break;
+                }
+            }
+        }
+        else {
+            // If no tag name is provided, clean shop
+            pos = 0;
+        }
+        if (pos >= 0) {
+            // Close all the open elements, up the stack
+            for (let i = stack.length - 1; i >= pos; i--) {
+                if ((i > pos || !tagName) && options.warn) {
+                    options.warn(`tag <${stack[i].tag}> has no matching end tag.`, {
+                        start: stack[i].start,
+                        end: stack[i].end
+                    });
+                }
+                if (options.end) {
+                    options.end(stack[i].tag, start, end);
+                }
+            }
+            // Remove the open elements from the stack
+            stack.length = pos;
+            lastTag = pos && stack[pos - 1].tag;
+        }
+        else if (lowerCasedTagName === 'br') {
+            if (options.start) {
+                options.start(tagName, [], true, start, end);
+            }
+        }
+        else if (lowerCasedTagName === 'p') {
+            if (options.start) {
+                options.start(tagName, [], false, start, end);
+            }
+            if (options.end) {
+                options.end(tagName, start, end);
+            }
+        }
+    }
+}
+
+const onRE = /^@|^v-on:/;
+const dirRE = /^v-|^@|^:|^#/;
+const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
+const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
+const stripParensRE = /^\(|\)$/g;
+const dynamicArgRE = /^\[.*\]$/;
+const argRE = /:(.*)$/;
+const bindRE = /^:|^\.|^v-bind:/;
+const modifierRE = /\.[^.\]]+(?=[^\]]*$)/g;
+const slotRE = /^v-slot(:|$)|^#/;
+const lineBreakRE = /[\r\n]/;
+const whitespaceRE = /[ \f\t\r\n]+/g;
+const invalidAttributeRE = /[\s"'<>\/=]/;
+const decodeHTMLCached = cached(he.decode);
+const emptySlotScopeToken = `_empty_`;
+// configurable state
+let warn;
+let delimiters;
+let transforms;
+let preTransforms;
+let postTransforms;
+let platformIsPreTag;
+let platformMustUseProp;
+let platformGetTagNamespace;
+let maybeComponent;
+function createASTElement(tag, attrs, parent) {
+    return {
+        type: 1,
+        tag,
+        attrsList: attrs,
+        attrsMap: makeAttrsMap(attrs),
+        rawAttrsMap: {},
+        parent,
+        children: []
+    };
+}
+/**
+ * Convert HTML string to AST.
+ */
+function parse(template, options) {
+    warn = options.warn || baseWarn;
+    platformIsPreTag = options.isPreTag || no;
+    platformMustUseProp = options.mustUseProp || no;
+    platformGetTagNamespace = options.getTagNamespace || no;
+    const isReservedTag = options.isReservedTag || no;
+    maybeComponent = (el) => !!(el.component ||
+        el.attrsMap[':is'] ||
+        el.attrsMap['v-bind:is'] ||
+        !(el.attrsMap.is ? isReservedTag(el.attrsMap.is) : isReservedTag(el.tag)));
+    transforms = pluckModuleFunction(options.modules, 'transformNode');
+    preTransforms = pluckModuleFunction(options.modules, 'preTransformNode');
+    postTransforms = pluckModuleFunction(options.modules, 'postTransformNode');
+    delimiters = options.delimiters;
+    const stack = [];
+    const preserveWhitespace = options.preserveWhitespace !== false;
+    const whitespaceOption = options.whitespace;
+    let root;
+    let currentParent;
+    let inVPre = false;
+    let inPre = false;
+    let warned = false;
+    function warnOnce(msg, range) {
+        if (!warned) {
+            warned = true;
+            warn(msg, range);
+        }
+    }
+    function closeElement(element) {
+        trimEndingWhitespace(element);
+        if (!inVPre && !element.processed) {
+            element = processElement(element, options);
+        }
+        // tree management
+        if (!stack.length && element !== root) {
+            // allow root elements with v-if, v-else-if and v-else
+            if (root.if && (element.elseif || element.else)) {
+                {
+                    checkRootConstraints(element);
+                }
+                addIfCondition(root, {
+                    exp: element.elseif,
+                    block: element
+                });
+            }
+            else {
+                warnOnce(`Component template should contain exactly one root element. ` +
+                    `If you are using v-if on multiple elements, ` +
+                    `use v-else-if to chain them instead.`, { start: element.start });
+            }
+        }
+        if (currentParent && !element.forbidden) {
+            if (element.elseif || element.else) {
+                processIfConditions(element, currentParent);
+            }
+            else {
+                if (element.slotScope) {
+                    // scoped slot
+                    // keep it in the children list so that v-else(-if) conditions can
+                    // find it as the prev node.
+                    const name = element.slotTarget || '"default"';
+                    (currentParent.scopedSlots || (currentParent.scopedSlots = {}))[name] = element;
+                }
+                currentParent.children.push(element);
+                element.parent = currentParent;
+            }
+        }
+        // final children cleanup
+        // filter out scoped slots
+        element.children = element.children.filter(c => !c.slotScope);
+        // remove trailing whitespace node again
+        trimEndingWhitespace(element);
+        // check pre state
+        if (element.pre) {
+            inVPre = false;
+        }
+        if (platformIsPreTag(element.tag)) {
+            inPre = false;
+        }
+        // apply post-transforms
+        for (let i = 0; i < postTransforms.length; i++) {
+            postTransforms[i](element, options);
+        }
+    }
+    function trimEndingWhitespace(el) {
+        // remove trailing whitespace node
+        if (!inPre) {
+            let lastNode;
+            while ((lastNode = el.children[el.children.length - 1]) &&
+                lastNode.type === 3 &&
+                lastNode.text === ' ') {
+                el.children.pop();
+            }
+        }
+    }
+    function checkRootConstraints(el) {
+        if (el.tag === 'slot' || el.tag === 'template') {
+            warnOnce(`Cannot use <${el.tag}> as component root element because it may ` +
+                'contain multiple nodes.', { start: el.start });
+        }
+        if (el.attrsMap.hasOwnProperty('v-for')) {
+            warnOnce('Cannot use v-for on stateful component root element because ' +
+                'it renders multiple elements.', el.rawAttrsMap['v-for']);
+        }
+    }
+    parseHTML(template, {
+        warn,
+        expectHTML: options.expectHTML,
+        isUnaryTag: options.isUnaryTag,
+        canBeLeftOpenTag: options.canBeLeftOpenTag,
+        shouldDecodeNewlines: options.shouldDecodeNewlines,
+        shouldDecodeNewlinesForHref: options.shouldDecodeNewlinesForHref,
+        shouldKeepComment: options.comments,
+        outputSourceRange: options.outputSourceRange,
+        start(tag, attrs, unary, start, end) {
+            // check namespace.
+            // inherit parent ns if there is one
+            const ns = (currentParent && currentParent.ns) || platformGetTagNamespace(tag);
+            // handle IE svg bug
+            /* istanbul ignore if */
+            if (isIE && ns === 'svg') {
+                attrs = guardIESVGBug(attrs);
+            }
+            let element = createASTElement(tag, attrs, currentParent);
+            if (ns) {
+                element.ns = ns;
+            }
+            {
+                if (options.outputSourceRange) {
+                    element.start = start;
+                    element.end = end;
+                    element.rawAttrsMap = element.attrsList.reduce((cumulated, attr) => {
+                        cumulated[attr.name] = attr;
+                        return cumulated;
+                    }, {});
+                }
+                attrs.forEach(attr => {
+                    if (invalidAttributeRE.test(attr.name)) {
+                        warn(`Invalid dynamic argument expression: attribute names cannot contain ` +
+                            `spaces, quotes, <, >, / or =.`, options.outputSourceRange
+                            ? {
+                                start: attr.start + attr.name.indexOf(`[`),
+                                end: attr.start + attr.name.length
+                            }
+                            : undefined);
+                    }
+                });
+            }
+            if (isForbiddenTag(element) && !isServerRendering()) {
+                element.forbidden = true;
+                warn('Templates should only be responsible for mapping the state to the ' +
+                        'UI. Avoid placing tags with side-effects in your templates, such as ' +
+                        `<${tag}>` +
+                        ', as they will not be parsed.', { start: element.start });
+            }
+            // apply pre-transforms
+            for (let i = 0; i < preTransforms.length; i++) {
+                element = preTransforms[i](element, options) || element;
+            }
+            if (!inVPre) {
+                processPre(element);
+                if (element.pre) {
+                    inVPre = true;
+                }
+            }
+            if (platformIsPreTag(element.tag)) {
+                inPre = true;
+            }
+            if (inVPre) {
+                processRawAttrs(element);
+            }
+            else if (!element.processed) {
+                // structural directives
+                processFor(element);
+                processIf(element);
+                processOnce(element);
+            }
+            if (!root) {
+                root = element;
+                {
+                    checkRootConstraints(root);
+                }
+            }
+            if (!unary) {
+                currentParent = element;
+                stack.push(element);
+            }
+            else {
+                closeElement(element);
+            }
+        },
+        end(tag, start, end) {
+            const element = stack[stack.length - 1];
+            // pop stack
+            stack.length -= 1;
+            currentParent = stack[stack.length - 1];
+            if (options.outputSourceRange) {
+                element.end = end;
+            }
+            closeElement(element);
+        },
+        chars(text, start, end) {
+            if (!currentParent) {
+                {
+                    if (text === template) {
+                        warnOnce('Component template requires a root element, rather than just text.', { start });
+                    }
+                    else if ((text = text.trim())) {
+                        warnOnce(`text "${text}" outside root element will be ignored.`, {
+                            start
+                        });
+                    }
+                }
+                return;
+            }
+            // IE textarea placeholder bug
+            /* istanbul ignore if */
+            if (isIE &&
+                currentParent.tag === 'textarea' &&
+                currentParent.attrsMap.placeholder === text) {
+                return;
+            }
+            const children = currentParent.children;
+            if (inPre || text.trim()) {
+                text = isTextTag(currentParent)
+                    ? text
+                    : decodeHTMLCached(text);
+            }
+            else if (!children.length) {
+                // remove the whitespace-only node right after an opening tag
+                text = '';
+            }
+            else if (whitespaceOption) {
+                if (whitespaceOption === 'condense') {
+                    // in condense mode, remove the whitespace node if it contains
+                    // line break, otherwise condense to a single space
+                    text = lineBreakRE.test(text) ? '' : ' ';
+                }
+                else {
+                    text = ' ';
+                }
+            }
+            else {
+                text = preserveWhitespace ? ' ' : '';
+            }
+            if (text) {
+                if (!inPre && whitespaceOption === 'condense') {
+                    // condense consecutive whitespaces into single space
+                    text = text.replace(whitespaceRE, ' ');
+                }
+                let res;
+                let child;
+                if (!inVPre && text !== ' ' && (res = parseText(text, delimiters))) {
+                    child = {
+                        type: 2,
+                        expression: res.expression,
+                        tokens: res.tokens,
+                        text
+                    };
+                }
+                else if (text !== ' ' ||
+                    !children.length ||
+                    children[children.length - 1].text !== ' ') {
+                    child = {
+                        type: 3,
+                        text
+                    };
+                }
+                if (child) {
+                    if (options.outputSourceRange) {
+                        child.start = start;
+                        child.end = end;
+                    }
+                    children.push(child);
+                }
+            }
+        },
+        comment(text, start, end) {
+            // adding anything as a sibling to the root node is forbidden
+            // comments should still be allowed, but ignored
+            if (currentParent) {
+                const child = {
+                    type: 3,
+                    text,
+                    isComment: true
+                };
+                if (options.outputSourceRange) {
+                    child.start = start;
+                    child.end = end;
+                }
+                currentParent.children.push(child);
+            }
+        }
+    });
+    return root;
+}
+function processPre(el) {
+    if (getAndRemoveAttr(el, 'v-pre') != null) {
+        el.pre = true;
+    }
+}
+function processRawAttrs(el) {
+    const list = el.attrsList;
+    const len = list.length;
+    if (len) {
+        const attrs = (el.attrs = new Array(len));
+        for (let i = 0; i < len; i++) {
+            attrs[i] = {
+                name: list[i].name,
+                value: JSON.stringify(list[i].value)
+            };
+            if (list[i].start != null) {
+                attrs[i].start = list[i].start;
+                attrs[i].end = list[i].end;
+            }
+        }
+    }
+    else if (!el.pre) {
+        // non root node in pre blocks with no attributes
+        el.plain = true;
+    }
+}
+function processElement(element, options) {
+    processKey(element);
+    // determine whether this is a plain element after
+    // removing structural attributes
+    element.plain =
+        !element.key && !element.scopedSlots && !element.attrsList.length;
+    processRef(element);
+    processSlotContent(element);
+    processSlotOutlet(element);
+    processComponent(element);
+    for (let i = 0; i < transforms.length; i++) {
+        element = transforms[i](element, options) || element;
+    }
+    processAttrs(element);
+    return element;
+}
+function processKey(el) {
+    const exp = getBindingAttr(el, 'key');
+    if (exp) {
+        {
+            if (el.tag === 'template') {
+                warn(`<template> cannot be keyed. Place the key on real elements instead.`, getRawBindingAttr(el, 'key'));
+            }
+            if (el.for) {
+                const iterator = el.iterator2 || el.iterator1;
+                const parent = el.parent;
+                if (iterator &&
+                    iterator === exp &&
+                    parent &&
+                    parent.tag === 'transition-group') {
+                    warn(`Do not use v-for index as key on <transition-group> children, ` +
+                        `this is the same as not using keys.`, getRawBindingAttr(el, 'key'), true /* tip */);
+                }
+            }
+        }
+        el.key = exp;
+    }
+}
+function processRef(el) {
+    const ref = getBindingAttr(el, 'ref');
+    if (ref) {
+        el.ref = ref;
+        el.refInFor = checkInFor(el);
+    }
+}
+function processFor(el) {
+    let exp;
+    if ((exp = getAndRemoveAttr(el, 'v-for'))) {
+        const res = parseFor(exp);
+        if (res) {
+            extend(el, res);
+        }
+        else {
+            warn(`Invalid v-for expression: ${exp}`, el.rawAttrsMap['v-for']);
+        }
+    }
+}
+function parseFor(exp) {
+    const inMatch = exp.match(forAliasRE);
+    if (!inMatch)
+        return;
+    const res = {};
+    res.for = inMatch[2].trim();
+    const alias = inMatch[1].trim().replace(stripParensRE, '');
+    const iteratorMatch = alias.match(forIteratorRE);
+    if (iteratorMatch) {
+        res.alias = alias.replace(forIteratorRE, '').trim();
+        res.iterator1 = iteratorMatch[1].trim();
+        if (iteratorMatch[2]) {
+            res.iterator2 = iteratorMatch[2].trim();
+        }
+    }
+    else {
+        res.alias = alias;
+    }
+    return res;
+}
+function processIf(el) {
+    const exp = getAndRemoveAttr(el, 'v-if');
+    if (exp) {
+        el.if = exp;
+        addIfCondition(el, {
+            exp: exp,
+            block: el
+        });
+    }
+    else {
+        if (getAndRemoveAttr(el, 'v-else') != null) {
+            el.else = true;
+        }
+        const elseif = getAndRemoveAttr(el, 'v-else-if');
+        if (elseif) {
+            el.elseif = elseif;
+        }
+    }
+}
+function processIfConditions(el, parent) {
+    const prev = findPrevElement(parent.children);
+    if (prev && prev.if) {
+        addIfCondition(prev, {
+            exp: el.elseif,
+            block: el
+        });
+    }
+    else {
+        warn(`v-${el.elseif ? 'else-if="' + el.elseif + '"' : 'else'} ` +
+            `used on element <${el.tag}> without corresponding v-if.`, el.rawAttrsMap[el.elseif ? 'v-else-if' : 'v-else']);
+    }
+}
+function findPrevElement(children) {
+    let i = children.length;
+    while (i--) {
+        if (children[i].type === 1) {
+            return children[i];
+        }
+        else {
+            if (children[i].text !== ' ') {
+                warn(`text "${children[i].text.trim()}" between v-if and v-else(-if) ` +
+                    `will be ignored.`, children[i]);
+            }
+            children.pop();
+        }
+    }
+}
+function addIfCondition(el, condition) {
+    if (!el.ifConditions) {
+        el.ifConditions = [];
+    }
+    el.ifConditions.push(condition);
+}
+function processOnce(el) {
+    const once = getAndRemoveAttr(el, 'v-once');
+    if (once != null) {
+        el.once = true;
+    }
+}
+// handle content being passed to a component as slot,
+// e.g. <template slot="xxx">, <div slot-scope="xxx">
+function processSlotContent(el) {
+    let slotScope;
+    if (el.tag === 'template') {
+        slotScope = getAndRemoveAttr(el, 'scope');
+        /* istanbul ignore if */
+        if (slotScope) {
+            warn(`the "scope" attribute for scoped slots have been deprecated and ` +
+                `replaced by "slot-scope" since 2.5. The new "slot-scope" attribute ` +
+                `can also be used on plain elements in addition to <template> to ` +
+                `denote scoped slots.`, el.rawAttrsMap['scope'], true);
+        }
+        el.slotScope = slotScope || getAndRemoveAttr(el, 'slot-scope');
+    }
+    else if ((slotScope = getAndRemoveAttr(el, 'slot-scope'))) {
+        /* istanbul ignore if */
+        if (el.attrsMap['v-for']) {
+            warn(`Ambiguous combined usage of slot-scope and v-for on <${el.tag}> ` +
+                `(v-for takes higher priority). Use a wrapper <template> for the ` +
+                `scoped slot to make it clearer.`, el.rawAttrsMap['slot-scope'], true);
+        }
+        el.slotScope = slotScope;
+    }
+    // slot="xxx"
+    const slotTarget = getBindingAttr(el, 'slot');
+    if (slotTarget) {
+        el.slotTarget = slotTarget === '""' ? '"default"' : slotTarget;
+        el.slotTargetDynamic = !!(el.attrsMap[':slot'] || el.attrsMap['v-bind:slot']);
+        // preserve slot as an attribute for native shadow DOM compat
+        // only for non-scoped slots.
+        if (el.tag !== 'template' && !el.slotScope) {
+            addAttr(el, 'slot', slotTarget, getRawBindingAttr(el, 'slot'));
+        }
+    }
+    // 2.6 v-slot syntax
+    {
+        if (el.tag === 'template') {
+            // v-slot on <template>
+            const slotBinding = getAndRemoveAttrByRegex(el, slotRE);
+            if (slotBinding) {
+                {
+                    if (el.slotTarget || el.slotScope) {
+                        warn(`Unexpected mixed usage of different slot syntaxes.`, el);
+                    }
+                    if (el.parent && !maybeComponent(el.parent)) {
+                        warn(`<template v-slot> can only appear at the root level inside ` +
+                            `the receiving component`, el);
+                    }
+                }
+                const { name, dynamic } = getSlotName(slotBinding);
+                el.slotTarget = name;
+                el.slotTargetDynamic = dynamic;
+                el.slotScope = slotBinding.value || emptySlotScopeToken; // force it into a scoped slot for perf
+            }
+        }
+        else {
+            // v-slot on component, denotes default slot
+            const slotBinding = getAndRemoveAttrByRegex(el, slotRE);
+            if (slotBinding) {
+                {
+                    if (!maybeComponent(el)) {
+                        warn(`v-slot can only be used on components or <template>.`, slotBinding);
+                    }
+                    if (el.slotScope || el.slotTarget) {
+                        warn(`Unexpected mixed usage of different slot syntaxes.`, el);
+                    }
+                    if (el.scopedSlots) {
+                        warn(`To avoid scope ambiguity, the default slot should also use ` +
+                            `<template> syntax when there are other named slots.`, slotBinding);
+                    }
+                }
+                // add the component's children to its default slot
+                const slots = el.scopedSlots || (el.scopedSlots = {});
+                const { name, dynamic } = getSlotName(slotBinding);
+                const slotContainer = (slots[name] = createASTElement('template', [], el));
+                slotContainer.slotTarget = name;
+                slotContainer.slotTargetDynamic = dynamic;
+                slotContainer.children = el.children.filter((c) => {
+                    if (!c.slotScope) {
+                        c.parent = slotContainer;
+                        return true;
+                    }
+                });
+                slotContainer.slotScope = slotBinding.value || emptySlotScopeToken;
+                // remove children as they are returned from scopedSlots now
+                el.children = [];
+                // mark el non-plain so data gets generated
+                el.plain = false;
+            }
+        }
+    }
+}
+function getSlotName(binding) {
+    let name = binding.name.replace(slotRE, '');
+    if (!name) {
+        if (binding.name[0] !== '#') {
+            name = 'default';
+        }
+        else {
+            warn(`v-slot shorthand syntax requires a slot name.`, binding);
+        }
+    }
+    return dynamicArgRE.test(name)
+        ? // dynamic [name]
+            { name: name.slice(1, -1), dynamic: true }
+        : // static name
+            { name: `"${name}"`, dynamic: false };
+}
+// handle <slot/> outlets
+function processSlotOutlet(el) {
+    if (el.tag === 'slot') {
+        el.slotName = getBindingAttr(el, 'name');
+        if (el.key) {
+            warn(`\`key\` does not work on <slot> because slots are abstract outlets ` +
+                `and can possibly expand into multiple elements. ` +
+                `Use the key on a wrapping element instead.`, getRawBindingAttr(el, 'key'));
+        }
+    }
+}
+function processComponent(el) {
+    let binding;
+    if ((binding = getBindingAttr(el, 'is'))) {
+        el.component = binding;
+    }
+    if (getAndRemoveAttr(el, 'inline-template') != null) {
+        el.inlineTemplate = true;
+    }
+}
+function processAttrs(el) {
+    const list = el.attrsList;
+    let i, l, name, rawName, value, modifiers, syncGen, isDynamic;
+    for (i = 0, l = list.length; i < l; i++) {
+        name = rawName = list[i].name;
+        value = list[i].value;
+        if (dirRE.test(name)) {
+            // mark element as dynamic
+            el.hasBindings = true;
+            // modifiers
+            modifiers = parseModifiers(name.replace(dirRE, ''));
+            // support .foo shorthand syntax for the .prop modifier
+            if (modifiers) {
+                name = name.replace(modifierRE, '');
+            }
+            if (bindRE.test(name)) {
+                // v-bind
+                name = name.replace(bindRE, '');
+                value = parseFilters(value);
+                isDynamic = dynamicArgRE.test(name);
+                if (isDynamic) {
+                    name = name.slice(1, -1);
+                }
+                if (value.trim().length === 0) {
+                    warn(`The value for a v-bind expression cannot be empty. Found in "v-bind:${name}"`);
+                }
+                if (modifiers) {
+                    if (modifiers.prop && !isDynamic) {
+                        name = camelize(name);
+                        if (name === 'innerHtml')
+                            name = 'innerHTML';
+                    }
+                    if (modifiers.camel && !isDynamic) {
+                        name = camelize(name);
+                    }
+                    if (modifiers.sync) {
+                        syncGen = genAssignmentCode(value, `$event`);
+                        if (!isDynamic) {
+                            addHandler(el, `update:${camelize(name)}`, syncGen, null, false, warn, list[i]);
+                            if (hyphenate(name) !== camelize(name)) {
+                                addHandler(el, `update:${hyphenate(name)}`, syncGen, null, false, warn, list[i]);
+                            }
+                        }
+                        else {
+                            // handler w/ dynamic event name
+                            addHandler(el, `"update:"+(${name})`, syncGen, null, false, warn, list[i], true // dynamic
+                            );
+                        }
+                    }
+                }
+                if ((modifiers && modifiers.prop) ||
+                    (!el.component && platformMustUseProp(el.tag, el.attrsMap.type, name))) {
+                    addProp(el, name, value, list[i], isDynamic);
+                }
+                else {
+                    addAttr(el, name, value, list[i], isDynamic);
+                }
+            }
+            else if (onRE.test(name)) {
+                // v-on
+                name = name.replace(onRE, '');
+                isDynamic = dynamicArgRE.test(name);
+                if (isDynamic) {
+                    name = name.slice(1, -1);
+                }
+                addHandler(el, name, value, modifiers, false, warn, list[i], isDynamic);
+            }
+            else {
+                // normal directives
+                name = name.replace(dirRE, '');
+                // parse arg
+                const argMatch = name.match(argRE);
+                let arg = argMatch && argMatch[1];
+                isDynamic = false;
+                if (arg) {
+                    name = name.slice(0, -(arg.length + 1));
+                    if (dynamicArgRE.test(arg)) {
+                        arg = arg.slice(1, -1);
+                        isDynamic = true;
+                    }
+                }
+                addDirective(el, name, rawName, value, arg, isDynamic, modifiers, list[i]);
+                if (name === 'model') {
+                    checkForAliasModel(el, value);
+                }
+            }
+        }
+        else {
+            // literal attribute
+            {
+                const res = parseText(value, delimiters);
+                if (res) {
+                    warn(`${name}="${value}": ` +
+                        'Interpolation inside attributes has been removed. ' +
+                        'Use v-bind or the colon shorthand instead. For example, ' +
+                        'instead of <div id="{{ val }}">, use <div :id="val">.', list[i]);
+                }
+            }
+            addAttr(el, name, JSON.stringify(value), list[i]);
+            // #6887 firefox doesn't update muted state if set via attribute
+            // even immediately after element creation
+            if (!el.component &&
+                name === 'muted' &&
+                platformMustUseProp(el.tag, el.attrsMap.type, name)) {
+                addProp(el, name, 'true', list[i]);
+            }
+        }
+    }
+}
+function checkInFor(el) {
+    let parent = el;
+    while (parent) {
+        if (parent.for !== undefined) {
+            return true;
+        }
+        parent = parent.parent;
+    }
+    return false;
+}
+function parseModifiers(name) {
+    const match = name.match(modifierRE);
+    if (match) {
+        const ret = {};
+        match.forEach(m => {
+            ret[m.slice(1)] = true;
+        });
+        return ret;
+    }
+}
+function makeAttrsMap(attrs) {
+    const map = {};
+    for (let i = 0, l = attrs.length; i < l; i++) {
+        if (map[attrs[i].name] && !isIE && !isEdge) {
+            warn('duplicate attribute: ' + attrs[i].name, attrs[i]);
+        }
+        map[attrs[i].name] = attrs[i].value;
+    }
+    return map;
+}
+// for script (e.g. type="x/template") or style, do not decode content
+function isTextTag(el) {
+    return el.tag === 'script' || el.tag === 'style';
+}
+function isForbiddenTag(el) {
+    return (el.tag === 'style' ||
+        (el.tag === 'script' &&
+            (!el.attrsMap.type || el.attrsMap.type === 'text/javascript')));
+}
+const ieNSBug = /^xmlns:NS\d+/;
+const ieNSPrefix = /^NS\d+:/;
+/* istanbul ignore next */
+function guardIESVGBug(attrs) {
+    const res = [];
+    for (let i = 0; i < attrs.length; i++) {
+        const attr = attrs[i];
+        if (!ieNSBug.test(attr.name)) {
+            attr.name = attr.name.replace(ieNSPrefix, '');
+            res.push(attr);
+        }
+    }
+    return res;
+}
+function checkForAliasModel(el, value) {
+    let _el = el;
+    while (_el) {
+        if (_el.for && _el.alias === value) {
+            warn(`<${el.tag} v-model="${value}">: ` +
+                `You are binding v-model directly to a v-for iteration alias. ` +
+                `This will not be able to modify the v-for source array because ` +
+                `writing to the alias is like modifying a function local variable. ` +
+                `Consider using an array of objects and use v-model on an object property instead.`, el.rawAttrsMap['v-model']);
+        }
+        _el = _el.parent;
+    }
+}
+
+/**
+ * Expand input[v-model] with dynamic type bindings into v-if-else chains
+ * Turn this:
+ *   <input v-model="data[type]" :type="type">
+ * into this:
+ *   <input v-if="type === 'checkbox'" type="checkbox" v-model="data[type]">
+ *   <input v-else-if="type === 'radio'" type="radio" v-model="data[type]">
+ *   <input v-else :type="type" v-model="data[type]">
+ */
+function preTransformNode(el, options) {
+    if (el.tag === 'input') {
+        const map = el.attrsMap;
+        if (!map['v-model']) {
+            return;
+        }
+        let typeBinding;
+        if (map[':type'] || map['v-bind:type']) {
+            typeBinding = getBindingAttr(el, 'type');
+        }
+        if (!map.type && !typeBinding && map['v-bind']) {
+            typeBinding = `(${map['v-bind']}).type`;
+        }
+        if (typeBinding) {
+            const ifCondition = getAndRemoveAttr(el, 'v-if', true);
+            const ifConditionExtra = ifCondition ? `&&(${ifCondition})` : ``;
+            const hasElse = getAndRemoveAttr(el, 'v-else', true) != null;
+            const elseIfCondition = getAndRemoveAttr(el, 'v-else-if', true);
+            // 1. checkbox
+            const branch0 = cloneASTElement(el);
+            // process for on the main node
+            processFor(branch0);
+            addRawAttr(branch0, 'type', 'checkbox');
+            processElement(branch0, options);
+            branch0.processed = true; // prevent it from double-processed
+            branch0.if = `(${typeBinding})==='checkbox'` + ifConditionExtra;
+            addIfCondition(branch0, {
+                exp: branch0.if,
+                block: branch0
+            });
+            // 2. add radio else-if condition
+            const branch1 = cloneASTElement(el);
+            getAndRemoveAttr(branch1, 'v-for', true);
+            addRawAttr(branch1, 'type', 'radio');
+            processElement(branch1, options);
+            addIfCondition(branch0, {
+                exp: `(${typeBinding})==='radio'` + ifConditionExtra,
+                block: branch1
+            });
+            // 3. other
+            const branch2 = cloneASTElement(el);
+            getAndRemoveAttr(branch2, 'v-for', true);
+            addRawAttr(branch2, ':type', typeBinding);
+            processElement(branch2, options);
+            addIfCondition(branch0, {
+                exp: ifCondition,
+                block: branch2
+            });
+            if (hasElse) {
+                branch0.else = true;
+            }
+            else if (elseIfCondition) {
+                branch0.elseif = elseIfCondition;
+            }
+            return branch0;
+        }
+    }
+}
+function cloneASTElement(el) {
+    return createASTElement(el.tag, el.attrsList.slice(), el.parent);
+}
+var model = {
+    preTransformNode
+};
+
+var modules = [klass, style, model];
+
+function text(el, dir) {
+    if (dir.value) {
+        addProp(el, 'textContent', `_s(${dir.value})`, dir);
+    }
+}
+
+function html(el, dir) {
+    if (dir.value) {
+        addProp(el, 'innerHTML', `_s(${dir.value})`, dir);
+    }
+}
+
+var directives = {
+    model: model$1,
+    text,
+    html
+};
+
+const baseOptions = {
+    expectHTML: true,
+    modules,
+    directives,
+    isPreTag,
+    isUnaryTag,
+    mustUseProp,
+    canBeLeftOpenTag,
+    isReservedTag,
+    getTagNamespace,
+    staticKeys: genStaticKeys$1(modules)
+};
+
+let isStaticKey;
+let isPlatformReservedTag;
+const genStaticKeysCached = cached(genStaticKeys);
+/**
+ * Goal of the optimizer: walk the generated template AST tree
+ * and detect sub-trees that are purely static, i.e. parts of
+ * the DOM that never needs to change.
+ *
+ * Once we detect these sub-trees, we can:
+ *
+ * 1. Hoist them into constants, so that we no longer need to
+ *    create fresh nodes for them on each re-render;
+ * 2. Completely skip them in the patching process.
+ */
+function optimize(root, options) {
+    if (!root)
+        return;
+    isStaticKey = genStaticKeysCached(options.staticKeys || '');
+    isPlatformReservedTag = options.isReservedTag || no;
+    // first pass: mark all non-static nodes.
+    markStatic(root);
+    // second pass: mark static roots.
+    markStaticRoots(root, false);
+}
+function genStaticKeys(keys) {
+    return makeMap('type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap' +
+        (keys ? ',' + keys : ''));
+}
+function markStatic(node) {
+    node.static = isStatic(node);
+    if (node.type === 1) {
+        // do not make component slot content static. this avoids
+        // 1. components not able to mutate slot nodes
+        // 2. static slot content fails for hot-reloading
+        if (!isPlatformReservedTag(node.tag) &&
+            node.tag !== 'slot' &&
+            node.attrsMap['inline-template'] == null) {
+            return;
+        }
+        for (let i = 0, l = node.children.length; i < l; i++) {
+            const child = node.children[i];
+            markStatic(child);
+            if (!child.static) {
+                node.static = false;
+            }
+        }
+        if (node.ifConditions) {
+            for (let i = 1, l = node.ifConditions.length; i < l; i++) {
+                const block = node.ifConditions[i].block;
+                markStatic(block);
+                if (!block.static) {
+                    node.static = false;
+                }
+            }
+        }
+    }
+}
+function markStaticRoots(node, isInFor) {
+    if (node.type === 1) {
+        if (node.static || node.once) {
+            node.staticInFor = isInFor;
+        }
+        // For a node to qualify as a static root, it should have children that
+        // are not just static text. Otherwise the cost of hoisting out will
+        // outweigh the benefits and it's better off to just always render it fresh.
+        if (node.static &&
+            node.children.length &&
+            !(node.children.length === 1 && node.children[0].type === 3)) {
+            node.staticRoot = true;
+            return;
+        }
+        else {
+            node.staticRoot = false;
+        }
+        if (node.children) {
+            for (let i = 0, l = node.children.length; i < l; i++) {
+                markStaticRoots(node.children[i], isInFor || !!node.for);
+            }
+        }
+        if (node.ifConditions) {
+            for (let i = 1, l = node.ifConditions.length; i < l; i++) {
+                markStaticRoots(node.ifConditions[i].block, isInFor);
+            }
+        }
+    }
+}
+function isStatic(node) {
+    if (node.type === 2) {
+        // expression
+        return false;
+    }
+    if (node.type === 3) {
+        // text
+        return true;
+    }
+    return !!(node.pre ||
+        (!node.hasBindings && // no dynamic bindings
+            !node.if &&
+            !node.for && // not v-if or v-for or v-else
+            !isBuiltInTag(node.tag) && // not a built-in
+            isPlatformReservedTag(node.tag) && // not a component
+            !isDirectChildOfTemplateFor(node) &&
+            Object.keys(node).every(isStaticKey)));
+}
+function isDirectChildOfTemplateFor(node) {
+    while (node.parent) {
+        node = node.parent;
+        if (node.tag !== 'template') {
+            return false;
+        }
+        if (node.for) {
+            return true;
+        }
+    }
+    return false;
+}
+
+const fnExpRE = /^([\w$_]+|\([^)]*?\))\s*=>|^function(?:\s+[\w$]+)?\s*\(/;
+const fnInvokeRE = /\([^)]*?\);*$/;
+const simplePathRE = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/;
+// KeyboardEvent.keyCode aliases
+const keyCodes = {
+    esc: 27,
+    tab: 9,
+    enter: 13,
+    space: 32,
+    up: 38,
+    left: 37,
+    right: 39,
+    down: 40,
+    delete: [8, 46]
+};
+// KeyboardEvent.key aliases
+const keyNames = {
+    // #7880: IE11 and Edge use `Esc` for Escape key name.
+    esc: ['Esc', 'Escape'],
+    tab: 'Tab',
+    enter: 'Enter',
+    // #9112: IE11 uses `Spacebar` for Space key name.
+    space: [' ', 'Spacebar'],
+    // #7806: IE11 uses key names without `Arrow` prefix for arrow keys.
+    up: ['Up', 'ArrowUp'],
+    left: ['Left', 'ArrowLeft'],
+    right: ['Right', 'ArrowRight'],
+    down: ['Down', 'ArrowDown'],
+    // #9112: IE11 uses `Del` for Delete key name.
+    delete: ['Backspace', 'Delete', 'Del']
+};
+// #4868: modifiers that prevent the execution of the listener
+// need to explicitly return null so that we can determine whether to remove
+// the listener for .once
+const genGuard = condition => `if(${condition})return null;`;
+const modifierCode = {
+    stop: '$event.stopPropagation();',
+    prevent: '$event.preventDefault();',
+    self: genGuard(`$event.target !== $event.currentTarget`),
+    ctrl: genGuard(`!$event.ctrlKey`),
+    shift: genGuard(`!$event.shiftKey`),
+    alt: genGuard(`!$event.altKey`),
+    meta: genGuard(`!$event.metaKey`),
+    left: genGuard(`'button' in $event && $event.button !== 0`),
+    middle: genGuard(`'button' in $event && $event.button !== 1`),
+    right: genGuard(`'button' in $event && $event.button !== 2`)
+};
+function genHandlers(events, isNative) {
+    const prefix = isNative ? 'nativeOn:' : 'on:';
+    let staticHandlers = ``;
+    let dynamicHandlers = ``;
+    for (const name in events) {
+        const handlerCode = genHandler(events[name]);
+        //@ts-expect-error
+        if (events[name] && events[name].dynamic) {
+            dynamicHandlers += `${name},${handlerCode},`;
+        }
+        else {
+            staticHandlers += `"${name}":${handlerCode},`;
+        }
+    }
+    staticHandlers = `{${staticHandlers.slice(0, -1)}}`;
+    if (dynamicHandlers) {
+        return prefix + `_d(${staticHandlers},[${dynamicHandlers.slice(0, -1)}])`;
+    }
+    else {
+        return prefix + staticHandlers;
+    }
+}
+function genHandler(handler) {
+    if (!handler) {
+        return 'function(){}';
+    }
+    if (Array.isArray(handler)) {
+        return `[${handler.map(handler => genHandler(handler)).join(',')}]`;
+    }
+    const isMethodPath = simplePathRE.test(handler.value);
+    const isFunctionExpression = fnExpRE.test(handler.value);
+    const isFunctionInvocation = simplePathRE.test(handler.value.replace(fnInvokeRE, ''));
+    if (!handler.modifiers) {
+        if (isMethodPath || isFunctionExpression) {
+            return handler.value;
+        }
+        return `function($event){${isFunctionInvocation ? `return ${handler.value}` : handler.value}}`; // inline statement
+    }
+    else {
+        let code = '';
+        let genModifierCode = '';
+        const keys = [];
+        for (const key in handler.modifiers) {
+            if (modifierCode[key]) {
+                genModifierCode += modifierCode[key];
+                // left/right
+                if (keyCodes[key]) {
+                    keys.push(key);
+                }
+            }
+            else if (key === 'exact') {
+                const modifiers = handler.modifiers;
+                genModifierCode += genGuard(['ctrl', 'shift', 'alt', 'meta']
+                    .filter(keyModifier => !modifiers[keyModifier])
+                    .map(keyModifier => `$event.${keyModifier}Key`)
+                    .join('||'));
+            }
+            else {
+                keys.push(key);
+            }
+        }
+        if (keys.length) {
+            code += genKeyFilter(keys);
+        }
+        // Make sure modifiers like prevent and stop get executed after key filtering
+        if (genModifierCode) {
+            code += genModifierCode;
+        }
+        const handlerCode = isMethodPath
+            ? `return ${handler.value}.apply(null, arguments)`
+            : isFunctionExpression
+                ? `return (${handler.value}).apply(null, arguments)`
+                : isFunctionInvocation
+                    ? `return ${handler.value}`
+                    : handler.value;
+        return `function($event){${code}${handlerCode}}`;
+    }
+}
+function genKeyFilter(keys) {
+    return (
+    // make sure the key filters only apply to KeyboardEvents
+    // #9441: can't use 'keyCode' in $event because Chrome autofill fires fake
+    // key events that do not have keyCode property...
+    `if(!$event.type.indexOf('key')&&` +
+        `${keys.map(genFilterCode).join('&&')})return null;`);
+}
+function genFilterCode(key) {
+    const keyVal = parseInt(key, 10);
+    if (keyVal) {
+        return `$event.keyCode!==${keyVal}`;
+    }
+    const keyCode = keyCodes[key];
+    const keyName = keyNames[key];
+    return (`_k($event.keyCode,` +
+        `${JSON.stringify(key)},` +
+        `${JSON.stringify(keyCode)},` +
+        `$event.key,` +
+        `${JSON.stringify(keyName)}` +
+        `)`);
+}
+
+function on(el, dir) {
+    if (dir.modifiers) {
+        warn$2(`v-on without argument does not support modifiers.`);
+    }
+    el.wrapListeners = (code) => `_g(${code},${dir.value})`;
+}
+
+function bind(el, dir) {
+    el.wrapData = (code) => {
+        return `_b(${code},'${el.tag}',${dir.value},${dir.modifiers && dir.modifiers.prop ? 'true' : 'false'}${dir.modifiers && dir.modifiers.sync ? ',true' : ''})`;
+    };
+}
+
+var baseDirectives = {
+    on,
+    bind,
+    cloak: noop
+};
+
+class CodegenState {
+    constructor(options) {
+        this.options = options;
+        this.warn = options.warn || baseWarn;
+        this.transforms = pluckModuleFunction(options.modules, 'transformCode');
+        this.dataGenFns = pluckModuleFunction(options.modules, 'genData');
+        this.directives = extend(extend({}, baseDirectives), options.directives);
+        const isReservedTag = options.isReservedTag || no;
+        this.maybeComponent = (el) => !!el.component || !isReservedTag(el.tag);
+        this.onceId = 0;
+        this.staticRenderFns = [];
+        this.pre = false;
+    }
+}
+function generate(ast, options) {
+    const state = new CodegenState(options);
+    // fix #11483, Root level <script> tags should not be rendered.
+    const code = ast
+        ? ast.tag === 'script'
+            ? 'null'
+            : genElement(ast, state)
+        : '_c("div")';
+    return {
+        render: `with(this){return ${code}}`,
+        staticRenderFns: state.staticRenderFns
+    };
+}
+function genElement(el, state) {
+    if (el.parent) {
+        el.pre = el.pre || el.parent.pre;
+    }
+    if (el.staticRoot && !el.staticProcessed) {
+        return genStatic(el, state);
+    }
+    else if (el.once && !el.onceProcessed) {
+        return genOnce(el, state);
+    }
+    else if (el.for && !el.forProcessed) {
+        return genFor(el, state);
+    }
+    else if (el.if && !el.ifProcessed) {
+        return genIf(el, state);
+    }
+    else if (el.tag === 'template' && !el.slotTarget && !state.pre) {
+        return genChildren(el, state) || 'void 0';
+    }
+    else if (el.tag === 'slot') {
+        return genSlot(el, state);
+    }
+    else {
+        // component or element
+        let code;
+        if (el.component) {
+            code = genComponent(el.component, el, state);
+        }
+        else {
+            let data;
+            const maybeComponent = state.maybeComponent(el);
+            if (!el.plain || (el.pre && maybeComponent)) {
+                data = genData(el, state);
+            }
+            let tag;
+            // check if this is a component in <script setup>
+            const bindings = state.options.bindings;
+            if (maybeComponent && bindings && bindings.__isScriptSetup !== false) {
+                tag = checkBindingType(bindings, el.tag);
+            }
+            if (!tag)
+                tag = `'${el.tag}'`;
+            const children = el.inlineTemplate ? null : genChildren(el, state, true);
+            code = `_c(${tag}${data ? `,${data}` : '' // data
+            }${children ? `,${children}` : '' // children
+            })`;
+        }
+        // module transforms
+        for (let i = 0; i < state.transforms.length; i++) {
+            code = state.transforms[i](el, code);
+        }
+        return code;
+    }
+}
+function checkBindingType(bindings, key) {
+    const camelName = camelize(key);
+    const PascalName = capitalize(camelName);
+    const checkType = (type) => {
+        if (bindings[key] === type) {
+            return key;
+        }
+        if (bindings[camelName] === type) {
+            return camelName;
+        }
+        if (bindings[PascalName] === type) {
+            return PascalName;
+        }
+    };
+    const fromConst = checkType("setup-const" /* BindingTypes.SETUP_CONST */) ||
+        checkType("setup-reactive-const" /* BindingTypes.SETUP_REACTIVE_CONST */);
+    if (fromConst) {
+        return fromConst;
+    }
+    const fromMaybeRef = checkType("setup-let" /* BindingTypes.SETUP_LET */) ||
+        checkType("setup-ref" /* BindingTypes.SETUP_REF */) ||
+        checkType("setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */);
+    if (fromMaybeRef) {
+        return fromMaybeRef;
+    }
+}
+// hoist static sub-trees out
+function genStatic(el, state) {
+    el.staticProcessed = true;
+    // Some elements (templates) need to behave differently inside of a v-pre
+    // node.  All pre nodes are static roots, so we can use this as a location to
+    // wrap a state change and reset it upon exiting the pre node.
+    const originalPreState = state.pre;
+    if (el.pre) {
+        state.pre = el.pre;
+    }
+    state.staticRenderFns.push(`with(this){return ${genElement(el, state)}}`);
+    state.pre = originalPreState;
+    return `_m(${state.staticRenderFns.length - 1}${el.staticInFor ? ',true' : ''})`;
+}
+// v-once
+function genOnce(el, state) {
+    el.onceProcessed = true;
+    if (el.if && !el.ifProcessed) {
+        return genIf(el, state);
+    }
+    else if (el.staticInFor) {
+        let key = '';
+        let parent = el.parent;
+        while (parent) {
+            if (parent.for) {
+                key = parent.key;
+                break;
+            }
+            parent = parent.parent;
+        }
+        if (!key) {
+            state.warn(`v-once can only be used inside v-for that is keyed. `, el.rawAttrsMap['v-once']);
+            return genElement(el, state);
+        }
+        return `_o(${genElement(el, state)},${state.onceId++},${key})`;
+    }
+    else {
+        return genStatic(el, state);
+    }
+}
+function genIf(el, state, altGen, altEmpty) {
+    el.ifProcessed = true; // avoid recursion
+    return genIfConditions(el.ifConditions.slice(), state, altGen, altEmpty);
+}
+function genIfConditions(conditions, state, altGen, altEmpty) {
+    if (!conditions.length) {
+        return altEmpty || '_e()';
+    }
+    const condition = conditions.shift();
+    if (condition.exp) {
+        return `(${condition.exp})?${genTernaryExp(condition.block)}:${genIfConditions(conditions, state, altGen, altEmpty)}`;
+    }
+    else {
+        return `${genTernaryExp(condition.block)}`;
+    }
+    // v-if with v-once should generate code like (a)?_m(0):_m(1)
+    function genTernaryExp(el) {
+        return altGen
+            ? altGen(el, state)
+            : el.once
+                ? genOnce(el, state)
+                : genElement(el, state);
+    }
+}
+function genFor(el, state, altGen, altHelper) {
+    const exp = el.for;
+    const alias = el.alias;
+    const iterator1 = el.iterator1 ? `,${el.iterator1}` : '';
+    const iterator2 = el.iterator2 ? `,${el.iterator2}` : '';
+    if (state.maybeComponent(el) &&
+        el.tag !== 'slot' &&
+        el.tag !== 'template' &&
+        !el.key) {
+        state.warn(`<${el.tag} v-for="${alias} in ${exp}">: component lists rendered with ` +
+            `v-for should have explicit keys. ` +
+            `See https://v2.vuejs.org/v2/guide/list.html#key for more info.`, el.rawAttrsMap['v-for'], true /* tip */);
+    }
+    el.forProcessed = true; // avoid recursion
+    return (`${altHelper || '_l'}((${exp}),` +
+        `function(${alias}${iterator1}${iterator2}){` +
+        `return ${(altGen || genElement)(el, state)}` +
+        '})');
+}
+function genData(el, state) {
+    let data = '{';
+    // directives first.
+    // directives may mutate the el's other properties before they are generated.
+    const dirs = genDirectives(el, state);
+    if (dirs)
+        data += dirs + ',';
+    // key
+    if (el.key) {
+        data += `key:${el.key},`;
+    }
+    // ref
+    if (el.ref) {
+        data += `ref:${el.ref},`;
+    }
+    if (el.refInFor) {
+        data += `refInFor:true,`;
+    }
+    // pre
+    if (el.pre) {
+        data += `pre:true,`;
+    }
+    // record original tag name for components using "is" attribute
+    if (el.component) {
+        data += `tag:"${el.tag}",`;
+    }
+    // module data generation functions
+    for (let i = 0; i < state.dataGenFns.length; i++) {
+        data += state.dataGenFns[i](el);
+    }
+    // attributes
+    if (el.attrs) {
+        data += `attrs:${genProps(el.attrs)},`;
+    }
+    // DOM props
+    if (el.props) {
+        data += `domProps:${genProps(el.props)},`;
+    }
+    // event handlers
+    if (el.events) {
+        data += `${genHandlers(el.events, false)},`;
+    }
+    if (el.nativeEvents) {
+        data += `${genHandlers(el.nativeEvents, true)},`;
+    }
+    // slot target
+    // only for non-scoped slots
+    if (el.slotTarget && !el.slotScope) {
+        data += `slot:${el.slotTarget},`;
+    }
+    // scoped slots
+    if (el.scopedSlots) {
+        data += `${genScopedSlots(el, el.scopedSlots, state)},`;
+    }
+    // component v-model
+    if (el.model) {
+        data += `model:{value:${el.model.value},callback:${el.model.callback},expression:${el.model.expression}},`;
+    }
+    // inline-template
+    if (el.inlineTemplate) {
+        const inlineTemplate = genInlineTemplate(el, state);
+        if (inlineTemplate) {
+            data += `${inlineTemplate},`;
+        }
+    }
+    data = data.replace(/,$/, '') + '}';
+    // v-bind dynamic argument wrap
+    // v-bind with dynamic arguments must be applied using the same v-bind object
+    // merge helper so that class/style/mustUseProp attrs are handled correctly.
+    if (el.dynamicAttrs) {
+        data = `_b(${data},"${el.tag}",${genProps(el.dynamicAttrs)})`;
+    }
+    // v-bind data wrap
+    if (el.wrapData) {
+        data = el.wrapData(data);
+    }
+    // v-on data wrap
+    if (el.wrapListeners) {
+        data = el.wrapListeners(data);
+    }
+    return data;
+}
+function genDirectives(el, state) {
+    const dirs = el.directives;
+    if (!dirs)
+        return;
+    let res = 'directives:[';
+    let hasRuntime = false;
+    let i, l, dir, needRuntime;
+    for (i = 0, l = dirs.length; i < l; i++) {
+        dir = dirs[i];
+        needRuntime = true;
+        const gen = state.directives[dir.name];
+        if (gen) {
+            // compile-time directive that manipulates AST.
+            // returns true if it also needs a runtime counterpart.
+            needRuntime = !!gen(el, dir, state.warn);
+        }
+        if (needRuntime) {
+            hasRuntime = true;
+            res += `{name:"${dir.name}",rawName:"${dir.rawName}"${dir.value
+                ? `,value:(${dir.value}),expression:${JSON.stringify(dir.value)}`
+                : ''}${dir.arg ? `,arg:${dir.isDynamicArg ? dir.arg : `"${dir.arg}"`}` : ''}${dir.modifiers ? `,modifiers:${JSON.stringify(dir.modifiers)}` : ''}},`;
+        }
+    }
+    if (hasRuntime) {
+        return res.slice(0, -1) + ']';
+    }
+}
+function genInlineTemplate(el, state) {
+    const ast = el.children[0];
+    if ((el.children.length !== 1 || ast.type !== 1)) {
+        state.warn('Inline-template components must have exactly one child element.', { start: el.start });
+    }
+    if (ast && ast.type === 1) {
+        const inlineRenderFns = generate(ast, state.options);
+        return `inlineTemplate:{render:function(){${inlineRenderFns.render}},staticRenderFns:[${inlineRenderFns.staticRenderFns
+            .map(code => `function(){${code}}`)
+            .join(',')}]}`;
+    }
+}
+function genScopedSlots(el, slots, state) {
+    // by default scoped slots are considered "stable", this allows child
+    // components with only scoped slots to skip forced updates from parent.
+    // but in some cases we have to bail-out of this optimization
+    // for example if the slot contains dynamic names, has v-if or v-for on them...
+    let needsForceUpdate = el.for ||
+        Object.keys(slots).some(key => {
+            const slot = slots[key];
+            return (slot.slotTargetDynamic || slot.if || slot.for || containsSlotChild(slot) // is passing down slot from parent which may be dynamic
+            );
+        });
+    // #9534: if a component with scoped slots is inside a conditional branch,
+    // it's possible for the same component to be reused but with different
+    // compiled slot content. To avoid that, we generate a unique key based on
+    // the generated code of all the slot contents.
+    let needsKey = !!el.if;
+    // OR when it is inside another scoped slot or v-for (the reactivity may be
+    // disconnected due to the intermediate scope variable)
+    // #9438, #9506
+    // TODO: this can be further optimized by properly analyzing in-scope bindings
+    // and skip force updating ones that do not actually use scope variables.
+    if (!needsForceUpdate) {
+        let parent = el.parent;
+        while (parent) {
+            if ((parent.slotScope && parent.slotScope !== emptySlotScopeToken) ||
+                parent.for) {
+                needsForceUpdate = true;
+                break;
+            }
+            if (parent.if) {
+                needsKey = true;
+            }
+            parent = parent.parent;
+        }
+    }
+    const generatedSlots = Object.keys(slots)
+        .map(key => genScopedSlot(slots[key], state))
+        .join(',');
+    return `scopedSlots:_u([${generatedSlots}]${needsForceUpdate ? `,null,true` : ``}${!needsForceUpdate && needsKey ? `,null,false,${hash(generatedSlots)}` : ``})`;
+}
+function hash(str) {
+    let hash = 5381;
+    let i = str.length;
+    while (i) {
+        hash = (hash * 33) ^ str.charCodeAt(--i);
+    }
+    return hash >>> 0;
+}
+function containsSlotChild(el) {
+    if (el.type === 1) {
+        if (el.tag === 'slot') {
+            return true;
+        }
+        return el.children.some(containsSlotChild);
+    }
+    return false;
+}
+function genScopedSlot(el, state) {
+    const isLegacySyntax = el.attrsMap['slot-scope'];
+    if (el.if && !el.ifProcessed && !isLegacySyntax) {
+        return genIf(el, state, genScopedSlot, `null`);
+    }
+    if (el.for && !el.forProcessed) {
+        return genFor(el, state, genScopedSlot);
+    }
+    const slotScope = el.slotScope === emptySlotScopeToken ? `` : String(el.slotScope);
+    const fn = `function(${slotScope}){` +
+        `return ${el.tag === 'template'
+            ? el.if && isLegacySyntax
+                ? `(${el.if})?${genChildren(el, state) || 'undefined'}:undefined`
+                : genChildren(el, state) || 'undefined'
+            : genElement(el, state)}}`;
+    // reverse proxy v-slot without scope on this.$slots
+    const reverseProxy = slotScope ? `` : `,proxy:true`;
+    return `{key:${el.slotTarget || `"default"`},fn:${fn}${reverseProxy}}`;
+}
+function genChildren(el, state, checkSkip, altGenElement, altGenNode) {
+    const children = el.children;
+    if (children.length) {
+        const el = children[0];
+        // optimize single v-for
+        if (children.length === 1 &&
+            el.for &&
+            el.tag !== 'template' &&
+            el.tag !== 'slot') {
+            const normalizationType = checkSkip
+                ? state.maybeComponent(el)
+                    ? `,1`
+                    : `,0`
+                : ``;
+            return `${(altGenElement || genElement)(el, state)}${normalizationType}`;
+        }
+        const normalizationType = checkSkip
+            ? getNormalizationType(children, state.maybeComponent)
+            : 0;
+        const gen = altGenNode || genNode;
+        return `[${children.map(c => gen(c, state)).join(',')}]${normalizationType ? `,${normalizationType}` : ''}`;
+    }
+}
+// determine the normalization needed for the children array.
+// 0: no normalization needed
+// 1: simple normalization needed (possible 1-level deep nested array)
+// 2: full normalization needed
+function getNormalizationType(children, maybeComponent) {
+    let res = 0;
+    for (let i = 0; i < children.length; i++) {
+        const el = children[i];
+        if (el.type !== 1) {
+            continue;
+        }
+        if (needsNormalization(el) ||
+            (el.ifConditions &&
+                el.ifConditions.some(c => needsNormalization(c.block)))) {
+            res = 2;
+            break;
+        }
+        if (maybeComponent(el) ||
+            (el.ifConditions && el.ifConditions.some(c => maybeComponent(c.block)))) {
+            res = 1;
+        }
+    }
+    return res;
+}
+function needsNormalization(el) {
+    return el.for !== undefined || el.tag === 'template' || el.tag === 'slot';
+}
+function genNode(node, state) {
+    if (node.type === 1) {
+        return genElement(node, state);
+    }
+    else if (node.type === 3 && node.isComment) {
+        return genComment(node);
+    }
+    else {
+        return genText(node);
+    }
+}
+function genText(text) {
+    return `_v(${text.type === 2
+        ? text.expression // no need for () because already wrapped in _s()
+        : transformSpecialNewlines(JSON.stringify(text.text))})`;
+}
+function genComment(comment) {
+    return `_e(${JSON.stringify(comment.text)})`;
+}
+function genSlot(el, state) {
+    const slotName = el.slotName || '"default"';
+    const children = genChildren(el, state);
+    let res = `_t(${slotName}${children ? `,function(){return ${children}}` : ''}`;
+    const attrs = el.attrs || el.dynamicAttrs
+        ? genProps((el.attrs || []).concat(el.dynamicAttrs || []).map(attr => ({
+            // slot props are camelized
+            name: camelize(attr.name),
+            value: attr.value,
+            dynamic: attr.dynamic
+        })))
+        : null;
+    const bind = el.attrsMap['v-bind'];
+    if ((attrs || bind) && !children) {
+        res += `,null`;
+    }
+    if (attrs) {
+        res += `,${attrs}`;
+    }
+    if (bind) {
+        res += `${attrs ? '' : ',null'},${bind}`;
+    }
+    return res + ')';
+}
+// componentName is el.component, take it as argument to shun flow's pessimistic refinement
+function genComponent(componentName, el, state) {
+    const children = el.inlineTemplate ? null : genChildren(el, state, true);
+    return `_c(${componentName},${genData(el, state)}${children ? `,${children}` : ''})`;
+}
+function genProps(props) {
+    let staticProps = ``;
+    let dynamicProps = ``;
+    for (let i = 0; i < props.length; i++) {
+        const prop = props[i];
+        const value = transformSpecialNewlines(prop.value);
+        if (prop.dynamic) {
+            dynamicProps += `${prop.name},${value},`;
+        }
+        else {
+            staticProps += `"${prop.name}":${value},`;
+        }
+    }
+    staticProps = `{${staticProps.slice(0, -1)}}`;
+    if (dynamicProps) {
+        return `_d(${staticProps},[${dynamicProps.slice(0, -1)}])`;
+    }
+    else {
+        return staticProps;
+    }
+}
+// #3895, #4268
+function transformSpecialNewlines(text) {
+    return text.replace(/\u2028/g, '\\u2028').replace(/\u2029/g, '\\u2029');
+}
+
+// these keywords should not appear inside expressions, but operators like
+// typeof, instanceof and in are allowed
+const prohibitedKeywordRE = new RegExp('\\b' +
+    ('do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +
+        'super,throw,while,yield,delete,export,import,return,switch,default,' +
+        'extends,finally,continue,debugger,function,arguments')
+        .split(',')
+        .join('\\b|\\b') +
+    '\\b');
+// these unary operators should not be used as property/method names
+const unaryOperatorsRE = new RegExp('\\b' +
+    'delete,typeof,void'.split(',').join('\\s*\\([^\\)]*\\)|\\b') +
+    '\\s*\\([^\\)]*\\)');
+// strip strings in expressions
+const stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g;
+// detect problematic expressions in a template
+function detectErrors(ast, warn) {
+    if (ast) {
+        checkNode(ast, warn);
+    }
+}
+function checkNode(node, warn) {
+    if (node.type === 1) {
+        for (const name in node.attrsMap) {
+            if (dirRE.test(name)) {
+                const value = node.attrsMap[name];
+                if (value) {
+                    const range = node.rawAttrsMap[name];
+                    if (name === 'v-for') {
+                        checkFor(node, `v-for="${value}"`, warn, range);
+                    }
+                    else if (name === 'v-slot' || name[0] === '#') {
+                        checkFunctionParameterExpression(value, `${name}="${value}"`, warn, range);
+                    }
+                    else if (onRE.test(name)) {
+                        checkEvent(value, `${name}="${value}"`, warn, range);
+                    }
+                    else {
+                        checkExpression(value, `${name}="${value}"`, warn, range);
+                    }
+                }
+            }
+        }
+        if (node.children) {
+            for (let i = 0; i < node.children.length; i++) {
+                checkNode(node.children[i], warn);
+            }
+        }
+    }
+    else if (node.type === 2) {
+        checkExpression(node.expression, node.text, warn, node);
+    }
+}
+function checkEvent(exp, text, warn, range) {
+    const stripped = exp.replace(stripStringRE, '');
+    const keywordMatch = stripped.match(unaryOperatorsRE);
+    if (keywordMatch && stripped.charAt(keywordMatch.index - 1) !== '$') {
+        warn(`avoid using JavaScript unary operator as property name: ` +
+            `"${keywordMatch[0]}" in expression ${text.trim()}`, range);
+    }
+    checkExpression(exp, text, warn, range);
+}
+function checkFor(node, text, warn, range) {
+    checkExpression(node.for || '', text, warn, range);
+    checkIdentifier(node.alias, 'v-for alias', text, warn, range);
+    checkIdentifier(node.iterator1, 'v-for iterator', text, warn, range);
+    checkIdentifier(node.iterator2, 'v-for iterator', text, warn, range);
+}
+function checkIdentifier(ident, type, text, warn, range) {
+    if (typeof ident === 'string') {
+        try {
+            new Function(`var ${ident}=_`);
+        }
+        catch (e) {
+            warn(`invalid ${type} "${ident}" in expression: ${text.trim()}`, range);
+        }
+    }
+}
+function checkExpression(exp, text, warn, range) {
+    try {
+        new Function(`return ${exp}`);
+    }
+    catch (e) {
+        const keywordMatch = exp
+            .replace(stripStringRE, '')
+            .match(prohibitedKeywordRE);
+        if (keywordMatch) {
+            warn(`avoid using JavaScript keyword as property name: ` +
+                `"${keywordMatch[0]}"\n  Raw expression: ${text.trim()}`, range);
+        }
+        else {
+            warn(`invalid expression: ${e.message} in\n\n` +
+                `    ${exp}\n\n` +
+                `  Raw expression: ${text.trim()}\n`, range);
+        }
+    }
+}
+function checkFunctionParameterExpression(exp, text, warn, range) {
+    try {
+        new Function(exp, '');
+    }
+    catch (e) {
+        warn(`invalid function parameter expression: ${e.message} in\n\n` +
+            `    ${exp}\n\n` +
+            `  Raw expression: ${text.trim()}\n`, range);
+    }
+}
+
+const range = 2;
+function generateCodeFrame(source, start = 0, end = source.length) {
+    const lines = source.split(/\r?\n/);
+    let count = 0;
+    const res = [];
+    for (let i = 0; i < lines.length; i++) {
+        count += lines[i].length + 1;
+        if (count >= start) {
+            for (let j = i - range; j <= i + range || end > count; j++) {
+                if (j < 0 || j >= lines.length)
+                    continue;
+                res.push(`${j + 1}${repeat(` `, 3 - String(j + 1).length)}|  ${lines[j]}`);
+                const lineLength = lines[j].length;
+                if (j === i) {
+                    // push underline
+                    const pad = start - (count - lineLength) + 1;
+                    const length = end > count ? lineLength - pad : end - start;
+                    res.push(`   |  ` + repeat(` `, pad) + repeat(`^`, length));
+                }
+                else if (j > i) {
+                    if (end > count) {
+                        const length = Math.min(end - count, lineLength);
+                        res.push(`   |  ` + repeat(`^`, length));
+                    }
+                    count += lineLength + 1;
+                }
+            }
+            break;
+        }
+    }
+    return res.join('\n');
+}
+function repeat(str, n) {
+    let result = '';
+    if (n > 0) {
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+            // eslint-disable-line
+            if (n & 1)
+                result += str;
+            n >>>= 1;
+            if (n <= 0)
+                break;
+            str += str;
+        }
+    }
+    return result;
+}
+
+function createFunction(code, errors) {
+    try {
+        return new Function(code);
+    }
+    catch (err) {
+        errors.push({ err, code });
+        return noop;
+    }
+}
+function createCompileToFunctionFn(compile) {
+    const cache = Object.create(null);
+    return function compileToFunctions(template, options, vm) {
+        options = extend({}, options);
+        const warn = options.warn || warn$2;
+        delete options.warn;
+        /* istanbul ignore if */
+        {
+            // detect possible CSP restriction
+            try {
+                new Function('return 1');
+            }
+            catch (e) {
+                if (e.toString().match(/unsafe-eval|CSP/)) {
+                    warn('It seems you are using the standalone build of Vue.js in an ' +
+                        'environment with Content Security Policy that prohibits unsafe-eval. ' +
+                        'The template compiler cannot work in this environment. Consider ' +
+                        'relaxing the policy to allow unsafe-eval or pre-compiling your ' +
+                        'templates into render functions.');
+                }
+            }
+        }
+        // check cache
+        const key = options.delimiters
+            ? String(options.delimiters) + template
+            : template;
+        if (cache[key]) {
+            return cache[key];
+        }
+        // compile
+        const compiled = compile(template, options);
+        // check compilation errors/tips
+        {
+            if (compiled.errors && compiled.errors.length) {
+                if (options.outputSourceRange) {
+                    compiled.errors.forEach(e => {
+                        warn(`Error compiling template:\n\n${e.msg}\n\n` +
+                            generateCodeFrame(template, e.start, e.end), vm);
+                    });
+                }
+                else {
+                    warn(`Error compiling template:\n\n${template}\n\n` +
+                        compiled.errors.map(e => `- ${e}`).join('\n') +
+                        '\n', vm);
+                }
+            }
+            if (compiled.tips && compiled.tips.length) {
+                if (options.outputSourceRange) {
+                    compiled.tips.forEach(e => tip(e.msg, vm));
+                }
+                else {
+                    compiled.tips.forEach(msg => tip(msg, vm));
+                }
+            }
+        }
+        // turn code into functions
+        const res = {};
+        const fnGenErrors = [];
+        res.render = createFunction(compiled.render, fnGenErrors);
+        res.staticRenderFns = compiled.staticRenderFns.map(code => {
+            return createFunction(code, fnGenErrors);
+        });
+        // check function generation errors.
+        // this should only happen if there is a bug in the compiler itself.
+        // mostly for codegen development use
+        /* istanbul ignore if */
+        {
+            if ((!compiled.errors || !compiled.errors.length) && fnGenErrors.length) {
+                warn(`Failed to generate render function:\n\n` +
+                    fnGenErrors
+                        .map(({ err, code }) => `${err.toString()} in\n\n${code}\n`)
+                        .join('\n'), vm);
+            }
+        }
+        return (cache[key] = res);
+    };
+}
+
+function createCompilerCreator(baseCompile) {
+    return function createCompiler(baseOptions) {
+        function compile(template, options) {
+            const finalOptions = Object.create(baseOptions);
+            const errors = [];
+            const tips = [];
+            let warn = (msg, range, tip) => {
+                (tip ? tips : errors).push(msg);
+            };
+            if (options) {
+                if (options.outputSourceRange) {
+                    // $flow-disable-line
+                    const leadingSpaceLength = template.match(/^\s*/)[0].length;
+                    warn = (msg, range, tip) => {
+                        const data = typeof msg === 'string' ? { msg } : msg;
+                        if (range) {
+                            if (range.start != null) {
+                                data.start = range.start + leadingSpaceLength;
+                            }
+                            if (range.end != null) {
+                                data.end = range.end + leadingSpaceLength;
+                            }
+                        }
+                        (tip ? tips : errors).push(data);
+                    };
+                }
+                // merge custom modules
+                if (options.modules) {
+                    finalOptions.modules = (baseOptions.modules || []).concat(options.modules);
+                }
+                // merge custom directives
+                if (options.directives) {
+                    finalOptions.directives = extend(Object.create(baseOptions.directives || null), options.directives);
+                }
+                // copy other options
+                for (const key in options) {
+                    if (key !== 'modules' && key !== 'directives') {
+                        finalOptions[key] = options[key];
+                    }
+                }
+            }
+            finalOptions.warn = warn;
+            const compiled = baseCompile(template.trim(), finalOptions);
+            {
+                detectErrors(compiled.ast, warn);
+            }
+            compiled.errors = errors;
+            compiled.tips = tips;
+            return compiled;
+        }
+        return {
+            compile,
+            compileToFunctions: createCompileToFunctionFn(compile)
+        };
+    };
+}
+
+// `createCompilerCreator` allows creating compilers that use alternative
+// parser/optimizer/codegen, e.g the SSR optimizing compiler.
+// Here we just export a default compiler using the default parts.
+const createCompiler = createCompilerCreator(function baseCompile(template, options) {
+    const ast = parse(template.trim(), options);
+    if (options.optimize !== false) {
+        optimize(ast, options);
+    }
+    const code = generate(ast, options);
+    return {
+        ast,
+        render: code.render,
+        staticRenderFns: code.staticRenderFns
+    };
+});
+
+const { compile, compileToFunctions } = createCompiler(baseOptions);
+
+// check whether current browser encodes a char inside attribute values
+let div;
+function getShouldDecode(href) {
+    div = div || document.createElement('div');
+    div.innerHTML = href ? `<a href="\n"/>` : `<div a="\n"/>`;
+    return div.innerHTML.indexOf('&#10;') > 0;
+}
+// #3663: IE encodes newlines inside attribute values while other browsers don't
+const shouldDecodeNewlines = inBrowser ? getShouldDecode(false) : false;
+// #6828: chrome encodes content in a[href]
+const shouldDecodeNewlinesForHref = inBrowser
+    ? getShouldDecode(true)
+    : false;
+
+const idToTemplate = cached(id => {
+    const el = query(id);
+    return el && el.innerHTML;
+});
+const mount = Vue.prototype.$mount;
+Vue.prototype.$mount = function (el, hydrating) {
+    el = el && query(el);
+    /* istanbul ignore if */
+    if (el === document.body || el === document.documentElement) {
+        warn$2(`Do not mount Vue to <html> or <body> - mount to normal elements instead.`);
+        return this;
+    }
+    const options = this.$options;
+    // resolve template/el and convert to render function
+    if (!options.render) {
+        let template = options.template;
+        if (template) {
+            if (typeof template === 'string') {
+                if (template.charAt(0) === '#') {
+                    template = idToTemplate(template);
+                    /* istanbul ignore if */
+                    if (!template) {
+                        warn$2(`Template element not found or is empty: ${options.template}`, this);
+                    }
+                }
+            }
+            else if (template.nodeType) {
+                template = template.innerHTML;
+            }
+            else {
+                {
+                    warn$2('invalid template option:' + template, this);
+                }
+                return this;
+            }
+        }
+        else if (el) {
+            // @ts-expect-error
+            template = getOuterHTML(el);
+        }
+        if (template) {
+            /* istanbul ignore if */
+            if (config.performance && mark) {
+                mark('compile');
+            }
+            const { render, staticRenderFns } = compileToFunctions(template, {
+                outputSourceRange: true,
+                shouldDecodeNewlines,
+                shouldDecodeNewlinesForHref,
+                delimiters: options.delimiters,
+                comments: options.comments
+            }, this);
+            options.render = render;
+            options.staticRenderFns = staticRenderFns;
+            /* istanbul ignore if */
+            if (config.performance && mark) {
+                mark('compile end');
+                measure(`vue ${this._name} compile`, 'compile', 'compile end');
+            }
+        }
+    }
+    return mount.call(this, el, hydrating);
+};
+/**
+ * Get outerHTML of elements, taking care
+ * of SVG elements in IE as well.
+ */
+function getOuterHTML(el) {
+    if (el.outerHTML) {
+        return el.outerHTML;
+    }
+    else {
+        const container = document.createElement('div');
+        container.appendChild(el.cloneNode(true));
+        return container.innerHTML;
+    }
+}
+Vue.compile = compileToFunctions;
+
+export { EffectScope, computed, customRef, Vue as default, defineAsyncComponent, defineComponent, del, effectScope, getCurrentInstance, getCurrentScope, h, inject, isProxy, isReactive, isReadonly, isRef, isShallow, markRaw, mergeDefaults, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, provide, proxyRefs, reactive, readonly, ref$1 as ref, set, shallowReactive, shallowReadonly, shallowRef, toRaw, toRef, toRefs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useListeners, useSlots, version, watch, watchEffect, watchPostEffect, watchSyncEffect };
diff --git a/kirby/panel/dist/js/vue.esm.browser.min.js b/kirby/panel/dist/js/vue.esm.browser.min.js
new file mode 100644
index 0000000..4f65950
--- /dev/null
+++ b/kirby/panel/dist/js/vue.esm.browser.min.js
@@ -0,0 +1,11 @@
+/*!
+ * Vue.js v2.7.16
+ * (c) 2014-2023 Evan You
+ * Released under the MIT License.
+ */
+/*!
+ * Vue.js v2.7.16
+ * (c) 2014-2023 Evan You
+ * Released under the MIT License.
+ */
+const t=Object.freeze({}),e=Array.isArray;function n(t){return null==t}function o(t){return null!=t}function r(t){return!0===t}function s(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function i(t){return"function"==typeof t}function c(t){return null!==t&&"object"==typeof t}const a=Object.prototype.toString;function l(t){return"[object Object]"===a.call(t)}function u(t){const e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function f(t){return o(t)&&"function"==typeof t.then&&"function"==typeof t.catch}function d(t){return null==t?"":Array.isArray(t)||l(t)&&t.toString===a?JSON.stringify(t,p,2):String(t)}function p(t,e){return e&&e.__v_isRef?e.value:e}function h(t){const e=parseFloat(t);return isNaN(e)?t:e}function m(t,e){const n=Object.create(null),o=t.split(",");for(let t=0;t<o.length;t++)n[o[t]]=!0;return e?t=>n[t.toLowerCase()]:t=>n[t]}const g=m("slot,component",!0),v=m("key,ref,slot,slot-scope,is");function y(t,e){const n=t.length;if(n){if(e===t[n-1])return void(t.length=n-1);const o=t.indexOf(e);if(o>-1)return t.splice(o,1)}}const _=Object.prototype.hasOwnProperty;function $(t,e){return _.call(t,e)}function b(t){const e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}const w=/-(\w)/g,x=b((t=>t.replace(w,((t,e)=>e?e.toUpperCase():"")))),C=b((t=>t.charAt(0).toUpperCase()+t.slice(1))),k=/\B([A-Z])/g,O=b((t=>t.replace(k,"-$1").toLowerCase()));const S=Function.prototype.bind?function(t,e){return t.bind(e)}:function(t,e){function n(n){const o=arguments.length;return o?o>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n};function T(t,e){e=e||0;let n=t.length-e;const o=new Array(n);for(;n--;)o[n]=t[n+e];return o}function A(t,e){for(const n in e)t[n]=e[n];return t}function j(t){const e={};for(let n=0;n<t.length;n++)t[n]&&A(e,t[n]);return e}function E(t,e,n){}const N=(t,e,n)=>!1,P=t=>t;function D(t,e){if(t===e)return!0;const n=c(t),o=c(e);if(!n||!o)return!n&&!o&&String(t)===String(e);try{const n=Array.isArray(t),o=Array.isArray(e);if(n&&o)return t.length===e.length&&t.every(((t,n)=>D(t,e[n])));if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();if(n||o)return!1;{const n=Object.keys(t),o=Object.keys(e);return n.length===o.length&&n.every((n=>D(t[n],e[n])))}}catch(t){return!1}}function M(t,e){for(let n=0;n<t.length;n++)if(D(t[n],e))return n;return-1}function I(t){let e=!1;return function(){e||(e=!0,t.apply(this,arguments))}}function L(t,e){return t===e?0===t&&1/t!=1/e:t==t||e==e}const F="data-server-rendered",R=["component","directive","filter"],H=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured","serverPrefetch","renderTracked","renderTriggered"];var B={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:N,isReservedAttr:N,isUnknownElement:N,getTagNamespace:E,parsePlatformTagName:P,mustUseProp:N,async:!0,_lifecycleHooks:H};const U=/a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;function z(t){const e=(t+"").charCodeAt(0);return 36===e||95===e}function V(t,e,n,o){Object.defineProperty(t,e,{value:n,enumerable:!!o,writable:!0,configurable:!0})}const K=new RegExp(`[^${U.source}.$_\\d]`);const J="__proto__"in{},q="undefined"!=typeof window,W=q&&window.navigator.userAgent.toLowerCase(),Z=W&&/msie|trident/.test(W),G=W&&W.indexOf("msie 9.0")>0,X=W&&W.indexOf("edge/")>0;W&&W.indexOf("android");const Y=W&&/iphone|ipad|ipod|ios/.test(W);W&&/chrome\/\d+/.test(W),W&&/phantomjs/.test(W);const Q=W&&W.match(/firefox\/(\d+)/),tt={}.watch;let et,nt=!1;if(q)try{const t={};Object.defineProperty(t,"passive",{get(){nt=!0}}),window.addEventListener("test-passive",null,t)}catch(t){}const ot=()=>(void 0===et&&(et=!q&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),et),rt=q&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function st(t){return"function"==typeof t&&/native code/.test(t.toString())}const it="undefined"!=typeof Symbol&&st(Symbol)&&"undefined"!=typeof Reflect&&st(Reflect.ownKeys);let ct;ct="undefined"!=typeof Set&&st(Set)?Set:class{constructor(){this.set=Object.create(null)}has(t){return!0===this.set[t]}add(t){this.set[t]=!0}clear(){this.set=Object.create(null)}};let at=null;function lt(){return at&&{proxy:at}}function ut(t=null){t||at&&at._scope.off(),at=t,t&&t._scope.on()}class ft{constructor(t,e,n,o,r,s,i,c){this.tag=t,this.data=e,this.children=n,this.text=o,this.elm=r,this.ns=void 0,this.context=s,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=i,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=c,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}get child(){return this.componentInstance}}const dt=(t="")=>{const e=new ft;return e.text=t,e.isComment=!0,e};function pt(t){return new ft(void 0,void 0,void 0,String(t))}function ht(t){const e=new ft(t.tag,t.data,t.children&&t.children.slice(),t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.asyncMeta=t.asyncMeta,e.isCloned=!0,e}let mt=0;const gt=[],vt=()=>{for(let t=0;t<gt.length;t++){const e=gt[t];e.subs=e.subs.filter((t=>t)),e._pending=!1}gt.length=0};class yt{constructor(){this._pending=!1,this.id=mt++,this.subs=[]}addSub(t){this.subs.push(t)}removeSub(t){this.subs[this.subs.indexOf(t)]=null,this._pending||(this._pending=!0,gt.push(this))}depend(t){yt.target&&yt.target.addDep(this)}notify(t){const e=this.subs.filter((t=>t));for(let t=0,n=e.length;t<n;t++){e[t].update()}}}yt.target=null;const _t=[];function $t(t){_t.push(t),yt.target=t}function bt(){_t.pop(),yt.target=_t[_t.length-1]}const wt=Array.prototype,xt=Object.create(wt);["push","pop","shift","unshift","splice","sort","reverse"].forEach((function(t){const e=wt[t];V(xt,t,(function(...n){const o=e.apply(this,n),r=this.__ob__;let s;switch(t){case"push":case"unshift":s=n;break;case"splice":s=n.slice(2)}return s&&r.observeArray(s),r.dep.notify(),o}))}));const Ct=Object.getOwnPropertyNames(xt),kt={};let Ot=!0;function St(t){Ot=t}const Tt={notify:E,depend:E,addSub:E,removeSub:E};class At{constructor(t,n=!1,o=!1){if(this.value=t,this.shallow=n,this.mock=o,this.dep=o?Tt:new yt,this.vmCount=0,V(t,"__ob__",this),e(t)){if(!o)if(J)t.__proto__=xt;else for(let e=0,n=Ct.length;e<n;e++){const n=Ct[e];V(t,n,xt[n])}n||this.observeArray(t)}else{const e=Object.keys(t);for(let r=0;r<e.length;r++){Et(t,e[r],kt,void 0,n,o)}}}observeArray(t){for(let e=0,n=t.length;e<n;e++)jt(t[e],!1,this.mock)}}function jt(t,n,o){return t&&$(t,"__ob__")&&t.__ob__ instanceof At?t.__ob__:!Ot||!o&&ot()||!e(t)&&!l(t)||!Object.isExtensible(t)||t.__v_skip||Kt(t)||t instanceof ft?void 0:new At(t,n,o)}function Et(t,n,o,r,s,i,c=!1){const a=new yt,l=Object.getOwnPropertyDescriptor(t,n);if(l&&!1===l.configurable)return;const u=l&&l.get,f=l&&l.set;u&&!f||o!==kt&&2!==arguments.length||(o=t[n]);let d=s?o&&o.__ob__:jt(o,!1,i);return Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:function(){const n=u?u.call(t):o;return yt.target&&(a.depend(),d&&(d.dep.depend(),e(n)&&Dt(n))),Kt(n)&&!s?n.value:n},set:function(e){const n=u?u.call(t):o;if(L(n,e)){if(f)f.call(t,e);else{if(u)return;if(!s&&Kt(n)&&!Kt(e))return void(n.value=e);o=e}d=s?e&&e.__ob__:jt(e,!1,i),a.notify()}}}),a}function Nt(t,n,o){if(Ht(t))return;const r=t.__ob__;return e(t)&&u(n)?(t.length=Math.max(t.length,n),t.splice(n,1,o),r&&!r.shallow&&r.mock&&jt(o,!1,!0),o):n in t&&!(n in Object.prototype)?(t[n]=o,o):t._isVue||r&&r.vmCount?o:r?(Et(r.value,n,o,void 0,r.shallow,r.mock),r.dep.notify(),o):(t[n]=o,o)}function Pt(t,n){if(e(t)&&u(n))return void t.splice(n,1);const o=t.__ob__;t._isVue||o&&o.vmCount||Ht(t)||$(t,n)&&(delete t[n],o&&o.dep.notify())}function Dt(t){for(let n,o=0,r=t.length;o<r;o++)n=t[o],n&&n.__ob__&&n.__ob__.dep.depend(),e(n)&&Dt(n)}function Mt(t){return Lt(t,!1),t}function It(t){return Lt(t,!0),V(t,"__v_isShallow",!0),t}function Lt(t,e){Ht(t)||jt(t,e,ot())}function Ft(t){return Ht(t)?Ft(t.__v_raw):!(!t||!t.__ob__)}function Rt(t){return!(!t||!t.__v_isShallow)}function Ht(t){return!(!t||!t.__v_isReadonly)}function Bt(t){return Ft(t)||Ht(t)}function Ut(t){const e=t&&t.__v_raw;return e?Ut(e):t}function zt(t){return Object.isExtensible(t)&&V(t,"__v_skip",!0),t}const Vt="__v_isRef";function Kt(t){return!(!t||!0!==t.__v_isRef)}function Jt(t){return Wt(t,!1)}function qt(t){return Wt(t,!0)}function Wt(t,e){if(Kt(t))return t;const n={};return V(n,Vt,!0),V(n,"__v_isShallow",e),V(n,"dep",Et(n,"value",t,null,e,ot())),n}function Zt(t){t.dep&&t.dep.notify()}function Gt(t){return Kt(t)?t.value:t}function Xt(t){if(Ft(t))return t;const e={},n=Object.keys(t);for(let o=0;o<n.length;o++)Yt(e,t,n[o]);return e}function Yt(t,e,n){Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>{const t=e[n];if(Kt(t))return t.value;{const e=t&&t.__ob__;return e&&e.dep.depend(),t}},set:t=>{const o=e[n];Kt(o)&&!Kt(t)?o.value=t:e[n]=t}})}function Qt(t){const e=new yt,{get:n,set:o}=t((()=>{e.depend()}),(()=>{e.notify()})),r={get value(){return n()},set value(t){o(t)}};return V(r,Vt,!0),r}function te(t){const n=e(t)?new Array(t.length):{};for(const e in t)n[e]=ee(t,e);return n}function ee(t,e,n){const o=t[e];if(Kt(o))return o;const r={get value(){const o=t[e];return void 0===o?n:o},set value(n){t[e]=n}};return V(r,Vt,!0),r}const ne="__v_rawToReadonly",oe="__v_rawToShallowReadonly";function re(t){return se(t,!1)}function se(t,e){if(!l(t))return t;if(Ht(t))return t;const n=e?oe:ne,o=t[n];if(o)return o;const r=Object.create(Object.getPrototypeOf(t));V(t,n,r),V(r,"__v_isReadonly",!0),V(r,"__v_raw",t),Kt(t)&&V(r,Vt,!0),(e||Rt(t))&&V(r,"__v_isShallow",!0);const s=Object.keys(t);for(let n=0;n<s.length;n++)ie(r,t,s[n],e);return r}function ie(t,e,n,o){Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get(){const t=e[n];return o||!l(t)?t:re(t)},set(){}})}function ce(t){return se(t,!0)}function ae(t,e){let n,o;const r=i(t);r?(n=t,o=E):(n=t.get,o=t.set);const s=ot()?null:new wo(at,n,E,{lazy:!0}),c={effect:s,get value(){return s?(s.dirty&&s.evaluate(),yt.target&&s.depend(),s.value):n()},set value(t){o(t)}};return V(c,Vt,!0),V(c,"__v_isReadonly",r),c}const le=b((t=>{const e="&"===t.charAt(0),n="~"===(t=e?t.slice(1):t).charAt(0),o="!"===(t=n?t.slice(1):t).charAt(0);return{name:t=o?t.slice(1):t,once:n,capture:o,passive:e}}));function ue(t,n){function o(){const t=o.fns;if(!e(t))return zn(t,null,arguments,n,"v-on handler");{const e=t.slice();for(let t=0;t<e.length;t++)zn(e[t],null,arguments,n,"v-on handler")}}return o.fns=t,o}function fe(t,e,o,s,i,c){let a,l,u,f;for(a in t)l=t[a],u=e[a],f=le(a),n(l)||(n(u)?(n(l.fns)&&(l=t[a]=ue(l,c)),r(f.once)&&(l=t[a]=i(f.name,l,f.capture)),o(f.name,l,f.capture,f.passive,f.params)):l!==u&&(u.fns=l,t[a]=u));for(a in e)n(t[a])&&(f=le(a),s(f.name,e[a],f.capture))}function de(t,e,s){let i;t instanceof ft&&(t=t.data.hook||(t.data.hook={}));const c=t[e];function a(){s.apply(this,arguments),y(i.fns,a)}n(c)?i=ue([a]):o(c.fns)&&r(c.merged)?(i=c,i.fns.push(a)):i=ue([c,a]),i.merged=!0,t[e]=i}function pe(t,e,n,r,s){if(o(e)){if($(e,n))return t[n]=e[n],s||delete e[n],!0;if($(e,r))return t[n]=e[r],s||delete e[r],!0}return!1}function he(t){return s(t)?[pt(t)]:e(t)?ge(t):void 0}function me(t){return o(t)&&o(t.text)&&!1===t.isComment}function ge(t,i){const c=[];let a,l,u,f;for(a=0;a<t.length;a++)l=t[a],n(l)||"boolean"==typeof l||(u=c.length-1,f=c[u],e(l)?l.length>0&&(l=ge(l,`${i||""}_${a}`),me(l[0])&&me(f)&&(c[u]=pt(f.text+l[0].text),l.shift()),c.push.apply(c,l)):s(l)?me(f)?c[u]=pt(f.text+l):""!==l&&c.push(pt(l)):me(l)&&me(f)?c[u]=pt(f.text+l.text):(r(t._isVList)&&o(l.tag)&&n(l.key)&&o(i)&&(l.key=`__vlist${i}_${a}__`),c.push(l)));return c}const ve=1,ye=2;function _e(t,n,a,l,u,f){return(e(a)||s(a))&&(u=l,l=a,a=void 0),r(f)&&(u=ye),function(t,n,r,s,a){if(o(r)&&o(r.__ob__))return dt();o(r)&&o(r.is)&&(n=r.is);if(!n)return dt();e(s)&&i(s[0])&&((r=r||{}).scopedSlots={default:s[0]},s.length=0);a===ye?s=he(s):a===ve&&(s=function(t){for(let n=0;n<t.length;n++)if(e(t[n]))return Array.prototype.concat.apply([],t);return t}(s));let l,u;if("string"==typeof n){let e;u=t.$vnode&&t.$vnode.ns||B.getTagNamespace(n),l=B.isReservedTag(n)?new ft(B.parsePlatformTagName(n),r,s,void 0,void 0,t):r&&r.pre||!o(e=Go(t.$options,"components",n))?new ft(n,r,s,void 0,void 0,t):Ho(e,r,t,s,n)}else l=Ho(n,r,t,s);return e(l)?l:o(l)?(o(u)&&$e(l,u),o(r)&&function(t){c(t.style)&&_o(t.style);c(t.class)&&_o(t.class)}(r),l):dt()}(t,n,a,l,u)}function $e(t,e,s){if(t.ns=e,"foreignObject"===t.tag&&(e=void 0,s=!0),o(t.children))for(let i=0,c=t.children.length;i<c;i++){const c=t.children[i];o(c.tag)&&(n(c.ns)||r(s)&&"svg"!==c.tag)&&$e(c,e,s)}}function be(t,n){let r,s,i,a,l=null;if(e(t)||"string"==typeof t)for(l=new Array(t.length),r=0,s=t.length;r<s;r++)l[r]=n(t[r],r);else if("number"==typeof t)for(l=new Array(t),r=0;r<t;r++)l[r]=n(r+1,r);else if(c(t))if(it&&t[Symbol.iterator]){l=[];const e=t[Symbol.iterator]();let o=e.next();for(;!o.done;)l.push(n(o.value,l.length)),o=e.next()}else for(i=Object.keys(t),l=new Array(i.length),r=0,s=i.length;r<s;r++)a=i[r],l[r]=n(t[a],a,r);return o(l)||(l=[]),l._isVList=!0,l}function we(t,e,n,o){const r=this.$scopedSlots[t];let s;r?(n=n||{},o&&(n=A(A({},o),n)),s=r(n)||(i(e)?e():e)):s=this.$slots[t]||(i(e)?e():e);const c=n&&n.slot;return c?this.$createElement("template",{slot:c},s):s}function xe(t){return Go(this.$options,"filters",t)||P}function Ce(t,n){return e(t)?-1===t.indexOf(n):t!==n}function ke(t,e,n,o,r){const s=B.keyCodes[e]||n;return r&&o&&!B.keyCodes[e]?Ce(r,o):s?Ce(s,t):o?O(o)!==e:void 0===t}function Oe(t,n,o,r,s){if(o)if(c(o)){let i;e(o)&&(o=j(o));for(const e in o){if("class"===e||"style"===e||v(e))i=t;else{const o=t.attrs&&t.attrs.type;i=r||B.mustUseProp(n,o,e)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={})}const c=x(e),a=O(e);if(!(c in i)&&!(a in i)&&(i[e]=o[e],s)){(t.on||(t.on={}))[`update:${e}`]=function(t){o[e]=t}}}}else;return t}function Se(t,e){const n=this._staticTrees||(this._staticTrees=[]);let o=n[t];return o&&!e||(o=n[t]=this.$options.staticRenderFns[t].call(this._renderProxy,this._c,this),Ae(o,`__static__${t}`,!1)),o}function Te(t,e,n){return Ae(t,`__once__${e}${n?`_${n}`:""}`,!0),t}function Ae(t,n,o){if(e(t))for(let e=0;e<t.length;e++)t[e]&&"string"!=typeof t[e]&&je(t[e],`${n}_${e}`,o);else je(t,n,o)}function je(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}function Ee(t,e){if(e)if(l(e)){const n=t.on=t.on?A({},t.on):{};for(const t in e){const o=n[t],r=e[t];n[t]=o?[].concat(o,r):r}}else;return t}function Ne(t,n,o,r){n=n||{$stable:!o};for(let r=0;r<t.length;r++){const s=t[r];e(s)?Ne(s,n,o):s&&(s.proxy&&(s.fn.proxy=!0),n[s.key]=s.fn)}return r&&(n.$key=r),n}function Pe(t,e){for(let n=0;n<e.length;n+=2){const o=e[n];"string"==typeof o&&o&&(t[e[n]]=e[n+1])}return t}function De(t,e){return"string"==typeof t?e+t:t}function Me(t){t._o=Te,t._n=h,t._s=d,t._l=be,t._t=we,t._q=D,t._i=M,t._m=Se,t._f=xe,t._k=ke,t._b=Oe,t._v=pt,t._e=dt,t._u=Ne,t._g=Ee,t._d=Pe,t._p=De}function Ie(t,e){if(!t||!t.length)return{};const n={};for(let o=0,r=t.length;o<r;o++){const r=t[o],s=r.data;if(s&&s.attrs&&s.attrs.slot&&delete s.attrs.slot,r.context!==e&&r.fnContext!==e||!s||null==s.slot)(n.default||(n.default=[])).push(r);else{const t=s.slot,e=n[t]||(n[t]=[]);"template"===r.tag?e.push.apply(e,r.children||[]):e.push(r)}}for(const t in n)n[t].every(Le)&&delete n[t];return n}function Le(t){return t.isComment&&!t.asyncFactory||" "===t.text}function Fe(t){return t.isComment&&t.asyncFactory}function Re(e,n,o,r){let s;const i=Object.keys(o).length>0,c=n?!!n.$stable:!i,a=n&&n.$key;if(n){if(n._normalized)return n._normalized;if(c&&r&&r!==t&&a===r.$key&&!i&&!r.$hasNormal)return r;s={};for(const t in n)n[t]&&"$"!==t[0]&&(s[t]=He(e,o,t,n[t]))}else s={};for(const t in o)t in s||(s[t]=Be(o,t));return n&&Object.isExtensible(n)&&(n._normalized=s),V(s,"$stable",c),V(s,"$key",a),V(s,"$hasNormal",i),s}function He(t,n,o,r){const s=function(){const n=at;ut(t);let o=arguments.length?r.apply(null,arguments):r({});o=o&&"object"==typeof o&&!e(o)?[o]:he(o);const s=o&&o[0];return ut(n),o&&(!s||1===o.length&&s.isComment&&!Fe(s))?void 0:o};return r.proxy&&Object.defineProperty(n,o,{get:s,enumerable:!0,configurable:!0}),s}function Be(t,e){return()=>t[e]}function Ue(e){return{get attrs(){if(!e._attrsProxy){const n=e._attrsProxy={};V(n,"_v_attr_proxy",!0),ze(n,e.$attrs,t,e,"$attrs")}return e._attrsProxy},get listeners(){if(!e._listenersProxy){ze(e._listenersProxy={},e.$listeners,t,e,"$listeners")}return e._listenersProxy},get slots(){return function(t){t._slotsProxy||Ke(t._slotsProxy={},t.$scopedSlots);return t._slotsProxy}(e)},emit:S(e.$emit,e),expose(t){t&&Object.keys(t).forEach((n=>Yt(e,t,n)))}}}function ze(t,e,n,o,r){let s=!1;for(const i in e)i in t?e[i]!==n[i]&&(s=!0):(s=!0,Ve(t,i,o,r));for(const n in t)n in e||(s=!0,delete t[n]);return s}function Ve(t,e,n,o){Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:()=>n[o][e]})}function Ke(t,e){for(const n in e)t[n]=e[n];for(const n in t)n in e||delete t[n]}function Je(){return Ze().slots}function qe(){return Ze().attrs}function We(){return Ze().listeners}function Ze(){const t=at;return t._setupContext||(t._setupContext=Ue(t))}function Ge(t,n){const o=e(t)?t.reduce(((t,e)=>(t[e]={},t)),{}):t;for(const t in n){const r=o[t];r?e(r)||i(r)?o[t]={type:r,default:n[t]}:r.default=n[t]:null===r&&(o[t]={default:n[t]})}return o}let Xe,Ye,Qe=null;function tn(t,e){return(t.__esModule||it&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?e.extend(t):t}function en(t){if(e(t))for(let e=0;e<t.length;e++){const n=t[e];if(o(n)&&(o(n.componentOptions)||Fe(n)))return n}}function nn(t,e){Xe.$on(t,e)}function on(t,e){Xe.$off(t,e)}function rn(t,e){const n=Xe;return function o(){null!==e.apply(null,arguments)&&n.$off(t,o)}}function sn(t,e,n){Xe=t,fe(e,n||{},nn,on,rn,t),Xe=void 0}class cn{constructor(t=!1){this.detached=t,this.active=!0,this.effects=[],this.cleanups=[],this.parent=Ye,!t&&Ye&&(this.index=(Ye.scopes||(Ye.scopes=[])).push(this)-1)}run(t){if(this.active){const e=Ye;try{return Ye=this,t()}finally{Ye=e}}}on(){Ye=this}off(){Ye=this.parent}stop(t){if(this.active){let e,n;for(e=0,n=this.effects.length;e<n;e++)this.effects[e].teardown();for(e=0,n=this.cleanups.length;e<n;e++)this.cleanups[e]();if(this.scopes)for(e=0,n=this.scopes.length;e<n;e++)this.scopes[e].stop(!0);if(!this.detached&&this.parent&&!t){const t=this.parent.scopes.pop();t&&t!==this&&(this.parent.scopes[this.index]=t,t.index=this.index)}this.parent=void 0,this.active=!1}}}function an(t){return new cn(t)}function ln(){return Ye}function un(t){Ye&&Ye.cleanups.push(t)}let fn=null;function dn(t){const e=fn;return fn=t,()=>{fn=e}}function pn(t){for(;t&&(t=t.$parent);)if(t._inactive)return!0;return!1}function hn(t,e){if(e){if(t._directInactive=!1,pn(t))return}else if(t._directInactive)return;if(t._inactive||null===t._inactive){t._inactive=!1;for(let e=0;e<t.$children.length;e++)hn(t.$children[e]);gn(t,"activated")}}function mn(t,e){if(!(e&&(t._directInactive=!0,pn(t))||t._inactive)){t._inactive=!0;for(let e=0;e<t.$children.length;e++)mn(t.$children[e]);gn(t,"deactivated")}}function gn(t,e,n,o=!0){$t();const r=at,s=ln();o&&ut(t);const i=t.$options[e],c=`${e} hook`;if(i)for(let e=0,o=i.length;e<o;e++)zn(i[e],t,n||null,t,c);t._hasHookEvent&&t.$emit("hook:"+e),o&&(ut(r),s&&s.on()),bt()}const vn=[],yn=[];let _n={},$n=!1,bn=!1,wn=0;let xn=0,Cn=Date.now;if(q&&!Z){const t=window.performance;t&&"function"==typeof t.now&&Cn()>document.createEvent("Event").timeStamp&&(Cn=()=>t.now())}const kn=(t,e)=>{if(t.post){if(!e.post)return 1}else if(e.post)return-1;return t.id-e.id};function On(){let t,e;for(xn=Cn(),bn=!0,vn.sort(kn),wn=0;wn<vn.length;wn++)t=vn[wn],t.before&&t.before(),e=t.id,_n[e]=null,t.run();const n=yn.slice(),o=vn.slice();wn=vn.length=yn.length=0,_n={},$n=bn=!1,function(t){for(let e=0;e<t.length;e++)t[e]._inactive=!0,hn(t[e],!0)}(n),function(t){let e=t.length;for(;e--;){const n=t[e],o=n.vm;o&&o._watcher===n&&o._isMounted&&!o._isDestroyed&&gn(o,"updated")}}(o),vt(),rt&&B.devtools&&rt.emit("flush")}function Sn(t){const e=t.id;if(null==_n[e]&&(t!==yt.target||!t.noRecurse)){if(_n[e]=!0,bn){let e=vn.length-1;for(;e>wn&&vn[e].id>t.id;)e--;vn.splice(e+1,0,t)}else vn.push(t);$n||($n=!0,Xn(On))}}const Tn="watcher",An=`${Tn} callback`,jn=`${Tn} getter`,En=`${Tn} cleanup`;function Nn(t,e){return Ln(t,null,e)}function Pn(t,e){return Ln(t,null,{flush:"post"})}function Dn(t,e){return Ln(t,null,{flush:"sync"})}const Mn={};function In(t,e,n){return Ln(t,e,n)}function Ln(n,o,{immediate:r,deep:s,flush:c="pre",onTrack:a,onTrigger:l}=t){const u=at,f=(t,e,n=null)=>{const o=zn(t,null,n,u,e);return s&&o&&o.__ob__&&o.__ob__.dep.depend(),o};let d,p,h=!1,m=!1;if(Kt(n)?(d=()=>n.value,h=Rt(n)):Ft(n)?(d=()=>(n.__ob__.dep.depend(),n),s=!0):e(n)?(m=!0,h=n.some((t=>Ft(t)||Rt(t))),d=()=>n.map((t=>Kt(t)?t.value:Ft(t)?(t.__ob__.dep.depend(),_o(t)):i(t)?f(t,jn):void 0))):d=i(n)?o?()=>f(n,jn):()=>{if(!u||!u._isDestroyed)return p&&p(),f(n,Tn,[g])}:E,o&&s){const t=d;d=()=>_o(t())}let g=t=>{p=v.onStop=()=>{f(t,En)}};if(ot())return g=E,o?r&&f(o,An,[d(),m?[]:void 0,g]):d(),E;const v=new wo(at,d,E,{lazy:!0});v.noRecurse=!o;let y=m?[]:Mn;return v.run=()=>{if(v.active)if(o){const t=v.get();(s||h||(m?t.some(((t,e)=>L(t,y[e]))):L(t,y)))&&(p&&p(),f(o,An,[t,y===Mn?void 0:y,g]),y=t)}else v.get()},"sync"===c?v.update=v.run:"post"===c?(v.post=!0,v.update=()=>Sn(v)):v.update=()=>{if(u&&u===at&&!u._isMounted){const t=u._preWatchers||(u._preWatchers=[]);t.indexOf(v)<0&&t.push(v)}else Sn(v)},o?r?v.run():y=v.get():"post"===c&&u?u.$once("hook:mounted",(()=>v.get())):v.get(),()=>{v.teardown()}}function Fn(t,e){at&&(Rn(at)[t]=e)}function Rn(t){const e=t._provided,n=t.$parent&&t.$parent._provided;return n===e?t._provided=Object.create(n):e}function Hn(t,e,n=!1){const o=at;if(o){const r=o.$parent&&o.$parent._provided;if(r&&t in r)return r[t];if(arguments.length>1)return n&&i(e)?e.call(o):e}}function Bn(t,e,n){return _e(at,t,e,n,2,!0)}function Un(t,e,n){$t();try{if(e){let o=e;for(;o=o.$parent;){const r=o.$options.errorCaptured;if(r)for(let s=0;s<r.length;s++)try{if(!1===r[s].call(o,t,e,n))return}catch(t){Vn(t,o,"errorCaptured hook")}}}Vn(t,e,n)}finally{bt()}}function zn(t,e,n,o,r){let s;try{s=n?t.apply(e,n):t.call(e),s&&!s._isVue&&f(s)&&!s._handled&&(s.catch((t=>Un(t,o,r+" (Promise/async)"))),s._handled=!0)}catch(t){Un(t,o,r)}return s}function Vn(t,e,n){if(B.errorHandler)try{return B.errorHandler.call(null,t,e,n)}catch(e){e!==t&&Kn(e)}Kn(t)}function Kn(t,e,n){if(!q||"undefined"==typeof console)throw t;console.error(t)}let Jn=!1;const qn=[];let Wn,Zn=!1;function Gn(){Zn=!1;const t=qn.slice(0);qn.length=0;for(let e=0;e<t.length;e++)t[e]()}if("undefined"!=typeof Promise&&st(Promise)){const t=Promise.resolve();Wn=()=>{t.then(Gn),Y&&setTimeout(E)},Jn=!0}else if(Z||"undefined"==typeof MutationObserver||!st(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())Wn="undefined"!=typeof setImmediate&&st(setImmediate)?()=>{setImmediate(Gn)}:()=>{setTimeout(Gn,0)};else{let t=1;const e=new MutationObserver(Gn),n=document.createTextNode(String(t));e.observe(n,{characterData:!0}),Wn=()=>{t=(t+1)%2,n.data=String(t)},Jn=!0}function Xn(t,e){let n;if(qn.push((()=>{if(t)try{t.call(e)}catch(t){Un(t,e,"nextTick")}else n&&n(e)})),Zn||(Zn=!0,Wn()),!t&&"undefined"!=typeof Promise)return new Promise((t=>{n=t}))}function Yn(e="$style"){return t}function Qn(t){if(!q)return;const e=at;e&&Pn((()=>{const n=e.$el,o=t(e,e._setupProxy);if(n&&1===n.nodeType){const t=n.style;for(const e in o)t.setProperty(`--${e}`,o[e])}}))}function to(t){i(t)&&(t={loader:t});const{loader:e,loadingComponent:n,errorComponent:o,delay:r=200,timeout:s,suspensible:c=!1,onError:a}=t;let l=null,u=0;const f=()=>{let t;return l||(t=l=e().catch((t=>{if(t=t instanceof Error?t:new Error(String(t)),a)return new Promise(((e,n)=>{a(t,(()=>e((u++,l=null,f()))),(()=>n(t)),u+1)}));throw t})).then((e=>t!==l&&l?l:(e&&(e.__esModule||"Module"===e[Symbol.toStringTag])&&(e=e.default),e))))};return()=>({component:f(),delay:r,timeout:s,error:o,loading:n})}function eo(t){return(e,n=at)=>{if(n)return function(t,e,n){const o=t.$options;o[e]=Jo(o[e],n)}(n,t,e)}}const no=eo("beforeMount"),oo=eo("mounted"),ro=eo("beforeUpdate"),so=eo("updated"),io=eo("beforeDestroy"),co=eo("destroyed"),ao=eo("activated"),lo=eo("deactivated"),uo=eo("serverPrefetch"),fo=eo("renderTracked"),po=eo("renderTriggered"),ho=eo("errorCaptured");function mo(t,e=at){ho(t,e)}const go="2.7.16";function vo(t){return t}const yo=new ct;function _o(t){return $o(t,yo),yo.clear(),t}function $o(t,n){let o,r;const s=e(t);if(!(!s&&!c(t)||t.__v_skip||Object.isFrozen(t)||t instanceof ft)){if(t.__ob__){const e=t.__ob__.dep.id;if(n.has(e))return;n.add(e)}if(s)for(o=t.length;o--;)$o(t[o],n);else if(Kt(t))$o(t.value,n);else for(r=Object.keys(t),o=r.length;o--;)$o(t[r[o]],n)}}let bo=0;class wo{constructor(t,e,n,o,r){!function(t,e=Ye){e&&e.active&&e.effects.push(t)}(this,Ye&&!Ye._vm?Ye:t?t._scope:void 0),(this.vm=t)&&r&&(t._watcher=this),o?(this.deep=!!o.deep,this.user=!!o.user,this.lazy=!!o.lazy,this.sync=!!o.sync,this.before=o.before):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++bo,this.active=!0,this.post=!1,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new ct,this.newDepIds=new ct,this.expression="",i(e)?this.getter=e:(this.getter=function(t){if(K.test(t))return;const e=t.split(".");return function(t){for(let n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}(e),this.getter||(this.getter=E)),this.value=this.lazy?void 0:this.get()}get(){let t;$t(this);const e=this.vm;try{t=this.getter.call(e,e)}catch(t){if(!this.user)throw t;Un(t,e,`getter for watcher "${this.expression}"`)}finally{this.deep&&_o(t),bt(),this.cleanupDeps()}return t}addDep(t){const e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))}cleanupDeps(){let t=this.deps.length;for(;t--;){const e=this.deps[t];this.newDepIds.has(e.id)||e.removeSub(this)}let e=this.depIds;this.depIds=this.newDepIds,this.newDepIds=e,this.newDepIds.clear(),e=this.deps,this.deps=this.newDeps,this.newDeps=e,this.newDeps.length=0}update(){this.lazy?this.dirty=!0:this.sync?this.run():Sn(this)}run(){if(this.active){const t=this.get();if(t!==this.value||c(t)||this.deep){const e=this.value;if(this.value=t,this.user){const n=`callback for watcher "${this.expression}"`;zn(this.cb,this.vm,[t,e],this.vm,n)}else this.cb.call(this.vm,t,e)}}}evaluate(){this.value=this.get(),this.dirty=!1}depend(){let t=this.deps.length;for(;t--;)this.deps[t].depend()}teardown(){if(this.vm&&!this.vm._isBeingDestroyed&&y(this.vm._scope.effects,this),this.active){let t=this.deps.length;for(;t--;)this.deps[t].removeSub(this);this.active=!1,this.onStop&&this.onStop()}}}const xo={enumerable:!0,configurable:!0,get:E,set:E};function Co(t,e,n){xo.get=function(){return this[e][n]},xo.set=function(t){this[e][n]=t},Object.defineProperty(t,n,xo)}function ko(t){const n=t.$options;if(n.props&&function(t,e){const n=t.$options.propsData||{},o=t._props=It({}),r=t.$options._propKeys=[],s=!t.$parent;s||St(!1);for(const s in e){r.push(s);Et(o,s,Xo(s,e,n,t),void 0,!0),s in t||Co(t,"_props",s)}St(!0)}(t,n.props),function(t){const e=t.$options,n=e.setup;if(n){const o=t._setupContext=Ue(t);ut(t),$t();const r=zn(n,null,[t._props||It({}),o],t,"setup");if(bt(),ut(),i(r))e.render=r;else if(c(r))if(t._setupState=r,r.__sfc){const e=t._setupProxy={};for(const t in r)"__sfc"!==t&&Yt(e,r,t)}else for(const e in r)z(e)||Yt(t,r,e)}}(t),n.methods&&function(t,e){t.$options.props;for(const n in e)t[n]="function"!=typeof e[n]?E:S(e[n],t)}(t,n.methods),n.data)!function(t){let e=t.$options.data;e=t._data=i(e)?function(t,e){$t();try{return t.call(e,e)}catch(t){return Un(t,e,"data()"),{}}finally{bt()}}(e,t):e||{},l(e)||(e={});const n=Object.keys(e),o=t.$options.props;t.$options.methods;let r=n.length;for(;r--;){const e=n[r];o&&$(o,e)||z(e)||Co(t,"_data",e)}const s=jt(e);s&&s.vmCount++}(t);else{const e=jt(t._data={});e&&e.vmCount++}n.computed&&function(t,e){const n=t._computedWatchers=Object.create(null),o=ot();for(const r in e){const s=e[r],c=i(s)?s:s.get;o||(n[r]=new wo(t,c||E,E,Oo)),r in t||So(t,r,s)}}(t,n.computed),n.watch&&n.watch!==tt&&function(t,n){for(const o in n){const r=n[o];if(e(r))for(let e=0;e<r.length;e++)jo(t,o,r[e]);else jo(t,o,r)}}(t,n.watch)}const Oo={lazy:!0};function So(t,e,n){const o=!ot();i(n)?(xo.get=o?To(e):Ao(n),xo.set=E):(xo.get=n.get?o&&!1!==n.cache?To(e):Ao(n.get):E,xo.set=n.set||E),Object.defineProperty(t,e,xo)}function To(t){return function(){const e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),yt.target&&e.depend(),e.value}}function Ao(t){return function(){return t.call(this,this)}}function jo(t,e,n,o){return l(n)&&(o=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,o)}function Eo(t,e){if(t){const n=Object.create(null),o=it?Reflect.ownKeys(t):Object.keys(t);for(let r=0;r<o.length;r++){const s=o[r];if("__ob__"===s)continue;const c=t[s].from;if(c in e._provided)n[s]=e._provided[c];else if("default"in t[s]){const o=t[s].default;n[s]=i(o)?o.call(e):o}}return n}}let No=0;function Po(t){let e=t.options;if(t.super){const n=Po(t.super);if(n!==t.superOptions){t.superOptions=n;const o=function(t){let e;const n=t.options,o=t.sealedOptions;for(const t in n)n[t]!==o[t]&&(e||(e={}),e[t]=n[t]);return e}(t);o&&A(t.extendOptions,o),e=t.options=Zo(n,t.extendOptions),e.name&&(e.components[e.name]=t)}}return e}function Do(n,o,s,i,c){const a=c.options;let l;$(i,"_uid")?(l=Object.create(i),l._original=i):(l=i,i=i._original);const u=r(a._compiled),f=!u;this.data=n,this.props=o,this.children=s,this.parent=i,this.listeners=n.on||t,this.injections=Eo(a.inject,i),this.slots=()=>(this.$slots||Re(i,n.scopedSlots,this.$slots=Ie(s,i)),this.$slots),Object.defineProperty(this,"scopedSlots",{enumerable:!0,get(){return Re(i,n.scopedSlots,this.slots())}}),u&&(this.$options=a,this.$slots=this.slots(),this.$scopedSlots=Re(i,n.scopedSlots,this.$slots)),a._scopeId?this._c=(t,n,o,r)=>{const s=_e(l,t,n,o,r,f);return s&&!e(s)&&(s.fnScopeId=a._scopeId,s.fnContext=i),s}:this._c=(t,e,n,o)=>_e(l,t,e,n,o,f)}function Mo(t,e,n,o,r){const s=ht(t);return s.fnContext=n,s.fnOptions=o,e.slot&&((s.data||(s.data={})).slot=e.slot),s}function Io(t,e){for(const n in e)t[x(n)]=e[n]}function Lo(t){return t.name||t.__name||t._componentTag}Me(Do.prototype);const Fo={init(t,e){if(t.componentInstance&&!t.componentInstance._isDestroyed&&t.data.keepAlive){const e=t;Fo.prepatch(e,e)}else{(t.componentInstance=function(t,e){const n={_isComponent:!0,_parentVnode:t,parent:e},r=t.data.inlineTemplate;o(r)&&(n.render=r.render,n.staticRenderFns=r.staticRenderFns);return new t.componentOptions.Ctor(n)}(t,fn)).$mount(e?t.elm:void 0,e)}},prepatch(e,n){const o=n.componentOptions;!function(e,n,o,r,s){const i=r.data.scopedSlots,c=e.$scopedSlots,a=!!(i&&!i.$stable||c!==t&&!c.$stable||i&&e.$scopedSlots.$key!==i.$key||!i&&e.$scopedSlots.$key);let l=!!(s||e.$options._renderChildren||a);const u=e.$vnode;e.$options._parentVnode=r,e.$vnode=r,e._vnode&&(e._vnode.parent=r),e.$options._renderChildren=s;const f=r.data.attrs||t;e._attrsProxy&&ze(e._attrsProxy,f,u.data&&u.data.attrs||t,e,"$attrs")&&(l=!0),e.$attrs=f,o=o||t;const d=e.$options._parentListeners;if(e._listenersProxy&&ze(e._listenersProxy,o,d||t,e,"$listeners"),e.$listeners=e.$options._parentListeners=o,sn(e,o,d),n&&e.$options.props){St(!1);const t=e._props,o=e.$options._propKeys||[];for(let r=0;r<o.length;r++){const s=o[r],i=e.$options.props;t[s]=Xo(s,i,n,e)}St(!0),e.$options.propsData=n}l&&(e.$slots=Ie(s,r.context),e.$forceUpdate())}(n.componentInstance=e.componentInstance,o.propsData,o.listeners,n,o.children)},insert(t){const{context:e,componentInstance:n}=t;var o;n._isMounted||(n._isMounted=!0,gn(n,"mounted")),t.data.keepAlive&&(e._isMounted?((o=n)._inactive=!1,yn.push(o)):hn(n,!0))},destroy(t){const{componentInstance:e}=t;e._isDestroyed||(t.data.keepAlive?mn(e,!0):e.$destroy())}},Ro=Object.keys(Fo);function Ho(s,i,a,l,u){if(n(s))return;const d=a.$options._base;if(c(s)&&(s=d.extend(s)),"function"!=typeof s)return;let p;if(n(s.cid)&&(p=s,s=function(t,e){if(r(t.error)&&o(t.errorComp))return t.errorComp;if(o(t.resolved))return t.resolved;const s=Qe;if(s&&o(t.owners)&&-1===t.owners.indexOf(s)&&t.owners.push(s),r(t.loading)&&o(t.loadingComp))return t.loadingComp;if(s&&!o(t.owners)){const r=t.owners=[s];let i=!0,a=null,l=null;s.$on("hook:destroyed",(()=>y(r,s)));const u=t=>{for(let t=0,e=r.length;t<e;t++)r[t].$forceUpdate();t&&(r.length=0,null!==a&&(clearTimeout(a),a=null),null!==l&&(clearTimeout(l),l=null))},d=I((n=>{t.resolved=tn(n,e),i?r.length=0:u(!0)})),p=I((e=>{o(t.errorComp)&&(t.error=!0,u(!0))})),h=t(d,p);return c(h)&&(f(h)?n(t.resolved)&&h.then(d,p):f(h.component)&&(h.component.then(d,p),o(h.error)&&(t.errorComp=tn(h.error,e)),o(h.loading)&&(t.loadingComp=tn(h.loading,e),0===h.delay?t.loading=!0:a=setTimeout((()=>{a=null,n(t.resolved)&&n(t.error)&&(t.loading=!0,u(!1))}),h.delay||200)),o(h.timeout)&&(l=setTimeout((()=>{l=null,n(t.resolved)&&p(null)}),h.timeout)))),i=!1,t.loading?t.loadingComp:t.resolved}}(p,d),void 0===s))return function(t,e,n,o,r){const s=dt();return s.asyncFactory=t,s.asyncMeta={data:e,context:n,children:o,tag:r},s}(p,i,a,l,u);i=i||{},Po(s),o(i.model)&&function(t,n){const r=t.model&&t.model.prop||"value",s=t.model&&t.model.event||"input";(n.attrs||(n.attrs={}))[r]=n.model.value;const i=n.on||(n.on={}),c=i[s],a=n.model.callback;o(c)?(e(c)?-1===c.indexOf(a):c!==a)&&(i[s]=[a].concat(c)):i[s]=a}(s.options,i);const h=function(t,e,r){const s=e.options.props;if(n(s))return;const i={},{attrs:c,props:a}=t;if(o(c)||o(a))for(const t in s){const e=O(t);pe(i,a,t,e,!0)||pe(i,c,t,e,!1)}return i}(i,s);if(r(s.options.functional))return function(n,r,s,i,c){const a=n.options,l={},u=a.props;if(o(u))for(const e in u)l[e]=Xo(e,u,r||t);else o(s.attrs)&&Io(l,s.attrs),o(s.props)&&Io(l,s.props);const f=new Do(s,l,c,i,n),d=a.render.call(null,f._c,f);if(d instanceof ft)return Mo(d,s,f.parent,a);if(e(d)){const t=he(d)||[],e=new Array(t.length);for(let n=0;n<t.length;n++)e[n]=Mo(t[n],s,f.parent,a);return e}}(s,h,i,a,l);const m=i.on;if(i.on=i.nativeOn,r(s.options.abstract)){const t=i.slot;i={},t&&(i.slot=t)}!function(t){const e=t.hook||(t.hook={});for(let t=0;t<Ro.length;t++){const n=Ro[t],o=e[n],r=Fo[n];o===r||o&&o._merged||(e[n]=o?Bo(r,o):r)}}(i);const g=Lo(s.options)||u;return new ft(`vue-component-${s.cid}${g?`-${g}`:""}`,i,void 0,void 0,void 0,a,{Ctor:s,propsData:h,listeners:m,tag:u,children:l},p)}function Bo(t,e){const n=(n,o)=>{t(n,o),e(n,o)};return n._merged=!0,n}let Uo=E;const zo=B.optionMergeStrategies;function Vo(t,e,n=!0){if(!e)return t;let o,r,s;const i=it?Reflect.ownKeys(e):Object.keys(e);for(let c=0;c<i.length;c++)o=i[c],"__ob__"!==o&&(r=t[o],s=e[o],n&&$(t,o)?r!==s&&l(r)&&l(s)&&Vo(r,s):Nt(t,o,s));return t}function Ko(t,e,n){return n?function(){const o=i(e)?e.call(n,n):e,r=i(t)?t.call(n,n):t;return o?Vo(o,r):r}:e?t?function(){return Vo(i(e)?e.call(this,this):e,i(t)?t.call(this,this):t)}:e:t}function Jo(t,n){const o=n?t?t.concat(n):e(n)?n:[n]:t;return o?function(t){const e=[];for(let n=0;n<t.length;n++)-1===e.indexOf(t[n])&&e.push(t[n]);return e}(o):o}function qo(t,e,n,o){const r=Object.create(t||null);return e?A(r,e):r}zo.data=function(t,e,n){return n?Ko(t,e,n):e&&"function"!=typeof e?t:Ko(t,e)},H.forEach((t=>{zo[t]=Jo})),R.forEach((function(t){zo[t+"s"]=qo})),zo.watch=function(t,n,o,r){if(t===tt&&(t=void 0),n===tt&&(n=void 0),!n)return Object.create(t||null);if(!t)return n;const s={};A(s,t);for(const t in n){let o=s[t];const r=n[t];o&&!e(o)&&(o=[o]),s[t]=o?o.concat(r):e(r)?r:[r]}return s},zo.props=zo.methods=zo.inject=zo.computed=function(t,e,n,o){if(!t)return e;const r=Object.create(null);return A(r,t),e&&A(r,e),r},zo.provide=function(t,e){return t?function(){const n=Object.create(null);return Vo(n,i(t)?t.call(this):t),e&&Vo(n,i(e)?e.call(this):e,!1),n}:e};const Wo=function(t,e){return void 0===e?t:e};function Zo(t,n,o){if(i(n)&&(n=n.options),function(t,n){const o=t.props;if(!o)return;const r={};let s,i,c;if(e(o))for(s=o.length;s--;)i=o[s],"string"==typeof i&&(c=x(i),r[c]={type:null});else if(l(o))for(const t in o)i=o[t],c=x(t),r[c]=l(i)?i:{type:i};t.props=r}(n),function(t,n){const o=t.inject;if(!o)return;const r=t.inject={};if(e(o))for(let t=0;t<o.length;t++)r[o[t]]={from:o[t]};else if(l(o))for(const t in o){const e=o[t];r[t]=l(e)?A({from:t},e):{from:e}}}(n),function(t){const e=t.directives;if(e)for(const t in e){const n=e[t];i(n)&&(e[t]={bind:n,update:n})}}(n),!n._base&&(n.extends&&(t=Zo(t,n.extends,o)),n.mixins))for(let e=0,r=n.mixins.length;e<r;e++)t=Zo(t,n.mixins[e],o);const r={};let s;for(s in t)c(s);for(s in n)$(t,s)||c(s);function c(e){const s=zo[e]||Wo;r[e]=s(t[e],n[e],o,e)}return r}function Go(t,e,n,o){if("string"!=typeof n)return;const r=t[e];if($(r,n))return r[n];const s=x(n);if($(r,s))return r[s];const i=C(s);if($(r,i))return r[i];return r[n]||r[s]||r[i]}function Xo(t,e,n,o){const r=e[t],s=!$(n,t);let c=n[t];const a=er(Boolean,r.type);if(a>-1)if(s&&!$(r,"default"))c=!1;else if(""===c||c===O(t)){const t=er(String,r.type);(t<0||a<t)&&(c=!0)}if(void 0===c){c=function(t,e,n){if(!$(e,"default"))return;const o=e.default;if(t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t._props[n])return t._props[n];return i(o)&&"Function"!==Qo(e.type)?o.call(t):o}(o,r,t);const e=Ot;St(!0),jt(c),St(e)}return c}const Yo=/^\s*function (\w+)/;function Qo(t){const e=t&&t.toString().match(Yo);return e?e[1]:""}function tr(t,e){return Qo(t)===Qo(e)}function er(t,n){if(!e(n))return tr(n,t)?0:-1;for(let e=0,o=n.length;e<o;e++)if(tr(n[e],t))return e;return-1}function nr(t){this._init(t)}function or(t){t.cid=0;let e=1;t.extend=function(t){t=t||{};const n=this,o=n.cid,r=t._Ctor||(t._Ctor={});if(r[o])return r[o];const s=Lo(t)||Lo(n.options),i=function(t){this._init(t)};return(i.prototype=Object.create(n.prototype)).constructor=i,i.cid=e++,i.options=Zo(n.options,t),i.super=n,i.options.props&&function(t){const e=t.options.props;for(const n in e)Co(t.prototype,"_props",n)}(i),i.options.computed&&function(t){const e=t.options.computed;for(const n in e)So(t.prototype,n,e[n])}(i),i.extend=n.extend,i.mixin=n.mixin,i.use=n.use,R.forEach((function(t){i[t]=n[t]})),s&&(i.options.components[s]=i),i.superOptions=n.options,i.extendOptions=t,i.sealedOptions=A({},i.options),r[o]=i,i}}function rr(t){return t&&(Lo(t.Ctor.options)||t.tag)}function sr(t,n){return e(t)?t.indexOf(n)>-1:"string"==typeof t?t.split(",").indexOf(n)>-1:(o=t,"[object RegExp]"===a.call(o)&&t.test(n));var o}function ir(t,e){const{cache:n,keys:o,_vnode:r,$vnode:s}=t;for(const t in n){const s=n[t];if(s){const i=s.name;i&&!e(i)&&cr(n,t,o,r)}}s.componentOptions.children=void 0}function cr(t,e,n,o){const r=t[e];!r||o&&r.tag===o.tag||r.componentInstance.$destroy(),t[e]=null,y(n,e)}!function(e){e.prototype._init=function(e){const n=this;n._uid=No++,n._isVue=!0,n.__v_skip=!0,n._scope=new cn(!0),n._scope.parent=void 0,n._scope._vm=!0,e&&e._isComponent?function(t,e){const n=t.$options=Object.create(t.constructor.options),o=e._parentVnode;n.parent=e.parent,n._parentVnode=o;const r=o.componentOptions;n.propsData=r.propsData,n._parentListeners=r.listeners,n._renderChildren=r.children,n._componentTag=r.tag,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}(n,e):n.$options=Zo(Po(n.constructor),e||{},n),n._renderProxy=n,n._self=n,function(t){const e=t.$options;let n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._provided=n?n._provided:Object.create(null),t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}(n),function(t){t._events=Object.create(null),t._hasHookEvent=!1;const e=t.$options._parentListeners;e&&sn(t,e)}(n),function(e){e._vnode=null,e._staticTrees=null;const n=e.$options,o=e.$vnode=n._parentVnode,r=o&&o.context;e.$slots=Ie(n._renderChildren,r),e.$scopedSlots=o?Re(e.$parent,o.data.scopedSlots,e.$slots):t,e._c=(t,n,o,r)=>_e(e,t,n,o,r,!1),e.$createElement=(t,n,o,r)=>_e(e,t,n,o,r,!0);const s=o&&o.data;Et(e,"$attrs",s&&s.attrs||t,null,!0),Et(e,"$listeners",n._parentListeners||t,null,!0)}(n),gn(n,"beforeCreate",void 0,!1),function(t){const e=Eo(t.$options.inject,t);e&&(St(!1),Object.keys(e).forEach((n=>{Et(t,n,e[n])})),St(!0))}(n),ko(n),function(t){const e=t.$options.provide;if(e){const n=i(e)?e.call(t):e;if(!c(n))return;const o=Rn(t),r=it?Reflect.ownKeys(n):Object.keys(n);for(let t=0;t<r.length;t++){const e=r[t];Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(n,e))}}}(n),gn(n,"created"),n.$options.el&&n.$mount(n.$options.el)}}(nr),function(t){const e={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(t.prototype,"$data",e),Object.defineProperty(t.prototype,"$props",n),t.prototype.$set=Nt,t.prototype.$delete=Pt,t.prototype.$watch=function(t,e,n){const o=this;if(l(e))return jo(o,t,e,n);(n=n||{}).user=!0;const r=new wo(o,t,e,n);if(n.immediate){const t=`callback for immediate watcher "${r.expression}"`;$t(),zn(e,o,[r.value],o,t),bt()}return function(){r.teardown()}}}(nr),function(t){const n=/^hook:/;t.prototype.$on=function(t,o){const r=this;if(e(t))for(let e=0,n=t.length;e<n;e++)r.$on(t[e],o);else(r._events[t]||(r._events[t]=[])).push(o),n.test(t)&&(r._hasHookEvent=!0);return r},t.prototype.$once=function(t,e){const n=this;function o(){n.$off(t,o),e.apply(n,arguments)}return o.fn=e,n.$on(t,o),n},t.prototype.$off=function(t,n){const o=this;if(!arguments.length)return o._events=Object.create(null),o;if(e(t)){for(let e=0,r=t.length;e<r;e++)o.$off(t[e],n);return o}const r=o._events[t];if(!r)return o;if(!n)return o._events[t]=null,o;let s,i=r.length;for(;i--;)if(s=r[i],s===n||s.fn===n){r.splice(i,1);break}return o},t.prototype.$emit=function(t){const e=this;let n=e._events[t];if(n){n=n.length>1?T(n):n;const o=T(arguments,1),r=`event handler for "${t}"`;for(let t=0,s=n.length;t<s;t++)zn(n[t],e,o,e,r)}return e}}(nr),function(t){t.prototype._update=function(t,e){const n=this,o=n.$el,r=n._vnode,s=dn(n);n._vnode=t,n.$el=r?n.__patch__(r,t):n.__patch__(n.$el,t,e,!1),s(),o&&(o.__vue__=null),n.$el&&(n.$el.__vue__=n);let i=n;for(;i&&i.$vnode&&i.$parent&&i.$vnode===i.$parent._vnode;)i.$parent.$el=i.$el,i=i.$parent},t.prototype.$forceUpdate=function(){const t=this;t._watcher&&t._watcher.update()},t.prototype.$destroy=function(){const t=this;if(t._isBeingDestroyed)return;gn(t,"beforeDestroy"),t._isBeingDestroyed=!0;const e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||y(e.$children,t),t._scope.stop(),t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,t.__patch__(t._vnode,null),gn(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.$vnode&&(t.$vnode.parent=null)}}(nr),function(t){Me(t.prototype),t.prototype.$nextTick=function(t){return Xn(t,this)},t.prototype._render=function(){const t=this,{render:n,_parentVnode:o}=t.$options;o&&t._isMounted&&(t.$scopedSlots=Re(t.$parent,o.data.scopedSlots,t.$slots,t.$scopedSlots),t._slotsProxy&&Ke(t._slotsProxy,t.$scopedSlots)),t.$vnode=o;const r=at,s=Qe;let i;try{ut(t),Qe=t,i=n.call(t._renderProxy,t.$createElement)}catch(e){Un(e,t,"render"),i=t._vnode}finally{Qe=s,ut(r)}return e(i)&&1===i.length&&(i=i[0]),i instanceof ft||(i=dt()),i.parent=o,i}}(nr);const ar=[String,RegExp,Array];var lr={KeepAlive:{name:"keep-alive",abstract:!0,props:{include:ar,exclude:ar,max:[String,Number]},methods:{cacheVNode(){const{cache:t,keys:e,vnodeToCache:n,keyToCache:o}=this;if(n){const{tag:r,componentInstance:s,componentOptions:i}=n;t[o]={name:rr(i),tag:r,componentInstance:s},e.push(o),this.max&&e.length>parseInt(this.max)&&cr(t,e[0],e,this._vnode),this.vnodeToCache=null}}},created(){this.cache=Object.create(null),this.keys=[]},destroyed(){for(const t in this.cache)cr(this.cache,t,this.keys)},mounted(){this.cacheVNode(),this.$watch("include",(t=>{ir(this,(e=>sr(t,e)))})),this.$watch("exclude",(t=>{ir(this,(e=>!sr(t,e)))}))},updated(){this.cacheVNode()},render(){const t=this.$slots.default,e=en(t),n=e&&e.componentOptions;if(n){const t=rr(n),{include:o,exclude:r}=this;if(o&&(!t||!sr(o,t))||r&&t&&sr(r,t))return e;const{cache:s,keys:i}=this,c=null==e.key?n.Ctor.cid+(n.tag?`::${n.tag}`:""):e.key;s[c]?(e.componentInstance=s[c].componentInstance,y(i,c),i.push(c)):(this.vnodeToCache=e,this.keyToCache=c),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){const e={get:()=>B};Object.defineProperty(t,"config",e),t.util={warn:Uo,extend:A,mergeOptions:Zo,defineReactive:Et},t.set=Nt,t.delete=Pt,t.nextTick=Xn,t.observable=t=>(jt(t),t),t.options=Object.create(null),R.forEach((e=>{t.options[e+"s"]=Object.create(null)})),t.options._base=t,A(t.options.components,lr),function(t){t.use=function(t){const e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;const n=T(arguments,1);return n.unshift(this),i(t.install)?t.install.apply(t,n):i(t)&&t.apply(null,n),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=Zo(this.options,t),this}}(t),or(t),function(t){R.forEach((e=>{t[e]=function(t,n){return n?("component"===e&&l(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&i(n)&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}}))}(t)}(nr),Object.defineProperty(nr.prototype,"$isServer",{get:ot}),Object.defineProperty(nr.prototype,"$ssrContext",{get(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(nr,"FunctionalRenderContext",{value:Do}),nr.version=go;const ur=m("style,class"),fr=m("input,textarea,option,select,progress"),dr=(t,e,n)=>"value"===n&&fr(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t,pr=m("contenteditable,draggable,spellcheck"),hr=m("events,caret,typing,plaintext-only"),mr=(t,e)=>$r(e)||"false"===e?"false":"contenteditable"===t&&hr(e)?e:"true",gr=m("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),vr="http://www.w3.org/1999/xlink",yr=t=>":"===t.charAt(5)&&"xlink"===t.slice(0,5),_r=t=>yr(t)?t.slice(6,t.length):"",$r=t=>null==t||!1===t;function br(t){let e=t.data,n=t,r=t;for(;o(r.componentInstance);)r=r.componentInstance._vnode,r&&r.data&&(e=wr(r.data,e));for(;o(n=n.parent);)n&&n.data&&(e=wr(e,n.data));return function(t,e){if(o(t)||o(e))return xr(t,Cr(e));return""}(e.staticClass,e.class)}function wr(t,e){return{staticClass:xr(t.staticClass,e.staticClass),class:o(t.class)?[t.class,e.class]:e.class}}function xr(t,e){return t?e?t+" "+e:t:e||""}function Cr(t){return Array.isArray(t)?function(t){let e,n="";for(let r=0,s=t.length;r<s;r++)o(e=Cr(t[r]))&&""!==e&&(n&&(n+=" "),n+=e);return n}(t):c(t)?function(t){let e="";for(const n in t)t[n]&&(e&&(e+=" "),e+=n);return e}(t):"string"==typeof t?t:""}const kr={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Or=m("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),Sr=m("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignobject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Tr=t=>Or(t)||Sr(t);function Ar(t){return Sr(t)?"svg":"math"===t?"math":void 0}const jr=Object.create(null);const Er=m("text,number,password,search,email,tel,url");function Nr(t){if("string"==typeof t){const e=document.querySelector(t);return e||document.createElement("div")}return t}var Pr=Object.freeze({__proto__:null,createElement:function(t,e){const n=document.createElement(t);return"select"!==t||e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n},createElementNS:function(t,e){return document.createElementNS(kr[t],e)},createTextNode:function(t){return document.createTextNode(t)},createComment:function(t){return document.createComment(t)},insertBefore:function(t,e,n){t.insertBefore(e,n)},removeChild:function(t,e){t.removeChild(e)},appendChild:function(t,e){t.appendChild(e)},parentNode:function(t){return t.parentNode},nextSibling:function(t){return t.nextSibling},tagName:function(t){return t.tagName},setTextContent:function(t,e){t.textContent=e},setStyleScope:function(t,e){t.setAttribute(e,"")}}),Dr={create(t,e){Mr(e)},update(t,e){t.data.ref!==e.data.ref&&(Mr(t,!0),Mr(e))},destroy(t){Mr(t,!0)}};function Mr(t,n){const r=t.data.ref;if(!o(r))return;const s=t.context,c=t.componentInstance||t.elm,a=n?null:c,l=n?void 0:c;if(i(r))return void zn(r,s,[a],s,"template ref function");const u=t.data.refInFor,f="string"==typeof r||"number"==typeof r,d=Kt(r),p=s.$refs;if(f||d)if(u){const t=f?p[r]:r.value;n?e(t)&&y(t,c):e(t)?t.includes(c)||t.push(c):f?(p[r]=[c],Ir(s,r,p[r])):r.value=[c]}else if(f){if(n&&p[r]!==c)return;p[r]=l,Ir(s,r,a)}else if(d){if(n&&r.value!==c)return;r.value=a}}function Ir({_setupState:t},e,n){t&&$(t,e)&&(Kt(t[e])?t[e].value=n:t[e]=n)}const Lr=new ft("",{},[]),Fr=["create","activate","update","remove","destroy"];function Rr(t,e){return t.key===e.key&&t.asyncFactory===e.asyncFactory&&(t.tag===e.tag&&t.isComment===e.isComment&&o(t.data)===o(e.data)&&function(t,e){if("input"!==t.tag)return!0;let n;const r=o(n=t.data)&&o(n=n.attrs)&&n.type,s=o(n=e.data)&&o(n=n.attrs)&&n.type;return r===s||Er(r)&&Er(s)}(t,e)||r(t.isAsyncPlaceholder)&&n(e.asyncFactory.error))}function Hr(t,e,n){let r,s;const i={};for(r=e;r<=n;++r)s=t[r].key,o(s)&&(i[s]=r);return i}var Br={create:Ur,update:Ur,destroy:function(t){Ur(t,Lr)}};function Ur(t,e){(t.data.directives||e.data.directives)&&function(t,e){const n=t===Lr,o=e===Lr,r=Vr(t.data.directives,t.context),s=Vr(e.data.directives,e.context),i=[],c=[];let a,l,u;for(a in s)l=r[a],u=s[a],l?(u.oldValue=l.value,u.oldArg=l.arg,Jr(u,"update",e,t),u.def&&u.def.componentUpdated&&c.push(u)):(Jr(u,"bind",e,t),u.def&&u.def.inserted&&i.push(u));if(i.length){const o=()=>{for(let n=0;n<i.length;n++)Jr(i[n],"inserted",e,t)};n?de(e,"insert",o):o()}c.length&&de(e,"postpatch",(()=>{for(let n=0;n<c.length;n++)Jr(c[n],"componentUpdated",e,t)}));if(!n)for(a in r)s[a]||Jr(r[a],"unbind",t,t,o)}(t,e)}const zr=Object.create(null);function Vr(t,e){const n=Object.create(null);if(!t)return n;let o,r;for(o=0;o<t.length;o++){if(r=t[o],r.modifiers||(r.modifiers=zr),n[Kr(r)]=r,e._setupState&&e._setupState.__sfc){const t=r.def||Go(e,"_setupState","v-"+r.name);r.def="function"==typeof t?{bind:t,update:t}:t}r.def=r.def||Go(e.$options,"directives",r.name)}return n}function Kr(t){return t.rawName||`${t.name}.${Object.keys(t.modifiers||{}).join(".")}`}function Jr(t,e,n,o,r){const s=t.def&&t.def[e];if(s)try{s(n.elm,t,n,o,r)}catch(o){Un(o,n.context,`directive ${t.name} ${e} hook`)}}var qr=[Dr,Br];function Wr(t,e){const s=e.componentOptions;if(o(s)&&!1===s.Ctor.options.inheritAttrs)return;if(n(t.data.attrs)&&n(e.data.attrs))return;let i,c,a;const l=e.elm,u=t.data.attrs||{};let f=e.data.attrs||{};for(i in(o(f.__ob__)||r(f._v_attr_proxy))&&(f=e.data.attrs=A({},f)),f)c=f[i],a=u[i],a!==c&&Zr(l,i,c,e.data.pre);for(i in(Z||X)&&f.value!==u.value&&Zr(l,"value",f.value),u)n(f[i])&&(yr(i)?l.removeAttributeNS(vr,_r(i)):pr(i)||l.removeAttribute(i))}function Zr(t,e,n,o){o||t.tagName.indexOf("-")>-1?Gr(t,e,n):gr(e)?$r(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):pr(e)?t.setAttribute(e,mr(e,n)):yr(e)?$r(n)?t.removeAttributeNS(vr,_r(e)):t.setAttributeNS(vr,e,n):Gr(t,e,n)}function Gr(t,e,n){if($r(n))t.removeAttribute(e);else{if(Z&&!G&&"TEXTAREA"===t.tagName&&"placeholder"===e&&""!==n&&!t.__ieph){const e=n=>{n.stopImmediatePropagation(),t.removeEventListener("input",e)};t.addEventListener("input",e),t.__ieph=!0}t.setAttribute(e,n)}}var Xr={create:Wr,update:Wr};function Yr(t,e){const r=e.elm,s=e.data,i=t.data;if(n(s.staticClass)&&n(s.class)&&(n(i)||n(i.staticClass)&&n(i.class)))return;let c=br(e);const a=r._transitionClasses;o(a)&&(c=xr(c,Cr(a))),c!==r._prevClass&&(r.setAttribute("class",c),r._prevClass=c)}var Qr={create:Yr,update:Yr};const ts=/[\w).+\-_$\]]/;function es(t){let e,n,o,r,s,i=!1,c=!1,a=!1,l=!1,u=0,f=0,d=0,p=0;for(o=0;o<t.length;o++)if(n=e,e=t.charCodeAt(o),i)39===e&&92!==n&&(i=!1);else if(c)34===e&&92!==n&&(c=!1);else if(a)96===e&&92!==n&&(a=!1);else if(l)47===e&&92!==n&&(l=!1);else if(124!==e||124===t.charCodeAt(o+1)||124===t.charCodeAt(o-1)||u||f||d){switch(e){case 34:c=!0;break;case 39:i=!0;break;case 96:a=!0;break;case 40:d++;break;case 41:d--;break;case 91:f++;break;case 93:f--;break;case 123:u++;break;case 125:u--}if(47===e){let e,n=o-1;for(;n>=0&&(e=t.charAt(n)," "===e);n--);e&&ts.test(e)||(l=!0)}}else void 0===r?(p=o+1,r=t.slice(0,o).trim()):h();function h(){(s||(s=[])).push(t.slice(p,o).trim()),p=o+1}if(void 0===r?r=t.slice(0,o).trim():0!==p&&h(),s)for(o=0;o<s.length;o++)r=ns(r,s[o]);return r}function ns(t,e){const n=e.indexOf("(");if(n<0)return`_f("${e}")(${t})`;{const o=e.slice(0,n),r=e.slice(n+1);return`_f("${o}")(${t}${")"!==r?","+r:r}`}}function os(t,e){console.error(`[Vue compiler]: ${t}`)}function rs(t,e){return t?t.map((t=>t[e])).filter((t=>t)):[]}function ss(t,e,n,o,r){(t.props||(t.props=[])).push(hs({name:e,value:n,dynamic:r},o)),t.plain=!1}function is(t,e,n,o,r){(r?t.dynamicAttrs||(t.dynamicAttrs=[]):t.attrs||(t.attrs=[])).push(hs({name:e,value:n,dynamic:r},o)),t.plain=!1}function cs(t,e,n,o){t.attrsMap[e]=n,t.attrsList.push(hs({name:e,value:n},o))}function as(t,e,n,o,r,s,i,c){(t.directives||(t.directives=[])).push(hs({name:e,rawName:n,value:o,arg:r,isDynamicArg:s,modifiers:i},c)),t.plain=!1}function ls(t,e,n){return n?`_p(${e},"${t}")`:t+e}function us(e,n,o,r,s,i,c,a){let l;(r=r||t).right?a?n=`(${n})==='click'?'contextmenu':(${n})`:"click"===n&&(n="contextmenu",delete r.right):r.middle&&(a?n=`(${n})==='click'?'mouseup':(${n})`:"click"===n&&(n="mouseup")),r.capture&&(delete r.capture,n=ls("!",n,a)),r.once&&(delete r.once,n=ls("~",n,a)),r.passive&&(delete r.passive,n=ls("&",n,a)),r.native?(delete r.native,l=e.nativeEvents||(e.nativeEvents={})):l=e.events||(e.events={});const u=hs({value:o.trim(),dynamic:a},c);r!==t&&(u.modifiers=r);const f=l[n];Array.isArray(f)?s?f.unshift(u):f.push(u):l[n]=f?s?[u,f]:[f,u]:u,e.plain=!1}function fs(t,e,n){const o=ds(t,":"+e)||ds(t,"v-bind:"+e);if(null!=o)return es(o);if(!1!==n){const n=ds(t,e);if(null!=n)return JSON.stringify(n)}}function ds(t,e,n){let o;if(null!=(o=t.attrsMap[e])){const n=t.attrsList;for(let t=0,o=n.length;t<o;t++)if(n[t].name===e){n.splice(t,1);break}}return n&&delete t.attrsMap[e],o}function ps(t,e){const n=t.attrsList;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(e.test(o.name))return n.splice(t,1),o}}function hs(t,e){return e&&(null!=e.start&&(t.start=e.start),null!=e.end&&(t.end=e.end)),t}function ms(t,e,n){const{number:o,trim:r}=n||{},s="$$v";let i=s;r&&(i=`(typeof ${s} === 'string'? ${s}.trim(): ${s})`),o&&(i=`_n(${i})`);const c=gs(e,i);t.model={value:`(${e})`,expression:JSON.stringify(e),callback:`function (${s}) {${c}}`}}function gs(t,e){const n=function(t){if(t=t.trim(),vs=t.length,t.indexOf("[")<0||t.lastIndexOf("]")<vs-1)return $s=t.lastIndexOf("."),$s>-1?{exp:t.slice(0,$s),key:'"'+t.slice($s+1)+'"'}:{exp:t,key:null};ys=t,$s=bs=ws=0;for(;!Cs();)_s=xs(),ks(_s)?Ss(_s):91===_s&&Os(_s);return{exp:t.slice(0,bs),key:t.slice(bs+1,ws)}}(t);return null===n.key?`${t}=${e}`:`$set(${n.exp}, ${n.key}, ${e})`}let vs,ys,_s,$s,bs,ws;function xs(){return ys.charCodeAt(++$s)}function Cs(){return $s>=vs}function ks(t){return 34===t||39===t}function Os(t){let e=1;for(bs=$s;!Cs();)if(ks(t=xs()))Ss(t);else if(91===t&&e++,93===t&&e--,0===e){ws=$s;break}}function Ss(t){const e=t;for(;!Cs()&&(t=xs())!==e;);}const Ts="__r",As="__c";let js;function Es(t,e,n){const o=js;return function r(){null!==e.apply(null,arguments)&&Ds(t,r,n,o)}}const Ns=Jn&&!(Q&&Number(Q[1])<=53);function Ps(t,e,n,o){if(Ns){const t=xn,n=e;e=n._wrapper=function(e){if(e.target===e.currentTarget||e.timeStamp>=t||e.timeStamp<=0||e.target.ownerDocument!==document)return n.apply(this,arguments)}}js.addEventListener(t,e,nt?{capture:n,passive:o}:n)}function Ds(t,e,n,o){(o||js).removeEventListener(t,e._wrapper||e,n)}function Ms(t,e){if(n(t.data.on)&&n(e.data.on))return;const r=e.data.on||{},s=t.data.on||{};js=e.elm||t.elm,function(t){if(o(t[Ts])){const e=Z?"change":"input";t[e]=[].concat(t[Ts],t[e]||[]),delete t[Ts]}o(t[As])&&(t.change=[].concat(t[As],t.change||[]),delete t[As])}(r),fe(r,s,Ps,Ds,Es,e.context),js=void 0}var Is={create:Ms,update:Ms,destroy:t=>Ms(t,Lr)};let Ls;function Fs(t,e){if(n(t.data.domProps)&&n(e.data.domProps))return;let s,i;const c=e.elm,a=t.data.domProps||{};let l=e.data.domProps||{};for(s in(o(l.__ob__)||r(l._v_attr_proxy))&&(l=e.data.domProps=A({},l)),a)s in l||(c[s]="");for(s in l){if(i=l[s],"textContent"===s||"innerHTML"===s){if(e.children&&(e.children.length=0),i===a[s])continue;1===c.childNodes.length&&c.removeChild(c.childNodes[0])}if("value"===s&&"PROGRESS"!==c.tagName){c._value=i;const t=n(i)?"":String(i);Rs(c,t)&&(c.value=t)}else if("innerHTML"===s&&Sr(c.tagName)&&n(c.innerHTML)){Ls=Ls||document.createElement("div"),Ls.innerHTML=`<svg>${i}</svg>`;const t=Ls.firstChild;for(;c.firstChild;)c.removeChild(c.firstChild);for(;t.firstChild;)c.appendChild(t.firstChild)}else if(i!==a[s])try{c[s]=i}catch(t){}}}function Rs(t,e){return!t.composing&&("OPTION"===t.tagName||function(t,e){let n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}(t,e)||function(t,e){const n=t.value,r=t._vModifiers;if(o(r)){if(r.number)return h(n)!==h(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}(t,e))}var Hs={create:Fs,update:Fs};const Bs=b((function(t){const e={},n=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach((function(t){if(t){const o=t.split(n);o.length>1&&(e[o[0].trim()]=o[1].trim())}})),e}));function Us(t){const e=zs(t.style);return t.staticStyle?A(t.staticStyle,e):e}function zs(t){return Array.isArray(t)?j(t):"string"==typeof t?Bs(t):t}const Vs=/^--/,Ks=/\s*!important$/,Js=(t,e,n)=>{if(Vs.test(e))t.style.setProperty(e,n);else if(Ks.test(n))t.style.setProperty(O(e),n.replace(Ks,""),"important");else{const o=Zs(e);if(Array.isArray(n))for(let e=0,r=n.length;e<r;e++)t.style[o]=n[e];else t.style[o]=n}},qs=["Webkit","Moz","ms"];let Ws;const Zs=b((function(t){if(Ws=Ws||document.createElement("div").style,"filter"!==(t=x(t))&&t in Ws)return t;const e=t.charAt(0).toUpperCase()+t.slice(1);for(let t=0;t<qs.length;t++){const n=qs[t]+e;if(n in Ws)return n}}));function Gs(t,e){const r=e.data,s=t.data;if(n(r.staticStyle)&&n(r.style)&&n(s.staticStyle)&&n(s.style))return;let i,c;const a=e.elm,l=s.staticStyle,u=s.normalizedStyle||s.style||{},f=l||u,d=zs(e.data.style)||{};e.data.normalizedStyle=o(d.__ob__)?A({},d):d;const p=function(t,e){const n={};let o;if(e){let e=t;for(;e.componentInstance;)e=e.componentInstance._vnode,e&&e.data&&(o=Us(e.data))&&A(n,o)}(o=Us(t.data))&&A(n,o);let r=t;for(;r=r.parent;)r.data&&(o=Us(r.data))&&A(n,o);return n}(e,!0);for(c in f)n(p[c])&&Js(a,c,"");for(c in p)i=p[c],Js(a,c,null==i?"":i)}var Xs={create:Gs,update:Gs};const Ys=/\s+/;function Qs(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(Ys).forEach((e=>t.classList.add(e))):t.classList.add(e);else{const n=` ${t.getAttribute("class")||""} `;n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function ti(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(Ys).forEach((e=>t.classList.remove(e))):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{let n=` ${t.getAttribute("class")||""} `;const o=" "+e+" ";for(;n.indexOf(o)>=0;)n=n.replace(o," ");n=n.trim(),n?t.setAttribute("class",n):t.removeAttribute("class")}}function ei(t){if(t){if("object"==typeof t){const e={};return!1!==t.css&&A(e,ni(t.name||"v")),A(e,t),e}return"string"==typeof t?ni(t):void 0}}const ni=b((t=>({enterClass:`${t}-enter`,enterToClass:`${t}-enter-to`,enterActiveClass:`${t}-enter-active`,leaveClass:`${t}-leave`,leaveToClass:`${t}-leave-to`,leaveActiveClass:`${t}-leave-active`}))),oi=q&&!G,ri="transition",si="animation";let ii="transition",ci="transitionend",ai="animation",li="animationend";oi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ii="WebkitTransition",ci="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(ai="WebkitAnimation",li="webkitAnimationEnd"));const ui=q?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:t=>t();function fi(t){ui((()=>{ui(t)}))}function di(t,e){const n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),Qs(t,e))}function pi(t,e){t._transitionClasses&&y(t._transitionClasses,e),ti(t,e)}function hi(t,e,n){const{type:o,timeout:r,propCount:s}=gi(t,e);if(!o)return n();const i=o===ri?ci:li;let c=0;const a=()=>{t.removeEventListener(i,l),n()},l=e=>{e.target===t&&++c>=s&&a()};setTimeout((()=>{c<s&&a()}),r+1),t.addEventListener(i,l)}const mi=/\b(transform|all)(,|$)/;function gi(t,e){const n=window.getComputedStyle(t),o=(n[ii+"Delay"]||"").split(", "),r=(n[ii+"Duration"]||"").split(", "),s=vi(o,r),i=(n[ai+"Delay"]||"").split(", "),c=(n[ai+"Duration"]||"").split(", "),a=vi(i,c);let l,u=0,f=0;e===ri?s>0&&(l=ri,u=s,f=r.length):e===si?a>0&&(l=si,u=a,f=c.length):(u=Math.max(s,a),l=u>0?s>a?ri:si:null,f=l?l===ri?r.length:c.length:0);return{type:l,timeout:u,propCount:f,hasTransform:l===ri&&mi.test(n[ii+"Property"])}}function vi(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map(((e,n)=>yi(e)+yi(t[n]))))}function yi(t){return 1e3*Number(t.slice(0,-1).replace(",","."))}function _i(t,e){const r=t.elm;o(r._leaveCb)&&(r._leaveCb.cancelled=!0,r._leaveCb());const s=ei(t.data.transition);if(n(s))return;if(o(r._enterCb)||1!==r.nodeType)return;const{css:a,type:l,enterClass:u,enterToClass:f,enterActiveClass:d,appearClass:p,appearToClass:m,appearActiveClass:g,beforeEnter:v,enter:y,afterEnter:_,enterCancelled:$,beforeAppear:b,appear:w,afterAppear:x,appearCancelled:C,duration:k}=s;let O=fn,S=fn.$vnode;for(;S&&S.parent;)O=S.context,S=S.parent;const T=!O._isMounted||!t.isRootInsert;if(T&&!w&&""!==w)return;const A=T&&p?p:u,j=T&&g?g:d,E=T&&m?m:f,N=T&&b||v,P=T&&i(w)?w:y,D=T&&x||_,M=T&&C||$,L=h(c(k)?k.enter:k),F=!1!==a&&!G,R=wi(P),H=r._enterCb=I((()=>{F&&(pi(r,E),pi(r,j)),H.cancelled?(F&&pi(r,A),M&&M(r)):D&&D(r),r._enterCb=null}));t.data.show||de(t,"insert",(()=>{const e=r.parentNode,n=e&&e._pending&&e._pending[t.key];n&&n.tag===t.tag&&n.elm._leaveCb&&n.elm._leaveCb(),P&&P(r,H)})),N&&N(r),F&&(di(r,A),di(r,j),fi((()=>{pi(r,A),H.cancelled||(di(r,E),R||(bi(L)?setTimeout(H,L):hi(r,l,H)))}))),t.data.show&&(e&&e(),P&&P(r,H)),F||R||H()}function $i(t,e){const r=t.elm;o(r._enterCb)&&(r._enterCb.cancelled=!0,r._enterCb());const s=ei(t.data.transition);if(n(s)||1!==r.nodeType)return e();if(o(r._leaveCb))return;const{css:i,type:a,leaveClass:l,leaveToClass:u,leaveActiveClass:f,beforeLeave:d,leave:p,afterLeave:m,leaveCancelled:g,delayLeave:v,duration:y}=s,_=!1!==i&&!G,$=wi(p),b=h(c(y)?y.leave:y),w=r._leaveCb=I((()=>{r.parentNode&&r.parentNode._pending&&(r.parentNode._pending[t.key]=null),_&&(pi(r,u),pi(r,f)),w.cancelled?(_&&pi(r,l),g&&g(r)):(e(),m&&m(r)),r._leaveCb=null}));function x(){w.cancelled||(!t.data.show&&r.parentNode&&((r.parentNode._pending||(r.parentNode._pending={}))[t.key]=t),d&&d(r),_&&(di(r,l),di(r,f),fi((()=>{pi(r,l),w.cancelled||(di(r,u),$||(bi(b)?setTimeout(w,b):hi(r,a,w)))}))),p&&p(r,w),_||$||w())}v?v(x):x()}function bi(t){return"number"==typeof t&&!isNaN(t)}function wi(t){if(n(t))return!1;const e=t.fns;return o(e)?wi(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function xi(t,e){!0!==e.data.show&&_i(e)}const Ci=function(t){let i,c;const a={},{modules:l,nodeOps:u}=t;for(i=0;i<Fr.length;++i)for(a[Fr[i]]=[],c=0;c<l.length;++c)o(l[c][Fr[i]])&&a[Fr[i]].push(l[c][Fr[i]]);function f(t){const e=u.parentNode(t);o(e)&&u.removeChild(e,t)}function d(t,e,n,s,i,c,l){if(o(t.elm)&&o(c)&&(t=c[l]=ht(t)),t.isRootInsert=!i,function(t,e,n,s){let i=t.data;if(o(i)){const c=o(t.componentInstance)&&i.keepAlive;if(o(i=i.hook)&&o(i=i.init)&&i(t,!1),o(t.componentInstance))return p(t,e),h(n,t.elm,s),r(c)&&function(t,e,n,r){let s,i=t;for(;i.componentInstance;)if(i=i.componentInstance._vnode,o(s=i.data)&&o(s=s.transition)){for(s=0;s<a.activate.length;++s)a.activate[s](Lr,i);e.push(i);break}h(n,t.elm,r)}(t,e,n,s),!0}}(t,e,n,s))return;const f=t.data,d=t.children,m=t.tag;o(m)?(t.elm=t.ns?u.createElementNS(t.ns,m):u.createElement(m,t),_(t),g(t,d,e),o(f)&&y(t,e),h(n,t.elm,s)):r(t.isComment)?(t.elm=u.createComment(t.text),h(n,t.elm,s)):(t.elm=u.createTextNode(t.text),h(n,t.elm,s))}function p(t,e){o(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,v(t)?(y(t,e),_(t)):(Mr(t),e.push(t))}function h(t,e,n){o(t)&&(o(n)?u.parentNode(n)===t&&u.insertBefore(t,e,n):u.appendChild(t,e))}function g(t,n,o){if(e(n))for(let e=0;e<n.length;++e)d(n[e],o,t.elm,null,!0,n,e);else s(t.text)&&u.appendChild(t.elm,u.createTextNode(String(t.text)))}function v(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return o(t.tag)}function y(t,e){for(let e=0;e<a.create.length;++e)a.create[e](Lr,t);i=t.data.hook,o(i)&&(o(i.create)&&i.create(Lr,t),o(i.insert)&&e.push(t))}function _(t){let e;if(o(e=t.fnScopeId))u.setStyleScope(t.elm,e);else{let n=t;for(;n;)o(e=n.context)&&o(e=e.$options._scopeId)&&u.setStyleScope(t.elm,e),n=n.parent}o(e=fn)&&e!==t.context&&e!==t.fnContext&&o(e=e.$options._scopeId)&&u.setStyleScope(t.elm,e)}function $(t,e,n,o,r,s){for(;o<=r;++o)d(n[o],s,t,e,!1,n,o)}function b(t){let e,n;const r=t.data;if(o(r))for(o(e=r.hook)&&o(e=e.destroy)&&e(t),e=0;e<a.destroy.length;++e)a.destroy[e](t);if(o(e=t.children))for(n=0;n<t.children.length;++n)b(t.children[n])}function w(t,e,n){for(;e<=n;++e){const n=t[e];o(n)&&(o(n.tag)?(x(n),b(n)):f(n.elm))}}function x(t,e){if(o(e)||o(t.data)){let n;const r=a.remove.length+1;for(o(e)?e.listeners+=r:e=function(t,e){function n(){0==--n.listeners&&f(t)}return n.listeners=e,n}(t.elm,r),o(n=t.componentInstance)&&o(n=n._vnode)&&o(n.data)&&x(n,e),n=0;n<a.remove.length;++n)a.remove[n](t,e);o(n=t.data.hook)&&o(n=n.remove)?n(t,e):e()}else f(t.elm)}function C(t,e,n,r){for(let s=n;s<r;s++){const n=e[s];if(o(n)&&Rr(t,n))return s}}function k(t,e,s,i,c,l){if(t===e)return;o(e.elm)&&o(i)&&(e=i[c]=ht(e));const f=e.elm=t.elm;if(r(t.isAsyncPlaceholder))return void(o(e.asyncFactory.resolved)?T(t.elm,e,s):e.isAsyncPlaceholder=!0);if(r(e.isStatic)&&r(t.isStatic)&&e.key===t.key&&(r(e.isCloned)||r(e.isOnce)))return void(e.componentInstance=t.componentInstance);let p;const h=e.data;o(h)&&o(p=h.hook)&&o(p=p.prepatch)&&p(t,e);const m=t.children,g=e.children;if(o(h)&&v(e)){for(p=0;p<a.update.length;++p)a.update[p](t,e);o(p=h.hook)&&o(p=p.update)&&p(t,e)}n(e.text)?o(m)&&o(g)?m!==g&&function(t,e,r,s,i){let c,a,l,f,p=0,h=0,m=e.length-1,g=e[0],v=e[m],y=r.length-1,_=r[0],b=r[y];const x=!i;for(;p<=m&&h<=y;)n(g)?g=e[++p]:n(v)?v=e[--m]:Rr(g,_)?(k(g,_,s,r,h),g=e[++p],_=r[++h]):Rr(v,b)?(k(v,b,s,r,y),v=e[--m],b=r[--y]):Rr(g,b)?(k(g,b,s,r,y),x&&u.insertBefore(t,g.elm,u.nextSibling(v.elm)),g=e[++p],b=r[--y]):Rr(v,_)?(k(v,_,s,r,h),x&&u.insertBefore(t,v.elm,g.elm),v=e[--m],_=r[++h]):(n(c)&&(c=Hr(e,p,m)),a=o(_.key)?c[_.key]:C(_,e,p,m),n(a)?d(_,s,t,g.elm,!1,r,h):(l=e[a],Rr(l,_)?(k(l,_,s,r,h),e[a]=void 0,x&&u.insertBefore(t,l.elm,g.elm)):d(_,s,t,g.elm,!1,r,h)),_=r[++h]);p>m?(f=n(r[y+1])?null:r[y+1].elm,$(t,f,r,h,y,s)):h>y&&w(e,p,m)}(f,m,g,s,l):o(g)?(o(t.text)&&u.setTextContent(f,""),$(f,null,g,0,g.length-1,s)):o(m)?w(m,0,m.length-1):o(t.text)&&u.setTextContent(f,""):t.text!==e.text&&u.setTextContent(f,e.text),o(h)&&o(p=h.hook)&&o(p=p.postpatch)&&p(t,e)}function O(t,e,n){if(r(n)&&o(t.parent))t.parent.data.pendingInsert=e;else for(let t=0;t<e.length;++t)e[t].data.hook.insert(e[t])}const S=m("attrs,class,staticClass,staticStyle,key");function T(t,e,n,s){let i;const{tag:c,data:a,children:l}=e;if(s=s||a&&a.pre,e.elm=t,r(e.isComment)&&o(e.asyncFactory))return e.isAsyncPlaceholder=!0,!0;if(o(a)&&(o(i=a.hook)&&o(i=i.init)&&i(e,!0),o(i=e.componentInstance)))return p(e,n),!0;if(o(c)){if(o(l))if(t.hasChildNodes())if(o(i=a)&&o(i=i.domProps)&&o(i=i.innerHTML)){if(i!==t.innerHTML)return!1}else{let e=!0,o=t.firstChild;for(let t=0;t<l.length;t++){if(!o||!T(o,l[t],n,s)){e=!1;break}o=o.nextSibling}if(!e||o)return!1}else g(e,l,n);if(o(a)){let t=!1;for(const o in a)if(!S(o)){t=!0,y(e,n);break}!t&&a.class&&_o(a.class)}}else t.data!==e.text&&(t.data=e.text);return!0}return function(t,e,s,i){if(n(e))return void(o(t)&&b(t));let c=!1;const l=[];if(n(t))c=!0,d(e,l);else{const n=o(t.nodeType);if(!n&&Rr(t,e))k(t,e,l,null,null,i);else{if(n){if(1===t.nodeType&&t.hasAttribute(F)&&(t.removeAttribute(F),s=!0),r(s)&&T(t,e,l))return O(e,l,!0),t;f=t,t=new ft(u.tagName(f).toLowerCase(),{},[],void 0,f)}const i=t.elm,c=u.parentNode(i);if(d(e,l,i._leaveCb?null:c,u.nextSibling(i)),o(e.parent)){let t=e.parent;const n=v(e);for(;t;){for(let e=0;e<a.destroy.length;++e)a.destroy[e](t);if(t.elm=e.elm,n){for(let e=0;e<a.create.length;++e)a.create[e](Lr,t);const e=t.data.hook.insert;if(e.merged){const t=e.fns.slice(1);for(let e=0;e<t.length;e++)t[e]()}}else Mr(t);t=t.parent}}o(c)?w([t],0,0):o(t.tag)&&b(t)}}var f;return O(e,l,c),e.elm}}({nodeOps:Pr,modules:[Xr,Qr,Is,Hs,Xs,q?{create:xi,activate:xi,remove(t,e){!0!==t.data.show?$i(t,e):e()}}:{}].concat(qr)});G&&document.addEventListener("selectionchange",(()=>{const t=document.activeElement;t&&t.vmodel&&Ni(t,"input")}));const ki={inserted(t,e,n,o){"select"===n.tag?(o.elm&&!o.elm._vOptions?de(n,"postpatch",(()=>{ki.componentUpdated(t,e,n)})):Oi(t,e,n.context),t._vOptions=[].map.call(t.options,Ai)):("textarea"===n.tag||Er(t.type))&&(t._vModifiers=e.modifiers,e.modifiers.lazy||(t.addEventListener("compositionstart",ji),t.addEventListener("compositionend",Ei),t.addEventListener("change",Ei),G&&(t.vmodel=!0)))},componentUpdated(t,e,n){if("select"===n.tag){Oi(t,e,n.context);const o=t._vOptions,r=t._vOptions=[].map.call(t.options,Ai);if(r.some(((t,e)=>!D(t,o[e])))){(t.multiple?e.value.some((t=>Ti(t,r))):e.value!==e.oldValue&&Ti(e.value,r))&&Ni(t,"change")}}}};function Oi(t,e,n){Si(t,e),(Z||X)&&setTimeout((()=>{Si(t,e)}),0)}function Si(t,e,n){const o=e.value,r=t.multiple;if(r&&!Array.isArray(o))return;let s,i;for(let e=0,n=t.options.length;e<n;e++)if(i=t.options[e],r)s=M(o,Ai(i))>-1,i.selected!==s&&(i.selected=s);else if(D(Ai(i),o))return void(t.selectedIndex!==e&&(t.selectedIndex=e));r||(t.selectedIndex=-1)}function Ti(t,e){return e.every((e=>!D(e,t)))}function Ai(t){return"_value"in t?t._value:t.value}function ji(t){t.target.composing=!0}function Ei(t){t.target.composing&&(t.target.composing=!1,Ni(t.target,"input"))}function Ni(t,e){const n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function Pi(t){return!t.componentInstance||t.data&&t.data.transition?t:Pi(t.componentInstance._vnode)}var Di={bind(t,{value:e},n){const o=(n=Pi(n)).data&&n.data.transition,r=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;e&&o?(n.data.show=!0,_i(n,(()=>{t.style.display=r}))):t.style.display=e?r:"none"},update(t,{value:e,oldValue:n},o){if(!e==!n)return;(o=Pi(o)).data&&o.data.transition?(o.data.show=!0,e?_i(o,(()=>{t.style.display=t.__vOriginalDisplay})):$i(o,(()=>{t.style.display="none"}))):t.style.display=e?t.__vOriginalDisplay:"none"},unbind(t,e,n,o,r){r||(t.style.display=t.__vOriginalDisplay)}},Mi={model:ki,show:Di};const Ii={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Li(t){const e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Li(en(e.children)):t}function Fi(t){const e={},n=t.$options;for(const o in n.propsData)e[o]=t[o];const o=n._parentListeners;for(const t in o)e[x(t)]=o[t];return e}function Ri(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}const Hi=t=>t.tag||Fe(t),Bi=t=>"show"===t.name;var Ui={name:"transition",props:Ii,abstract:!0,render(t){let e=this.$slots.default;if(!e)return;if(e=e.filter(Hi),!e.length)return;const n=this.mode,o=e[0];if(function(t){for(;t=t.parent;)if(t.data.transition)return!0}(this.$vnode))return o;const r=Li(o);if(!r)return o;if(this._leaving)return Ri(t,o);const i=`__transition-${this._uid}-`;r.key=null==r.key?r.isComment?i+"comment":i+r.tag:s(r.key)?0===String(r.key).indexOf(i)?r.key:i+r.key:r.key;const c=(r.data||(r.data={})).transition=Fi(this),a=this._vnode,l=Li(a);if(r.data.directives&&r.data.directives.some(Bi)&&(r.data.show=!0),l&&l.data&&!function(t,e){return e.key===t.key&&e.tag===t.tag}(r,l)&&!Fe(l)&&(!l.componentInstance||!l.componentInstance._vnode.isComment)){const e=l.data.transition=A({},c);if("out-in"===n)return this._leaving=!0,de(e,"afterLeave",(()=>{this._leaving=!1,this.$forceUpdate()})),Ri(t,o);if("in-out"===n){if(Fe(r))return a;let t;const n=()=>{t()};de(c,"afterEnter",n),de(c,"enterCancelled",n),de(e,"delayLeave",(e=>{t=e}))}}return o}};const zi=A({tag:String,moveClass:String},Ii);delete zi.mode;var Vi={props:zi,beforeMount(){const t=this._update;this._update=(e,n)=>{const o=dn(this);this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept,o(),t.call(this,e,n)}},render(t){const e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),o=this.prevChildren=this.children,r=this.$slots.default||[],s=this.children=[],i=Fi(this);for(let t=0;t<r.length;t++){const e=r[t];e.tag&&null!=e.key&&0!==String(e.key).indexOf("__vlist")&&(s.push(e),n[e.key]=e,(e.data||(e.data={})).transition=i)}if(o){const r=[],s=[];for(let t=0;t<o.length;t++){const e=o[t];e.data.transition=i,e.data.pos=e.elm.getBoundingClientRect(),n[e.key]?r.push(e):s.push(e)}this.kept=t(e,null,r),this.removed=s}return t(e,null,s)},updated(){const t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";t.length&&this.hasMove(t[0].elm,e)&&(t.forEach(Ki),t.forEach(Ji),t.forEach(qi),this._reflow=document.body.offsetHeight,t.forEach((t=>{if(t.data.moved){const n=t.elm,o=n.style;di(n,e),o.transform=o.WebkitTransform=o.transitionDuration="",n.addEventListener(ci,n._moveCb=function t(o){o&&o.target!==n||o&&!/transform$/.test(o.propertyName)||(n.removeEventListener(ci,t),n._moveCb=null,pi(n,e))})}})))},methods:{hasMove(t,e){if(!oi)return!1;if(this._hasMove)return this._hasMove;const n=t.cloneNode();t._transitionClasses&&t._transitionClasses.forEach((t=>{ti(n,t)})),Qs(n,e),n.style.display="none",this.$el.appendChild(n);const o=gi(n);return this.$el.removeChild(n),this._hasMove=o.hasTransform}}};function Ki(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function Ji(t){t.data.newPos=t.elm.getBoundingClientRect()}function qi(t){const e=t.data.pos,n=t.data.newPos,o=e.left-n.left,r=e.top-n.top;if(o||r){t.data.moved=!0;const e=t.elm.style;e.transform=e.WebkitTransform=`translate(${o}px,${r}px)`,e.transitionDuration="0s"}}var Wi={Transition:Ui,TransitionGroup:Vi};nr.config.mustUseProp=dr,nr.config.isReservedTag=Tr,nr.config.isReservedAttr=ur,nr.config.getTagNamespace=Ar,nr.config.isUnknownElement=function(t){if(!q)return!0;if(Tr(t))return!1;if(t=t.toLowerCase(),null!=jr[t])return jr[t];const e=document.createElement(t);return t.indexOf("-")>-1?jr[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:jr[t]=/HTMLUnknownElement/.test(e.toString())},A(nr.options.directives,Mi),A(nr.options.components,Wi),nr.prototype.__patch__=q?Ci:E,nr.prototype.$mount=function(t,e){return function(t,e,n){let o;t.$el=e,t.$options.render||(t.$options.render=dt),gn(t,"beforeMount"),o=()=>{t._update(t._render(),n)},new wo(t,o,E,{before(){t._isMounted&&!t._isDestroyed&&gn(t,"beforeUpdate")}},!0),n=!1;const r=t._preWatchers;if(r)for(let t=0;t<r.length;t++)r[t].run();return null==t.$vnode&&(t._isMounted=!0,gn(t,"mounted")),t}(this,t=t&&q?Nr(t):void 0,e)},q&&setTimeout((()=>{B.devtools&&rt&&rt.emit("init",nr)}),0);const Zi=/\{\{((?:.|\r?\n)+?)\}\}/g,Gi=/[-.*+?^${}()|[\]\/\\]/g,Xi=b((t=>{const e=t[0].replace(Gi,"\\$&"),n=t[1].replace(Gi,"\\$&");return new RegExp(e+"((?:.|\\n)+?)"+n,"g")}));var Yi={staticKeys:["staticClass"],transformNode:function(t,e){e.warn;const n=ds(t,"class");n&&(t.staticClass=JSON.stringify(n.replace(/\s+/g," ").trim()));const o=fs(t,"class",!1);o&&(t.classBinding=o)},genData:function(t){let e="";return t.staticClass&&(e+=`staticClass:${t.staticClass},`),t.classBinding&&(e+=`class:${t.classBinding},`),e}};var Qi={staticKeys:["staticStyle"],transformNode:function(t,e){e.warn;const n=ds(t,"style");n&&(t.staticStyle=JSON.stringify(Bs(n)));const o=fs(t,"style",!1);o&&(t.styleBinding=o)},genData:function(t){let e="";return t.staticStyle&&(e+=`staticStyle:${t.staticStyle},`),t.styleBinding&&(e+=`style:(${t.styleBinding}),`),e}};let tc;var ec={decode:t=>(tc=tc||document.createElement("div"),tc.innerHTML=t,tc.textContent)};const nc=m("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),oc=m("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),rc=m("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),sc=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,ic=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+?\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,cc=`[a-zA-Z_][\\-\\.0-9_a-zA-Z${U.source}]*`,ac=`((?:${cc}\\:)?${cc})`,lc=new RegExp(`^<${ac}`),uc=/^\s*(\/?)>/,fc=new RegExp(`^<\\/${ac}[^>]*>`),dc=/^<!DOCTYPE [^>]+>/i,pc=/^<!\--/,hc=/^<!\[/,mc=m("script,style,textarea",!0),gc={},vc={"&lt;":"<","&gt;":">","&quot;":'"',"&amp;":"&","&#10;":"\n","&#9;":"\t","&#39;":"'"},yc=/&(?:lt|gt|quot|amp|#39);/g,_c=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,$c=m("pre,textarea",!0),bc=(t,e)=>t&&$c(t)&&"\n"===e[0];function wc(t,e){const n=e?_c:yc;return t.replace(n,(t=>vc[t]))}const xc=/^@|^v-on:/,Cc=/^v-|^@|^:|^#/,kc=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Oc=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Sc=/^\(|\)$/g,Tc=/^\[.*\]$/,Ac=/:(.*)$/,jc=/^:|^\.|^v-bind:/,Ec=/\.[^.\]]+(?=[^\]]*$)/g,Nc=/^v-slot(:|$)|^#/,Pc=/[\r\n]/,Dc=/[ \f\t\r\n]+/g,Mc=b(ec.decode),Ic="_empty_";let Lc,Fc,Rc,Hc,Bc,Uc,zc,Vc;function Kc(t,e,n){return{type:1,tag:t,attrsList:e,attrsMap:Yc(e),rawAttrsMap:{},parent:n,children:[]}}function Jc(t,e){Lc=e.warn||os,Uc=e.isPreTag||N,zc=e.mustUseProp||N,Vc=e.getTagNamespace||N,e.isReservedTag,Rc=rs(e.modules,"transformNode"),Hc=rs(e.modules,"preTransformNode"),Bc=rs(e.modules,"postTransformNode"),Fc=e.delimiters;const n=[],o=!1!==e.preserveWhitespace,r=e.whitespace;let s,i,c=!1,a=!1;function l(t){if(u(t),c||t.processed||(t=qc(t,e)),n.length||t===s||s.if&&(t.elseif||t.else)&&Zc(s,{exp:t.elseif,block:t}),i&&!t.forbidden)if(t.elseif||t.else)!function(t,e){const n=function(t){let e=t.length;for(;e--;){if(1===t[e].type)return t[e];t.pop()}}(e.children);n&&n.if&&Zc(n,{exp:t.elseif,block:t})}(t,i);else{if(t.slotScope){const e=t.slotTarget||'"default"';(i.scopedSlots||(i.scopedSlots={}))[e]=t}i.children.push(t),t.parent=i}t.children=t.children.filter((t=>!t.slotScope)),u(t),t.pre&&(c=!1),Uc(t.tag)&&(a=!1);for(let n=0;n<Bc.length;n++)Bc[n](t,e)}function u(t){if(!a){let e;for(;(e=t.children[t.children.length-1])&&3===e.type&&" "===e.text;)t.children.pop()}}return function(t,e){const n=[],o=e.expectHTML,r=e.isUnaryTag||N,s=e.canBeLeftOpenTag||N;let i,c,a=0;for(;t;){if(i=t,c&&mc(c)){let n=0;const o=c.toLowerCase(),r=gc[o]||(gc[o]=new RegExp("([\\s\\S]*?)(</"+o+"[^>]*>)","i")),s=t.replace(r,(function(t,r,s){return n=s.length,mc(o)||"noscript"===o||(r=r.replace(/<!\--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)]]>/g,"$1")),bc(o,r)&&(r=r.slice(1)),e.chars&&e.chars(r),""}));a+=t.length-s.length,t=s,d(o,a-n,a)}else{let n,o,r,s=t.indexOf("<");if(0===s){if(pc.test(t)){const n=t.indexOf("--\x3e");if(n>=0){e.shouldKeepComment&&e.comment&&e.comment(t.substring(4,n),a,a+n+3),l(n+3);continue}}if(hc.test(t)){const e=t.indexOf("]>");if(e>=0){l(e+2);continue}}const n=t.match(dc);if(n){l(n[0].length);continue}const o=t.match(fc);if(o){const t=a;l(o[0].length),d(o[1],t,a);continue}const r=u();if(r){f(r),bc(r.tagName,t)&&l(1);continue}}if(s>=0){for(o=t.slice(s);!(fc.test(o)||lc.test(o)||pc.test(o)||hc.test(o)||(r=o.indexOf("<",1),r<0));)s+=r,o=t.slice(s);n=t.substring(0,s)}s<0&&(n=t),n&&l(n.length),e.chars&&n&&e.chars(n,a-n.length,a)}if(t===i){e.chars&&e.chars(t);break}}function l(e){a+=e,t=t.substring(e)}function u(){const e=t.match(lc);if(e){const n={tagName:e[1],attrs:[],start:a};let o,r;for(l(e[0].length);!(o=t.match(uc))&&(r=t.match(ic)||t.match(sc));)r.start=a,l(r[0].length),r.end=a,n.attrs.push(r);if(o)return n.unarySlash=o[1],l(o[0].length),n.end=a,n}}function f(t){const i=t.tagName,a=t.unarySlash;o&&("p"===c&&rc(i)&&d(c),s(i)&&c===i&&d(i));const l=r(i)||!!a,u=t.attrs.length,f=new Array(u);for(let n=0;n<u;n++){const o=t.attrs[n],r=o[3]||o[4]||o[5]||"",s="a"===i&&"href"===o[1]?e.shouldDecodeNewlinesForHref:e.shouldDecodeNewlines;f[n]={name:o[1],value:wc(r,s)}}l||(n.push({tag:i,lowerCasedTag:i.toLowerCase(),attrs:f,start:t.start,end:t.end}),c=i),e.start&&e.start(i,f,l,t.start,t.end)}function d(t,o,r){let s,i;if(null==o&&(o=a),null==r&&(r=a),t)for(i=t.toLowerCase(),s=n.length-1;s>=0&&n[s].lowerCasedTag!==i;s--);else s=0;if(s>=0){for(let t=n.length-1;t>=s;t--)e.end&&e.end(n[t].tag,o,r);n.length=s,c=s&&n[s-1].tag}else"br"===i?e.start&&e.start(t,[],!0,o,r):"p"===i&&(e.start&&e.start(t,[],!1,o,r),e.end&&e.end(t,o,r))}d()}(t,{warn:Lc,expectHTML:e.expectHTML,isUnaryTag:e.isUnaryTag,canBeLeftOpenTag:e.canBeLeftOpenTag,shouldDecodeNewlines:e.shouldDecodeNewlines,shouldDecodeNewlinesForHref:e.shouldDecodeNewlinesForHref,shouldKeepComment:e.comments,outputSourceRange:e.outputSourceRange,start(t,o,r,u,f){const d=i&&i.ns||Vc(t);Z&&"svg"===d&&(o=function(t){const e=[];for(let n=0;n<t.length;n++){const o=t[n];Qc.test(o.name)||(o.name=o.name.replace(ta,""),e.push(o))}return e}(o));let p=Kc(t,o,i);var h;d&&(p.ns=d),"style"!==(h=p).tag&&("script"!==h.tag||h.attrsMap.type&&"text/javascript"!==h.attrsMap.type)||ot()||(p.forbidden=!0);for(let t=0;t<Hc.length;t++)p=Hc[t](p,e)||p;c||(!function(t){null!=ds(t,"v-pre")&&(t.pre=!0)}(p),p.pre&&(c=!0)),Uc(p.tag)&&(a=!0),c?function(t){const e=t.attrsList,n=e.length;if(n){const o=t.attrs=new Array(n);for(let t=0;t<n;t++)o[t]={name:e[t].name,value:JSON.stringify(e[t].value)},null!=e[t].start&&(o[t].start=e[t].start,o[t].end=e[t].end)}else t.pre||(t.plain=!0)}(p):p.processed||(Wc(p),function(t){const e=ds(t,"v-if");if(e)t.if=e,Zc(t,{exp:e,block:t});else{null!=ds(t,"v-else")&&(t.else=!0);const e=ds(t,"v-else-if");e&&(t.elseif=e)}}(p),function(t){const e=ds(t,"v-once");null!=e&&(t.once=!0)}(p)),s||(s=p),r?l(p):(i=p,n.push(p))},end(t,e,o){const r=n[n.length-1];n.length-=1,i=n[n.length-1],l(r)},chars(t,e,n){if(!i)return;if(Z&&"textarea"===i.tag&&i.attrsMap.placeholder===t)return;const s=i.children;var l;if(t=a||t.trim()?"script"===(l=i).tag||"style"===l.tag?t:Mc(t):s.length?r?"condense"===r&&Pc.test(t)?"":" ":o?" ":"":""){let e,n;a||"condense"!==r||(t=t.replace(Dc," ")),!c&&" "!==t&&(e=function(t,e){const n=e?Xi(e):Zi;if(!n.test(t))return;const o=[],r=[];let s,i,c,a=n.lastIndex=0;for(;s=n.exec(t);){i=s.index,i>a&&(r.push(c=t.slice(a,i)),o.push(JSON.stringify(c)));const e=es(s[1].trim());o.push(`_s(${e})`),r.push({"@binding":e}),a=i+s[0].length}return a<t.length&&(r.push(c=t.slice(a)),o.push(JSON.stringify(c))),{expression:o.join("+"),tokens:r}}(t,Fc))?n={type:2,expression:e.expression,tokens:e.tokens,text:t}:" "===t&&s.length&&" "===s[s.length-1].text||(n={type:3,text:t}),n&&s.push(n)}},comment(t,e,n){if(i){const e={type:3,text:t,isComment:!0};i.children.push(e)}}}),s}function qc(t,e){var n;!function(t){const e=fs(t,"key");e&&(t.key=e)}(t),t.plain=!t.key&&!t.scopedSlots&&!t.attrsList.length,function(t){const e=fs(t,"ref");e&&(t.ref=e,t.refInFor=function(t){let e=t;for(;e;){if(void 0!==e.for)return!0;e=e.parent}return!1}(t))}(t),function(t){let e;"template"===t.tag?(e=ds(t,"scope"),t.slotScope=e||ds(t,"slot-scope")):(e=ds(t,"slot-scope"))&&(t.slotScope=e);const n=fs(t,"slot");n&&(t.slotTarget='""'===n?'"default"':n,t.slotTargetDynamic=!(!t.attrsMap[":slot"]&&!t.attrsMap["v-bind:slot"]),"template"===t.tag||t.slotScope||is(t,"slot",n,function(t,e){return t.rawAttrsMap[":"+e]||t.rawAttrsMap["v-bind:"+e]||t.rawAttrsMap[e]}(t,"slot")));if("template"===t.tag){const e=ps(t,Nc);if(e){const{name:n,dynamic:o}=Gc(e);t.slotTarget=n,t.slotTargetDynamic=o,t.slotScope=e.value||Ic}}else{const e=ps(t,Nc);if(e){const n=t.scopedSlots||(t.scopedSlots={}),{name:o,dynamic:r}=Gc(e),s=n[o]=Kc("template",[],t);s.slotTarget=o,s.slotTargetDynamic=r,s.children=t.children.filter((t=>{if(!t.slotScope)return t.parent=s,!0})),s.slotScope=e.value||Ic,t.children=[],t.plain=!1}}}(t),"slot"===(n=t).tag&&(n.slotName=fs(n,"name")),function(t){let e;(e=fs(t,"is"))&&(t.component=e);null!=ds(t,"inline-template")&&(t.inlineTemplate=!0)}(t);for(let n=0;n<Rc.length;n++)t=Rc[n](t,e)||t;return function(t){const e=t.attrsList;let n,o,r,s,i,c,a,l;for(n=0,o=e.length;n<o;n++)if(r=s=e[n].name,i=e[n].value,Cc.test(r))if(t.hasBindings=!0,c=Xc(r.replace(Cc,"")),c&&(r=r.replace(Ec,"")),jc.test(r))r=r.replace(jc,""),i=es(i),l=Tc.test(r),l&&(r=r.slice(1,-1)),c&&(c.prop&&!l&&(r=x(r),"innerHtml"===r&&(r="innerHTML")),c.camel&&!l&&(r=x(r)),c.sync&&(a=gs(i,"$event"),l?us(t,`"update:"+(${r})`,a,null,!1,0,e[n],!0):(us(t,`update:${x(r)}`,a,null,!1,0,e[n]),O(r)!==x(r)&&us(t,`update:${O(r)}`,a,null,!1,0,e[n])))),c&&c.prop||!t.component&&zc(t.tag,t.attrsMap.type,r)?ss(t,r,i,e[n],l):is(t,r,i,e[n],l);else if(xc.test(r))r=r.replace(xc,""),l=Tc.test(r),l&&(r=r.slice(1,-1)),us(t,r,i,c,!1,0,e[n],l);else{r=r.replace(Cc,"");const o=r.match(Ac);let a=o&&o[1];l=!1,a&&(r=r.slice(0,-(a.length+1)),Tc.test(a)&&(a=a.slice(1,-1),l=!0)),as(t,r,s,i,a,l,c,e[n])}else is(t,r,JSON.stringify(i),e[n]),!t.component&&"muted"===r&&zc(t.tag,t.attrsMap.type,r)&&ss(t,r,"true",e[n])}(t),t}function Wc(t){let e;if(e=ds(t,"v-for")){const n=function(t){const e=t.match(kc);if(!e)return;const n={};n.for=e[2].trim();const o=e[1].trim().replace(Sc,""),r=o.match(Oc);r?(n.alias=o.replace(Oc,"").trim(),n.iterator1=r[1].trim(),r[2]&&(n.iterator2=r[2].trim())):n.alias=o;return n}(e);n&&A(t,n)}}function Zc(t,e){t.ifConditions||(t.ifConditions=[]),t.ifConditions.push(e)}function Gc(t){let e=t.name.replace(Nc,"");return e||"#"!==t.name[0]&&(e="default"),Tc.test(e)?{name:e.slice(1,-1),dynamic:!0}:{name:`"${e}"`,dynamic:!1}}function Xc(t){const e=t.match(Ec);if(e){const t={};return e.forEach((e=>{t[e.slice(1)]=!0})),t}}function Yc(t){const e={};for(let n=0,o=t.length;n<o;n++)e[t[n].name]=t[n].value;return e}const Qc=/^xmlns:NS\d+/,ta=/^NS\d+:/;function ea(t){return Kc(t.tag,t.attrsList.slice(),t.parent)}var na=[Yi,Qi,{preTransformNode:function(t,e){if("input"===t.tag){const n=t.attrsMap;if(!n["v-model"])return;let o;if((n[":type"]||n["v-bind:type"])&&(o=fs(t,"type")),n.type||o||!n["v-bind"]||(o=`(${n["v-bind"]}).type`),o){const n=ds(t,"v-if",!0),r=n?`&&(${n})`:"",s=null!=ds(t,"v-else",!0),i=ds(t,"v-else-if",!0),c=ea(t);Wc(c),cs(c,"type","checkbox"),qc(c,e),c.processed=!0,c.if=`(${o})==='checkbox'`+r,Zc(c,{exp:c.if,block:c});const a=ea(t);ds(a,"v-for",!0),cs(a,"type","radio"),qc(a,e),Zc(c,{exp:`(${o})==='radio'`+r,block:a});const l=ea(t);return ds(l,"v-for",!0),cs(l,":type",o),qc(l,e),Zc(c,{exp:n,block:l}),s?c.else=!0:i&&(c.elseif=i),c}}}}];const oa={expectHTML:!0,modules:na,directives:{model:function(t,e,n){const o=e.value,r=e.modifiers,s=t.tag,i=t.attrsMap.type;if(t.component)return ms(t,o,r),!1;if("select"===s)!function(t,e,n){const o=n&&n.number;let r=`var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return ${o?"_n(val)":"val"}});`;r=`${r} ${gs(e,"$event.target.multiple ? $$selectedVal : $$selectedVal[0]")}`,us(t,"change",r,null,!0)}(t,o,r);else if("input"===s&&"checkbox"===i)!function(t,e,n){const o=n&&n.number,r=fs(t,"value")||"null",s=fs(t,"true-value")||"true",i=fs(t,"false-value")||"false";ss(t,"checked",`Array.isArray(${e})?_i(${e},${r})>-1`+("true"===s?`:(${e})`:`:_q(${e},${s})`)),us(t,"change",`var $$a=${e},$$el=$event.target,$$c=$$el.checked?(${s}):(${i});if(Array.isArray($$a)){var $$v=${o?"_n("+r+")":r},$$i=_i($$a,$$v);if($$el.checked){$$i<0&&(${gs(e,"$$a.concat([$$v])")})}else{$$i>-1&&(${gs(e,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")})}}else{${gs(e,"$$c")}}`,null,!0)}(t,o,r);else if("input"===s&&"radio"===i)!function(t,e,n){const o=n&&n.number;let r=fs(t,"value")||"null";r=o?`_n(${r})`:r,ss(t,"checked",`_q(${e},${r})`),us(t,"change",gs(e,r),null,!0)}(t,o,r);else if("input"===s||"textarea"===s)!function(t,e,n){const o=t.attrsMap.type,{lazy:r,number:s,trim:i}=n||{},c=!r&&"range"!==o,a=r?"change":"range"===o?Ts:"input";let l="$event.target.value";i&&(l="$event.target.value.trim()");s&&(l=`_n(${l})`);let u=gs(e,l);c&&(u=`if($event.target.composing)return;${u}`);ss(t,"value",`(${e})`),us(t,a,u,null,!0),(i||s)&&us(t,"blur","$forceUpdate()")}(t,o,r);else if(!B.isReservedTag(s))return ms(t,o,r),!1;return!0},text:function(t,e){e.value&&ss(t,"textContent",`_s(${e.value})`,e)},html:function(t,e){e.value&&ss(t,"innerHTML",`_s(${e.value})`,e)}},isPreTag:t=>"pre"===t,isUnaryTag:nc,mustUseProp:dr,canBeLeftOpenTag:oc,isReservedTag:Tr,getTagNamespace:Ar,staticKeys:function(t){return t.reduce(((t,e)=>t.concat(e.staticKeys||[])),[]).join(",")}(na)};let ra,sa;const ia=b((function(t){return m("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(t?","+t:""))}));function ca(t,e){t&&(ra=ia(e.staticKeys||""),sa=e.isReservedTag||N,aa(t),la(t,!1))}function aa(t){if(t.static=function(t){if(2===t.type)return!1;if(3===t.type)return!0;return!(!t.pre&&(t.hasBindings||t.if||t.for||g(t.tag)||!sa(t.tag)||function(t){for(;t.parent;){if("template"!==(t=t.parent).tag)return!1;if(t.for)return!0}return!1}(t)||!Object.keys(t).every(ra)))}(t),1===t.type){if(!sa(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(let e=0,n=t.children.length;e<n;e++){const n=t.children[e];aa(n),n.static||(t.static=!1)}if(t.ifConditions)for(let e=1,n=t.ifConditions.length;e<n;e++){const n=t.ifConditions[e].block;aa(n),n.static||(t.static=!1)}}}function la(t,e){if(1===t.type){if((t.static||t.once)&&(t.staticInFor=e),t.static&&t.children.length&&(1!==t.children.length||3!==t.children[0].type))return void(t.staticRoot=!0);if(t.staticRoot=!1,t.children)for(let n=0,o=t.children.length;n<o;n++)la(t.children[n],e||!!t.for);if(t.ifConditions)for(let n=1,o=t.ifConditions.length;n<o;n++)la(t.ifConditions[n].block,e)}}const ua=/^([\w$_]+|\([^)]*?\))\s*=>|^function(?:\s+[\w$]+)?\s*\(/,fa=/\([^)]*?\);*$/,da=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,pa={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},ha={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},ma=t=>`if(${t})return null;`,ga={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:ma("$event.target !== $event.currentTarget"),ctrl:ma("!$event.ctrlKey"),shift:ma("!$event.shiftKey"),alt:ma("!$event.altKey"),meta:ma("!$event.metaKey"),left:ma("'button' in $event && $event.button !== 0"),middle:ma("'button' in $event && $event.button !== 1"),right:ma("'button' in $event && $event.button !== 2")};function va(t,e){const n=e?"nativeOn:":"on:";let o="",r="";for(const e in t){const n=ya(t[e]);t[e]&&t[e].dynamic?r+=`${e},${n},`:o+=`"${e}":${n},`}return o=`{${o.slice(0,-1)}}`,r?n+`_d(${o},[${r.slice(0,-1)}])`:n+o}function ya(t){if(!t)return"function(){}";if(Array.isArray(t))return`[${t.map((t=>ya(t))).join(",")}]`;const e=da.test(t.value),n=ua.test(t.value),o=da.test(t.value.replace(fa,""));if(t.modifiers){let r="",s="";const i=[];for(const e in t.modifiers)if(ga[e])s+=ga[e],pa[e]&&i.push(e);else if("exact"===e){const e=t.modifiers;s+=ma(["ctrl","shift","alt","meta"].filter((t=>!e[t])).map((t=>`$event.${t}Key`)).join("||"))}else i.push(e);i.length&&(r+=function(t){return`if(!$event.type.indexOf('key')&&${t.map(_a).join("&&")})return null;`}(i)),s&&(r+=s);return`function($event){${r}${e?`return ${t.value}.apply(null, arguments)`:n?`return (${t.value}).apply(null, arguments)`:o?`return ${t.value}`:t.value}}`}return e||n?t.value:`function($event){${o?`return ${t.value}`:t.value}}`}function _a(t){const e=parseInt(t,10);if(e)return`$event.keyCode!==${e}`;const n=pa[t],o=ha[t];return`_k($event.keyCode,${JSON.stringify(t)},${JSON.stringify(n)},$event.key,${JSON.stringify(o)})`}var $a={on:function(t,e){t.wrapListeners=t=>`_g(${t},${e.value})`},bind:function(t,e){t.wrapData=n=>`_b(${n},'${t.tag}',${e.value},${e.modifiers&&e.modifiers.prop?"true":"false"}${e.modifiers&&e.modifiers.sync?",true":""})`},cloak:E};class ba{constructor(t){this.options=t,this.warn=t.warn||os,this.transforms=rs(t.modules,"transformCode"),this.dataGenFns=rs(t.modules,"genData"),this.directives=A(A({},$a),t.directives);const e=t.isReservedTag||N;this.maybeComponent=t=>!!t.component||!e(t.tag),this.onceId=0,this.staticRenderFns=[],this.pre=!1}}function wa(t,e){const n=new ba(e);return{render:`with(this){return ${t?"script"===t.tag?"null":xa(t,n):'_c("div")'}}`,staticRenderFns:n.staticRenderFns}}function xa(t,e){if(t.parent&&(t.pre=t.pre||t.parent.pre),t.staticRoot&&!t.staticProcessed)return Ca(t,e);if(t.once&&!t.onceProcessed)return ka(t,e);if(t.for&&!t.forProcessed)return Ta(t,e);if(t.if&&!t.ifProcessed)return Oa(t,e);if("template"!==t.tag||t.slotTarget||e.pre){if("slot"===t.tag)return function(t,e){const n=t.slotName||'"default"',o=Na(t,e);let r=`_t(${n}${o?`,function(){return ${o}}`:""}`;const s=t.attrs||t.dynamicAttrs?Ma((t.attrs||[]).concat(t.dynamicAttrs||[]).map((t=>({name:x(t.name),value:t.value,dynamic:t.dynamic})))):null,i=t.attrsMap["v-bind"];!s&&!i||o||(r+=",null");s&&(r+=`,${s}`);i&&(r+=`${s?"":",null"},${i}`);return r+")"}(t,e);{let n;if(t.component)n=function(t,e,n){const o=e.inlineTemplate?null:Na(e,n,!0);return`_c(${t},${Aa(e,n)}${o?`,${o}`:""})`}(t.component,t,e);else{let o;const r=e.maybeComponent(t);let s;(!t.plain||t.pre&&r)&&(o=Aa(t,e));const i=e.options.bindings;r&&i&&!1!==i.__isScriptSetup&&(s=function(t,e){const n=x(e),o=C(n),r=r=>t[e]===r?e:t[n]===r?n:t[o]===r?o:void 0,s=r("setup-const")||r("setup-reactive-const");if(s)return s;const i=r("setup-let")||r("setup-ref")||r("setup-maybe-ref");if(i)return i}(i,t.tag)),s||(s=`'${t.tag}'`);const c=t.inlineTemplate?null:Na(t,e,!0);n=`_c(${s}${o?`,${o}`:""}${c?`,${c}`:""})`}for(let o=0;o<e.transforms.length;o++)n=e.transforms[o](t,n);return n}}return Na(t,e)||"void 0"}function Ca(t,e){t.staticProcessed=!0;const n=e.pre;return t.pre&&(e.pre=t.pre),e.staticRenderFns.push(`with(this){return ${xa(t,e)}}`),e.pre=n,`_m(${e.staticRenderFns.length-1}${t.staticInFor?",true":""})`}function ka(t,e){if(t.onceProcessed=!0,t.if&&!t.ifProcessed)return Oa(t,e);if(t.staticInFor){let n="",o=t.parent;for(;o;){if(o.for){n=o.key;break}o=o.parent}return n?`_o(${xa(t,e)},${e.onceId++},${n})`:xa(t,e)}return Ca(t,e)}function Oa(t,e,n,o){return t.ifProcessed=!0,Sa(t.ifConditions.slice(),e,n,o)}function Sa(t,e,n,o){if(!t.length)return o||"_e()";const r=t.shift();return r.exp?`(${r.exp})?${s(r.block)}:${Sa(t,e,n,o)}`:`${s(r.block)}`;function s(t){return n?n(t,e):t.once?ka(t,e):xa(t,e)}}function Ta(t,e,n,o){const r=t.for,s=t.alias,i=t.iterator1?`,${t.iterator1}`:"",c=t.iterator2?`,${t.iterator2}`:"";return t.forProcessed=!0,`${o||"_l"}((${r}),function(${s}${i}${c}){return ${(n||xa)(t,e)}})`}function Aa(t,e){let n="{";const o=function(t,e){const n=t.directives;if(!n)return;let o,r,s,i,c="directives:[",a=!1;for(o=0,r=n.length;o<r;o++){s=n[o],i=!0;const r=e.directives[s.name];r&&(i=!!r(t,s,e.warn)),i&&(a=!0,c+=`{name:"${s.name}",rawName:"${s.rawName}"${s.value?`,value:(${s.value}),expression:${JSON.stringify(s.value)}`:""}${s.arg?`,arg:${s.isDynamicArg?s.arg:`"${s.arg}"`}`:""}${s.modifiers?`,modifiers:${JSON.stringify(s.modifiers)}`:""}},`)}if(a)return c.slice(0,-1)+"]"}(t,e);o&&(n+=o+","),t.key&&(n+=`key:${t.key},`),t.ref&&(n+=`ref:${t.ref},`),t.refInFor&&(n+="refInFor:true,"),t.pre&&(n+="pre:true,"),t.component&&(n+=`tag:"${t.tag}",`);for(let o=0;o<e.dataGenFns.length;o++)n+=e.dataGenFns[o](t);if(t.attrs&&(n+=`attrs:${Ma(t.attrs)},`),t.props&&(n+=`domProps:${Ma(t.props)},`),t.events&&(n+=`${va(t.events,!1)},`),t.nativeEvents&&(n+=`${va(t.nativeEvents,!0)},`),t.slotTarget&&!t.slotScope&&(n+=`slot:${t.slotTarget},`),t.scopedSlots&&(n+=`${function(t,e,n){let o=t.for||Object.keys(e).some((t=>{const n=e[t];return n.slotTargetDynamic||n.if||n.for||ja(n)})),r=!!t.if;if(!o){let e=t.parent;for(;e;){if(e.slotScope&&e.slotScope!==Ic||e.for){o=!0;break}e.if&&(r=!0),e=e.parent}}const s=Object.keys(e).map((t=>Ea(e[t],n))).join(",");return`scopedSlots:_u([${s}]${o?",null,true":""}${!o&&r?`,null,false,${function(t){let e=5381,n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e>>>0}(s)}`:""})`}(t,t.scopedSlots,e)},`),t.model&&(n+=`model:{value:${t.model.value},callback:${t.model.callback},expression:${t.model.expression}},`),t.inlineTemplate){const o=function(t,e){const n=t.children[0];if(n&&1===n.type){const t=wa(n,e.options);return`inlineTemplate:{render:function(){${t.render}},staticRenderFns:[${t.staticRenderFns.map((t=>`function(){${t}}`)).join(",")}]}`}}(t,e);o&&(n+=`${o},`)}return n=n.replace(/,$/,"")+"}",t.dynamicAttrs&&(n=`_b(${n},"${t.tag}",${Ma(t.dynamicAttrs)})`),t.wrapData&&(n=t.wrapData(n)),t.wrapListeners&&(n=t.wrapListeners(n)),n}function ja(t){return 1===t.type&&("slot"===t.tag||t.children.some(ja))}function Ea(t,e){const n=t.attrsMap["slot-scope"];if(t.if&&!t.ifProcessed&&!n)return Oa(t,e,Ea,"null");if(t.for&&!t.forProcessed)return Ta(t,e,Ea);const o=t.slotScope===Ic?"":String(t.slotScope),r=`function(${o}){return ${"template"===t.tag?t.if&&n?`(${t.if})?${Na(t,e)||"undefined"}:undefined`:Na(t,e)||"undefined":xa(t,e)}}`,s=o?"":",proxy:true";return`{key:${t.slotTarget||'"default"'},fn:${r}${s}}`}function Na(t,e,n,o,r){const s=t.children;if(s.length){const t=s[0];if(1===s.length&&t.for&&"template"!==t.tag&&"slot"!==t.tag){const r=n?e.maybeComponent(t)?",1":",0":"";return`${(o||xa)(t,e)}${r}`}const i=n?function(t,e){let n=0;for(let o=0;o<t.length;o++){const r=t[o];if(1===r.type){if(Pa(r)||r.ifConditions&&r.ifConditions.some((t=>Pa(t.block)))){n=2;break}(e(r)||r.ifConditions&&r.ifConditions.some((t=>e(t.block))))&&(n=1)}}return n}(s,e.maybeComponent):0,c=r||Da;return`[${s.map((t=>c(t,e))).join(",")}]${i?`,${i}`:""}`}}function Pa(t){return void 0!==t.for||"template"===t.tag||"slot"===t.tag}function Da(t,e){return 1===t.type?xa(t,e):3===t.type&&t.isComment?function(t){return`_e(${JSON.stringify(t.text)})`}(t):function(t){return`_v(${2===t.type?t.expression:Ia(JSON.stringify(t.text))})`}(t)}function Ma(t){let e="",n="";for(let o=0;o<t.length;o++){const r=t[o],s=Ia(r.value);r.dynamic?n+=`${r.name},${s},`:e+=`"${r.name}":${s},`}return e=`{${e.slice(0,-1)}}`,n?`_d(${e},[${n.slice(0,-1)}])`:e}function Ia(t){return t.replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}function La(t,e){try{return new Function(t)}catch(n){return e.push({err:n,code:t}),E}}function Fa(t){const e=Object.create(null);return function(n,o,r){(o=A({},o)).warn,delete o.warn;const s=o.delimiters?String(o.delimiters)+n:n;if(e[s])return e[s];const i=t(n,o),c={},a=[];return c.render=La(i.render,a),c.staticRenderFns=i.staticRenderFns.map((t=>La(t,a))),e[s]=c}}new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b"),new RegExp("\\b"+"delete,typeof,void".split(",").join("\\s*\\([^\\)]*\\)|\\b")+"\\s*\\([^\\)]*\\)");const Ra=(Ha=function(t,e){const n=Jc(t.trim(),e);!1!==e.optimize&&ca(n,e);const o=wa(n,e);return{ast:n,render:o.render,staticRenderFns:o.staticRenderFns}},function(t){function e(e,n){const o=Object.create(t),r=[],s=[];if(n){n.modules&&(o.modules=(t.modules||[]).concat(n.modules)),n.directives&&(o.directives=A(Object.create(t.directives||null),n.directives));for(const t in n)"modules"!==t&&"directives"!==t&&(o[t]=n[t])}o.warn=(t,e,n)=>{(n?s:r).push(t)};const i=Ha(e.trim(),o);return i.errors=r,i.tips=s,i}return{compile:e,compileToFunctions:Fa(e)}});var Ha;const{compile:Ba,compileToFunctions:Ua}=Ra(oa);let za;function Va(t){return za=za||document.createElement("div"),za.innerHTML=t?'<a href="\n"/>':'<div a="\n"/>',za.innerHTML.indexOf("&#10;")>0}const Ka=!!q&&Va(!1),Ja=!!q&&Va(!0),qa=b((t=>{const e=Nr(t);return e&&e.innerHTML})),Wa=nr.prototype.$mount;nr.prototype.$mount=function(t,e){if((t=t&&Nr(t))===document.body||t===document.documentElement)return this;const n=this.$options;if(!n.render){let e=n.template;if(e)if("string"==typeof e)"#"===e.charAt(0)&&(e=qa(e));else{if(!e.nodeType)return this;e=e.innerHTML}else t&&(e=function(t){if(t.outerHTML)return t.outerHTML;{const e=document.createElement("div");return e.appendChild(t.cloneNode(!0)),e.innerHTML}}(t));if(e){const{render:t,staticRenderFns:o}=Ua(e,{outputSourceRange:!1,shouldDecodeNewlines:Ka,shouldDecodeNewlinesForHref:Ja,delimiters:n.delimiters,comments:n.comments},this);n.render=t,n.staticRenderFns=o}}return Wa.call(this,t,e)},nr.compile=Ua;export{cn as EffectScope,ae as computed,Qt as customRef,nr as default,to as defineAsyncComponent,vo as defineComponent,Pt as del,an as effectScope,lt as getCurrentInstance,ln as getCurrentScope,Bn as h,Hn as inject,Bt as isProxy,Ft as isReactive,Ht as isReadonly,Kt as isRef,Rt as isShallow,zt as markRaw,Ge as mergeDefaults,Xn as nextTick,ao as onActivated,no as onBeforeMount,io as onBeforeUnmount,ro as onBeforeUpdate,lo as onDeactivated,mo as onErrorCaptured,oo as onMounted,fo as onRenderTracked,po as onRenderTriggered,un as onScopeDispose,uo as onServerPrefetch,co as onUnmounted,so as onUpdated,Fn as provide,Xt as proxyRefs,Mt as reactive,re as readonly,Jt as ref,Nt as set,It as shallowReactive,ce as shallowReadonly,qt as shallowRef,Ut as toRaw,ee as toRef,te as toRefs,Zt as triggerRef,Gt as unref,qe as useAttrs,Yn as useCssModule,Qn as useCssVars,We as useListeners,Je as useSlots,go as version,In as watch,Nn as watchEffect,Pn as watchPostEffect,Dn as watchSyncEffect};
\ No newline at end of file
diff --git a/kirby/panel/dist/js/vue.runtime.esm.min.js b/kirby/panel/dist/js/vue.runtime.esm.min.js
new file mode 100644
index 0000000..9e3c285
--- /dev/null
+++ b/kirby/panel/dist/js/vue.runtime.esm.min.js
@@ -0,0 +1,6 @@
+/*!
+ * Vue.js v2.7.16
+ * (c) 2014-2023 Evan You
+ * Released under the MIT License.
+ */
+var emptyObject=Object.freeze({}),isArray=Array.isArray;function isUndef(e){return null==e}function isDef(e){return null!=e}function isTrue(e){return!0===e}function isFalse(e){return!1===e}function isPrimitive(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function isFunction(e){return"function"==typeof e}function isObject(e){return null!==e&&"object"==typeof e}var _toString=Object.prototype.toString;function toRawType(e){return _toString.call(e).slice(8,-1)}function isPlainObject(e){return"[object Object]"===_toString.call(e)}function isRegExp(e){return"[object RegExp]"===_toString.call(e)}function isValidArrayIndex(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function isPromise(e){return isDef(e)&&"function"==typeof e.then&&"function"==typeof e.catch}function toString(e){return null==e?"":Array.isArray(e)||isPlainObject(e)&&e.toString===_toString?JSON.stringify(e,replacer,2):String(e)}function replacer(e,t){return t&&t.__v_isRef?t.value:t}function toNumber(e){var t=parseFloat(e);return isNaN(t)?e:t}function makeMap(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}var isBuiltInTag=makeMap("slot,component",!0),isReservedAttribute=makeMap("key,ref,slot,slot-scope,is");function remove$2(e,t){var n=e.length;if(n){if(t===e[n-1])return void(e.length=n-1);var r=e.indexOf(t);if(r>-1)return e.splice(r,1)}}var hasOwnProperty=Object.prototype.hasOwnProperty;function hasOwn(e,t){return hasOwnProperty.call(e,t)}function cached(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var camelizeRE=/-(\w)/g,camelize=cached(function(e){return e.replace(camelizeRE,function(e,t){return t?t.toUpperCase():""})}),capitalize=cached(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),hyphenateRE=/\B([A-Z])/g,hyphenate=cached(function(e){return e.replace(hyphenateRE,"-$1").toLowerCase()});function polyfillBind(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n}function nativeBind(e,t){return e.bind(t)}var bind=Function.prototype.bind?nativeBind:polyfillBind;function toArray(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function extend(e,t){for(var n in t)e[n]=t[n];return e}function toObject(e){for(var t={},n=0;n<e.length;n++)e[n]&&extend(t,e[n]);return t}function noop(e,t,n){}var no=function(e,t,n){return!1},identity=function(e){return e};function looseEqual(e,t){if(e===t)return!0;var n=isObject(e),r=isObject(t);if(!n||!r)return!n&&!r&&String(e)===String(t);try{var i=Array.isArray(e),o=Array.isArray(t);if(i&&o)return e.length===t.length&&e.every(function(e,n){return looseEqual(e,t[n])});if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(i||o)return!1;var a=Object.keys(e),s=Object.keys(t);return a.length===s.length&&a.every(function(n){return looseEqual(e[n],t[n])})}catch(e){return!1}}function looseIndexOf(e,t){for(var n=0;n<e.length;n++)if(looseEqual(e[n],t))return n;return-1}function once(e){var t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}function hasChanged(e,t){return e===t?0===e&&1/e!=1/t:e==e||t==t}var SSR_ATTR="data-server-rendered",ASSET_TYPES=["component","directive","filter"],LIFECYCLE_HOOKS=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured","serverPrefetch","renderTracked","renderTriggered"],config={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:no,isReservedAttr:no,isUnknownElement:no,getTagNamespace:noop,parsePlatformTagName:identity,mustUseProp:no,async:!0,_lifecycleHooks:LIFECYCLE_HOOKS},unicodeRegExp=/a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;function isReserved(e){var t=(e+"").charCodeAt(0);return 36===t||95===t}function def(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}var bailRE=new RegExp("[^".concat(unicodeRegExp.source,".$_\\d]"));function parsePath(e){if(!bailRE.test(e)){var t=e.split(".");return function(e){for(var n=0;n<t.length;n++){if(!e)return;e=e[t[n]]}return e}}}var hasProto="__proto__"in{},inBrowser="undefined"!=typeof window,UA=inBrowser&&window.navigator.userAgent.toLowerCase(),isIE=UA&&/msie|trident/.test(UA),isIE9=UA&&UA.indexOf("msie 9.0")>0,isEdge=UA&&UA.indexOf("edge/")>0;UA&&UA.indexOf("android");var isIOS=UA&&/iphone|ipad|ipod|ios/.test(UA);UA&&/chrome\/\d+/.test(UA),UA&&/phantomjs/.test(UA);var _isServer,isFF=UA&&UA.match(/firefox\/(\d+)/),nativeWatch={}.watch,supportsPassive=!1;if(inBrowser)try{var opts={};Object.defineProperty(opts,"passive",{get:function(){supportsPassive=!0}}),window.addEventListener("test-passive",null,opts)}catch(e){}var isServerRendering=function(){return void 0===_isServer&&(_isServer=!inBrowser&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),_isServer},devtools=inBrowser&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function isNative(e){return"function"==typeof e&&/native code/.test(e.toString())}var _Set,hasSymbol="undefined"!=typeof Symbol&&isNative(Symbol)&&"undefined"!=typeof Reflect&&isNative(Reflect.ownKeys);_Set="undefined"!=typeof Set&&isNative(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var currentInstance=null;function getCurrentInstance(){return currentInstance&&{proxy:currentInstance}}function setCurrentInstance(e){void 0===e&&(e=null),e||currentInstance&&currentInstance._scope.off(),currentInstance=e,e&&e._scope.on()}var VNode=function(){function e(e,t,n,r,i,o,a,s){this.tag=e,this.data=t,this.children=n,this.text=r,this.elm=i,this.ns=void 0,this.context=o,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=t&&t.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(e.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),e}(),createEmptyVNode=function(e){void 0===e&&(e="");var t=new VNode;return t.text=e,t.isComment=!0,t};function createTextVNode(e){return new VNode(void 0,void 0,void 0,String(e))}function cloneVNode(e){var t=new VNode(e.tag,e.data,e.children&&e.children.slice(),e.text,e.elm,e.context,e.componentOptions,e.asyncFactory);return t.ns=e.ns,t.isStatic=e.isStatic,t.key=e.key,t.isComment=e.isComment,t.fnContext=e.fnContext,t.fnOptions=e.fnOptions,t.fnScopeId=e.fnScopeId,t.asyncMeta=e.asyncMeta,t.isCloned=!0,t}var __assign=function(){return __assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var uid$2=0,pendingCleanupDeps=[],cleanupDeps=function(){for(var e=0;e<pendingCleanupDeps.length;e++){var t=pendingCleanupDeps[e];t.subs=t.subs.filter(function(e){return e}),t._pending=!1}pendingCleanupDeps.length=0},Dep=function(){function e(){this._pending=!1,this.id=uid$2++,this.subs=[]}return e.prototype.addSub=function(e){this.subs.push(e)},e.prototype.removeSub=function(e){this.subs[this.subs.indexOf(e)]=null,this._pending||(this._pending=!0,pendingCleanupDeps.push(this))},e.prototype.depend=function(t){e.target&&e.target.addDep(this)},e.prototype.notify=function(e){var t=this.subs.filter(function(e){return e});for(var n=0,r=t.length;n<r;n++){var i=t[n];0,i.update()}},e}();Dep.target=null;var targetStack=[];function pushTarget(e){targetStack.push(e),Dep.target=e}function popTarget(){targetStack.pop(),Dep.target=targetStack[targetStack.length-1]}var arrayProto=Array.prototype,arrayMethods=Object.create(arrayProto),methodsToPatch=["push","pop","shift","unshift","splice","sort","reverse"];methodsToPatch.forEach(function(e){var t=arrayProto[e];def(arrayMethods,e,function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i,o=t.apply(this,n),a=this.__ob__;switch(e){case"push":case"unshift":i=n;break;case"splice":i=n.slice(2)}return i&&a.observeArray(i),a.dep.notify(),o})});var arrayKeys=Object.getOwnPropertyNames(arrayMethods),NO_INITIAL_VALUE={},shouldObserve=!0;function toggleObserving(e){shouldObserve=e}var mockDep={notify:noop,depend:noop,addSub:noop,removeSub:noop},Observer=function(){function e(e,t,n){if(void 0===t&&(t=!1),void 0===n&&(n=!1),this.value=e,this.shallow=t,this.mock=n,this.dep=n?mockDep:new Dep,this.vmCount=0,def(e,"__ob__",this),isArray(e)){if(!n)if(hasProto)e.__proto__=arrayMethods;else for(var r=0,i=arrayKeys.length;r<i;r++){def(e,a=arrayKeys[r],arrayMethods[a])}t||this.observeArray(e)}else{var o=Object.keys(e);for(r=0;r<o.length;r++){var a;defineReactive(e,a=o[r],NO_INITIAL_VALUE,void 0,t,n)}}}return e.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)observe(e[t],!1,this.mock)},e}();function observe(e,t,n){return e&&hasOwn(e,"__ob__")&&e.__ob__ instanceof Observer?e.__ob__:!shouldObserve||!n&&isServerRendering()||!isArray(e)&&!isPlainObject(e)||!Object.isExtensible(e)||e.__v_skip||isRef(e)||e instanceof VNode?void 0:new Observer(e,t,n)}function defineReactive(e,t,n,r,i,o,a){void 0===a&&(a=!1);var s=new Dep,c=Object.getOwnPropertyDescriptor(e,t);if(!c||!1!==c.configurable){var l=c&&c.get,u=c&&c.set;l&&!u||n!==NO_INITIAL_VALUE&&2!==arguments.length||(n=e[t]);var f=i?n&&n.__ob__:observe(n,!1,o);return Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=l?l.call(e):n;return Dep.target&&(s.depend(),f&&(f.dep.depend(),isArray(t)&&dependArray(t))),isRef(t)&&!i?t.value:t},set:function(t){var r=l?l.call(e):n;if(hasChanged(r,t)){if(u)u.call(e,t);else{if(l)return;if(!i&&isRef(r)&&!isRef(t))return void(r.value=t);n=t}f=i?t&&t.__ob__:observe(t,!1,o),s.notify()}}}),s}}function set(e,t,n){if(!isReadonly(e)){var r=e.__ob__;return isArray(e)&&isValidArrayIndex(t)?(e.length=Math.max(e.length,t),e.splice(t,1,n),r&&!r.shallow&&r.mock&&observe(n,!1,!0),n):t in e&&!(t in Object.prototype)?(e[t]=n,n):e._isVue||r&&r.vmCount?n:r?(defineReactive(r.value,t,n,void 0,r.shallow,r.mock),r.dep.notify(),n):(e[t]=n,n)}}function del(e,t){if(isArray(e)&&isValidArrayIndex(t))e.splice(t,1);else{var n=e.__ob__;e._isVue||n&&n.vmCount||isReadonly(e)||hasOwn(e,t)&&(delete e[t],n&&n.dep.notify())}}function dependArray(e){for(var t=void 0,n=0,r=e.length;n<r;n++)(t=e[n])&&t.__ob__&&t.__ob__.dep.depend(),isArray(t)&&dependArray(t)}function reactive(e){return makeReactive(e,!1),e}function shallowReactive(e){return makeReactive(e,!0),def(e,"__v_isShallow",!0),e}function makeReactive(e,t){if(!isReadonly(e)){observe(e,t,isServerRendering());0}}function isReactive(e){return isReadonly(e)?isReactive(e.__v_raw):!(!e||!e.__ob__)}function isShallow(e){return!(!e||!e.__v_isShallow)}function isReadonly(e){return!(!e||!e.__v_isReadonly)}function isProxy(e){return isReactive(e)||isReadonly(e)}function toRaw(e){var t=e&&e.__v_raw;return t?toRaw(t):e}function markRaw(e){return Object.isExtensible(e)&&def(e,"__v_skip",!0),e}function isCollectionType(e){var t=toRawType(e);return"Map"===t||"WeakMap"===t||"Set"===t||"WeakSet"===t}var RefFlag="__v_isRef";function isRef(e){return!(!e||!0!==e.__v_isRef)}function ref$1(e){return createRef(e,!1)}function shallowRef(e){return createRef(e,!0)}function createRef(e,t){if(isRef(e))return e;var n={};return def(n,RefFlag,!0),def(n,"__v_isShallow",t),def(n,"dep",defineReactive(n,"value",e,null,t,isServerRendering())),n}function triggerRef(e){e.dep&&e.dep.notify()}function unref(e){return isRef(e)?e.value:e}function proxyRefs(e){if(isReactive(e))return e;for(var t={},n=Object.keys(e),r=0;r<n.length;r++)proxyWithRefUnwrap(t,e,n[r]);return t}function proxyWithRefUnwrap(e,t,n){Object.defineProperty(e,n,{enumerable:!0,configurable:!0,get:function(){var e=t[n];if(isRef(e))return e.value;var r=e&&e.__ob__;return r&&r.dep.depend(),e},set:function(e){var r=t[n];isRef(r)&&!isRef(e)?r.value=e:t[n]=e}})}function customRef(e){var t=new Dep,n=e(function(){t.depend()},function(){t.notify()}),r=n.get,i=n.set,o={get value(){return r()},set value(e){i(e)}};return def(o,RefFlag,!0),o}function toRefs(e){var t=isArray(e)?new Array(e.length):{};for(var n in e)t[n]=toRef(e,n);return t}function toRef(e,t,n){var r=e[t];if(isRef(r))return r;var i={get value(){var r=e[t];return void 0===r?n:r},set value(n){e[t]=n}};return def(i,RefFlag,!0),i}var rawToReadonlyFlag="__v_rawToReadonly",rawToShallowReadonlyFlag="__v_rawToShallowReadonly";function readonly(e){return createReadonly(e,!1)}function createReadonly(e,t){if(!isPlainObject(e))return e;if(isReadonly(e))return e;var n=t?rawToShallowReadonlyFlag:rawToReadonlyFlag,r=e[n];if(r)return r;var i=Object.create(Object.getPrototypeOf(e));def(e,n,i),def(i,"__v_isReadonly",!0),def(i,"__v_raw",e),isRef(e)&&def(i,RefFlag,!0),(t||isShallow(e))&&def(i,"__v_isShallow",!0);for(var o=Object.keys(e),a=0;a<o.length;a++)defineReadonlyProperty(i,e,o[a],t);return i}function defineReadonlyProperty(e,t,n,r){Object.defineProperty(e,n,{enumerable:!0,configurable:!0,get:function(){var e=t[n];return r||!isPlainObject(e)?e:readonly(e)},set:function(){}})}function shallowReadonly(e){return createReadonly(e,!0)}function computed(e,t){var n,r,i=isFunction(e);i?(n=e,r=noop):(n=e.get,r=e.set);var o=isServerRendering()?null:new Watcher(currentInstance,n,noop,{lazy:!0});var a={effect:o,get value(){return o?(o.dirty&&o.evaluate(),Dep.target&&o.depend(),o.value):n()},set value(e){r(e)}};return def(a,RefFlag,!0),def(a,"__v_isReadonly",i),a}var WATCHER="watcher",WATCHER_CB="".concat(WATCHER," callback"),WATCHER_GETTER="".concat(WATCHER," getter"),WATCHER_CLEANUP="".concat(WATCHER," cleanup");function watchEffect(e,t){return doWatch(e,null,t)}function watchPostEffect(e,t){return doWatch(e,null,{flush:"post"})}function watchSyncEffect(e,t){return doWatch(e,null,{flush:"sync"})}var activeEffectScope,INITIAL_WATCHER_VALUE={};function watch(e,t,n){return doWatch(e,t,n)}function doWatch(e,t,n){var r=void 0===n?emptyObject:n,i=r.immediate,o=r.deep,a=r.flush,s=void 0===a?"pre":a;r.onTrack,r.onTrigger;var c,l,u=currentInstance,f=function(e,t,n){void 0===n&&(n=null);var r=invokeWithErrorHandling(e,null,n,u,t);return o&&r&&r.__ob__&&r.__ob__.dep.depend(),r},d=!1,p=!1;if(isRef(e)?(c=function(){return e.value},d=isShallow(e)):isReactive(e)?(c=function(){return e.__ob__.dep.depend(),e},o=!0):isArray(e)?(p=!0,d=e.some(function(e){return isReactive(e)||isShallow(e)}),c=function(){return e.map(function(e){return isRef(e)?e.value:isReactive(e)?(e.__ob__.dep.depend(),traverse(e)):isFunction(e)?f(e,WATCHER_GETTER):void 0})}):c=isFunction(e)?t?function(){return f(e,WATCHER_GETTER)}:function(){if(!u||!u._isDestroyed)return l&&l(),f(e,WATCHER,[h])}:noop,t&&o){var v=c;c=function(){return traverse(v())}}var h=function(e){l=m.onStop=function(){f(e,WATCHER_CLEANUP)}};if(isServerRendering())return h=noop,t?i&&f(t,WATCHER_CB,[c(),p?[]:void 0,h]):c(),noop;var m=new Watcher(currentInstance,c,noop,{lazy:!0});m.noRecurse=!t;var y=p?[]:INITIAL_WATCHER_VALUE;return m.run=function(){if(m.active)if(t){var e=m.get();(o||d||(p?e.some(function(e,t){return hasChanged(e,y[t])}):hasChanged(e,y)))&&(l&&l(),f(t,WATCHER_CB,[e,y===INITIAL_WATCHER_VALUE?void 0:y,h]),y=e)}else m.get()},"sync"===s?m.update=m.run:"post"===s?(m.post=!0,m.update=function(){return queueWatcher(m)}):m.update=function(){if(u&&u===currentInstance&&!u._isMounted){var e=u._preWatchers||(u._preWatchers=[]);e.indexOf(m)<0&&e.push(m)}else queueWatcher(m)},t?i?m.run():y=m.get():"post"===s&&u?u.$once("hook:mounted",function(){return m.get()}):m.get(),function(){m.teardown()}}var EffectScope=function(){function e(e){void 0===e&&(e=!1),this.detached=e,this.active=!0,this.effects=[],this.cleanups=[],this.parent=activeEffectScope,!e&&activeEffectScope&&(this.index=(activeEffectScope.scopes||(activeEffectScope.scopes=[])).push(this)-1)}return e.prototype.run=function(e){if(this.active){var t=activeEffectScope;try{return activeEffectScope=this,e()}finally{activeEffectScope=t}}else 0},e.prototype.on=function(){activeEffectScope=this},e.prototype.off=function(){activeEffectScope=this.parent},e.prototype.stop=function(e){if(this.active){var t=void 0,n=void 0;for(t=0,n=this.effects.length;t<n;t++)this.effects[t].teardown();for(t=0,n=this.cleanups.length;t<n;t++)this.cleanups[t]();if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].stop(!0);if(!this.detached&&this.parent&&!e){var r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this.active=!1}},e}();function effectScope(e){return new EffectScope(e)}function recordEffectScope(e,t){void 0===t&&(t=activeEffectScope),t&&t.active&&t.effects.push(e)}function getCurrentScope(){return activeEffectScope}function onScopeDispose(e){activeEffectScope&&activeEffectScope.cleanups.push(e)}function provide(e,t){currentInstance&&(resolveProvided(currentInstance)[e]=t)}function resolveProvided(e){var t=e._provided,n=e.$parent&&e.$parent._provided;return n===t?e._provided=Object.create(n):t}function inject(e,t,n){void 0===n&&(n=!1);var r=currentInstance;if(r){var i=r.$parent&&r.$parent._provided;if(i&&e in i)return i[e];if(arguments.length>1)return n&&isFunction(t)?t.call(r):t}else 0}var normalizeEvent=cached(function(e){var t="&"===e.charAt(0),n="~"===(e=t?e.slice(1):e).charAt(0),r="!"===(e=n?e.slice(1):e).charAt(0);return{name:e=r?e.slice(1):e,once:n,capture:r,passive:t}});function createFnInvoker(e,t){function n(){var e=n.fns;if(!isArray(e))return invokeWithErrorHandling(e,null,arguments,t,"v-on handler");for(var r=e.slice(),i=0;i<r.length;i++)invokeWithErrorHandling(r[i],null,arguments,t,"v-on handler")}return n.fns=e,n}function updateListeners(e,t,n,r,i,o){var a,s,c,l;for(a in e)s=e[a],c=t[a],l=normalizeEvent(a),isUndef(s)||(isUndef(c)?(isUndef(s.fns)&&(s=e[a]=createFnInvoker(s,o)),isTrue(l.once)&&(s=e[a]=i(l.name,s,l.capture)),n(l.name,s,l.capture,l.passive,l.params)):s!==c&&(c.fns=s,e[a]=c));for(a in t)isUndef(e[a])&&r((l=normalizeEvent(a)).name,t[a],l.capture)}function mergeVNodeHook(e,t,n){var r;e instanceof VNode&&(e=e.data.hook||(e.data.hook={}));var i=e[t];function o(){n.apply(this,arguments),remove$2(r.fns,o)}isUndef(i)?r=createFnInvoker([o]):isDef(i.fns)&&isTrue(i.merged)?(r=i).fns.push(o):r=createFnInvoker([i,o]),r.merged=!0,e[t]=r}function extractPropsFromVNodeData(e,t,n){var r=t.options.props;if(!isUndef(r)){var i={},o=e.attrs,a=e.props;if(isDef(o)||isDef(a))for(var s in r){var c=hyphenate(s);checkProp(i,a,s,c,!0)||checkProp(i,o,s,c,!1)}return i}}function checkProp(e,t,n,r,i){if(isDef(t)){if(hasOwn(t,n))return e[n]=t[n],i||delete t[n],!0;if(hasOwn(t,r))return e[n]=t[r],i||delete t[r],!0}return!1}function simpleNormalizeChildren(e){for(var t=0;t<e.length;t++)if(isArray(e[t]))return Array.prototype.concat.apply([],e);return e}function normalizeChildren(e){return isPrimitive(e)?[createTextVNode(e)]:isArray(e)?normalizeArrayChildren(e):void 0}function isTextNode(e){return isDef(e)&&isDef(e.text)&&isFalse(e.isComment)}function normalizeArrayChildren(e,t){var n,r,i,o,a=[];for(n=0;n<e.length;n++)isUndef(r=e[n])||"boolean"==typeof r||(o=a[i=a.length-1],isArray(r)?r.length>0&&(isTextNode((r=normalizeArrayChildren(r,"".concat(t||"","_").concat(n)))[0])&&isTextNode(o)&&(a[i]=createTextVNode(o.text+r[0].text),r.shift()),a.push.apply(a,r)):isPrimitive(r)?isTextNode(o)?a[i]=createTextVNode(o.text+r):""!==r&&a.push(createTextVNode(r)):isTextNode(r)&&isTextNode(o)?a[i]=createTextVNode(o.text+r.text):(isTrue(e._isVList)&&isDef(r.tag)&&isUndef(r.key)&&isDef(t)&&(r.key="__vlist".concat(t,"_").concat(n,"__")),a.push(r)));return a}function renderList(e,t){var n,r,i,o,a=null;if(isArray(e)||"string"==typeof e)for(a=new Array(e.length),n=0,r=e.length;n<r;n++)a[n]=t(e[n],n);else if("number"==typeof e)for(a=new Array(e),n=0;n<e;n++)a[n]=t(n+1,n);else if(isObject(e))if(hasSymbol&&e[Symbol.iterator]){a=[];for(var s=e[Symbol.iterator](),c=s.next();!c.done;)a.push(t(c.value,a.length)),c=s.next()}else for(i=Object.keys(e),a=new Array(i.length),n=0,r=i.length;n<r;n++)o=i[n],a[n]=t(e[o],o,n);return isDef(a)||(a=[]),a._isVList=!0,a}function renderSlot(e,t,n,r){var i,o=this.$scopedSlots[e];o?(n=n||{},r&&(n=extend(extend({},r),n)),i=o(n)||(isFunction(t)?t():t)):i=this.$slots[e]||(isFunction(t)?t():t);var a=n&&n.slot;return a?this.$createElement("template",{slot:a},i):i}function resolveFilter(e){return resolveAsset(this.$options,"filters",e,!0)||identity}function isKeyNotMatch(e,t){return isArray(e)?-1===e.indexOf(t):e!==t}function checkKeyCodes(e,t,n,r,i){var o=config.keyCodes[t]||n;return i&&r&&!config.keyCodes[t]?isKeyNotMatch(i,r):o?isKeyNotMatch(o,e):r?hyphenate(r)!==t:void 0===e}function bindObjectProps(e,t,n,r,i){if(n)if(isObject(n)){isArray(n)&&(n=toObject(n));var o=void 0,a=function(a){if("class"===a||"style"===a||isReservedAttribute(a))o=e;else{var s=e.attrs&&e.attrs.type;o=r||config.mustUseProp(t,s,a)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={})}var c=camelize(a),l=hyphenate(a);c in o||l in o||(o[a]=n[a],i&&((e.on||(e.on={}))["update:".concat(a)]=function(e){n[a]=e}))};for(var s in n)a(s)}else;return e}function renderStatic(e,t){var n=this._staticTrees||(this._staticTrees=[]),r=n[e];return r&&!t||markStatic(r=n[e]=this.$options.staticRenderFns[e].call(this._renderProxy,this._c,this),"__static__".concat(e),!1),r}function markOnce(e,t,n){return markStatic(e,"__once__".concat(t).concat(n?"_".concat(n):""),!0),e}function markStatic(e,t,n){if(isArray(e))for(var r=0;r<e.length;r++)e[r]&&"string"!=typeof e[r]&&markStaticNode(e[r],"".concat(t,"_").concat(r),n);else markStaticNode(e,t,n)}function markStaticNode(e,t,n){e.isStatic=!0,e.key=t,e.isOnce=n}function bindObjectListeners(e,t){if(t)if(isPlainObject(t)){var n=e.on=e.on?extend({},e.on):{};for(var r in t){var i=n[r],o=t[r];n[r]=i?[].concat(i,o):o}}else;return e}function resolveScopedSlots(e,t,n,r){t=t||{$stable:!n};for(var i=0;i<e.length;i++){var o=e[i];isArray(o)?resolveScopedSlots(o,t,n):o&&(o.proxy&&(o.fn.proxy=!0),t[o.key]=o.fn)}return r&&(t.$key=r),t}function bindDynamicKeys(e,t){for(var n=0;n<t.length;n+=2){var r=t[n];"string"==typeof r&&r&&(e[t[n]]=t[n+1])}return e}function prependModifier(e,t){return"string"==typeof e?t+e:e}function installRenderHelpers(e){e._o=markOnce,e._n=toNumber,e._s=toString,e._l=renderList,e._t=renderSlot,e._q=looseEqual,e._i=looseIndexOf,e._m=renderStatic,e._f=resolveFilter,e._k=checkKeyCodes,e._b=bindObjectProps,e._v=createTextVNode,e._e=createEmptyVNode,e._u=resolveScopedSlots,e._g=bindObjectListeners,e._d=bindDynamicKeys,e._p=prependModifier}function resolveSlots(e,t){if(!e||!e.length)return{};for(var n={},r=0,i=e.length;r<i;r++){var o=e[r],a=o.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,o.context!==t&&o.fnContext!==t||!a||null==a.slot)(n.default||(n.default=[])).push(o);else{var s=a.slot,c=n[s]||(n[s]=[]);"template"===o.tag?c.push.apply(c,o.children||[]):c.push(o)}}for(var l in n)n[l].every(isWhitespace)&&delete n[l];return n}function isWhitespace(e){return e.isComment&&!e.asyncFactory||" "===e.text}function isAsyncPlaceholder(e){return e.isComment&&e.asyncFactory}function normalizeScopedSlots(e,t,n,r){var i,o=Object.keys(n).length>0,a=t?!!t.$stable:!o,s=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(a&&r&&r!==emptyObject&&s===r.$key&&!o&&!r.$hasNormal)return r;for(var c in i={},t)t[c]&&"$"!==c[0]&&(i[c]=normalizeScopedSlot(e,n,c,t[c]))}else i={};for(var l in n)l in i||(i[l]=proxyNormalSlot(n,l));return t&&Object.isExtensible(t)&&(t._normalized=i),def(i,"$stable",a),def(i,"$key",s),def(i,"$hasNormal",o),i}function normalizeScopedSlot(e,t,n,r){var i=function(){var t=currentInstance;setCurrentInstance(e);var n=arguments.length?r.apply(null,arguments):r({}),i=(n=n&&"object"==typeof n&&!isArray(n)?[n]:normalizeChildren(n))&&n[0];return setCurrentInstance(t),n&&(!i||1===n.length&&i.isComment&&!isAsyncPlaceholder(i))?void 0:n};return r.proxy&&Object.defineProperty(t,n,{get:i,enumerable:!0,configurable:!0}),i}function proxyNormalSlot(e,t){return function(){return e[t]}}function initSetup(e){var t=e.$options,n=t.setup;if(n){var r=e._setupContext=createSetupContext(e);setCurrentInstance(e),pushTarget();var i=invokeWithErrorHandling(n,null,[e._props||shallowReactive({}),r],e,"setup");if(popTarget(),setCurrentInstance(),isFunction(i))t.render=i;else if(isObject(i))if(e._setupState=i,i.__sfc){var o=e._setupProxy={};for(var a in i)"__sfc"!==a&&proxyWithRefUnwrap(o,i,a)}else for(var a in i)isReserved(a)||proxyWithRefUnwrap(e,i,a);else 0}}function createSetupContext(e){return{get attrs(){if(!e._attrsProxy){var t=e._attrsProxy={};def(t,"_v_attr_proxy",!0),syncSetupProxy(t,e.$attrs,emptyObject,e,"$attrs")}return e._attrsProxy},get listeners(){e._listenersProxy||syncSetupProxy(e._listenersProxy={},e.$listeners,emptyObject,e,"$listeners");return e._listenersProxy},get slots(){return initSlotsProxy(e)},emit:bind(e.$emit,e),expose:function(t){t&&Object.keys(t).forEach(function(n){return proxyWithRefUnwrap(e,t,n)})}}}function syncSetupProxy(e,t,n,r,i){var o=!1;for(var a in t)a in e?t[a]!==n[a]&&(o=!0):(o=!0,defineProxyAttr(e,a,r,i));for(var a in e)a in t||(o=!0,delete e[a]);return o}function defineProxyAttr(e,t,n,r){Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){return n[r][t]}})}function initSlotsProxy(e){return e._slotsProxy||syncSetupSlots(e._slotsProxy={},e.$scopedSlots),e._slotsProxy}function syncSetupSlots(e,t){for(var n in t)e[n]=t[n];for(var n in e)n in t||delete e[n]}function useSlots(){return getContext().slots}function useAttrs(){return getContext().attrs}function useListeners(){return getContext().listeners}function getContext(){var e=currentInstance;return e._setupContext||(e._setupContext=createSetupContext(e))}function mergeDefaults(e,t){var n=isArray(e)?e.reduce(function(e,t){return e[t]={},e},{}):e;for(var r in t){var i=n[r];i?isArray(i)||isFunction(i)?n[r]={type:i,default:t[r]}:i.default=t[r]:null===i&&(n[r]={default:t[r]})}return n}function initRender(e){e._vnode=null,e._staticTrees=null;var t=e.$options,n=e.$vnode=t._parentVnode,r=n&&n.context;e.$slots=resolveSlots(t._renderChildren,r),e.$scopedSlots=n?normalizeScopedSlots(e.$parent,n.data.scopedSlots,e.$slots):emptyObject,e._c=function(t,n,r,i){return createElement$1(e,t,n,r,i,!1)},e.$createElement=function(t,n,r,i){return createElement$1(e,t,n,r,i,!0)};var i=n&&n.data;defineReactive(e,"$attrs",i&&i.attrs||emptyObject,null,!0),defineReactive(e,"$listeners",t._parentListeners||emptyObject,null,!0)}var currentRenderingInstance=null;function renderMixin(e){installRenderHelpers(e.prototype),e.prototype.$nextTick=function(e){return nextTick(e,this)},e.prototype._render=function(){var e=this,t=e.$options,n=t.render,r=t._parentVnode;r&&e._isMounted&&(e.$scopedSlots=normalizeScopedSlots(e.$parent,r.data.scopedSlots,e.$slots,e.$scopedSlots),e._slotsProxy&&syncSetupSlots(e._slotsProxy,e.$scopedSlots)),e.$vnode=r;var i,o=currentInstance,a=currentRenderingInstance;try{setCurrentInstance(e),currentRenderingInstance=e,i=n.call(e._renderProxy,e.$createElement)}catch(t){handleError(t,e,"render"),i=e._vnode}finally{currentRenderingInstance=a,setCurrentInstance(o)}return isArray(i)&&1===i.length&&(i=i[0]),i instanceof VNode||(i=createEmptyVNode()),i.parent=r,i}}function ensureCtor(e,t){return(e.__esModule||hasSymbol&&"Module"===e[Symbol.toStringTag])&&(e=e.default),isObject(e)?t.extend(e):e}function createAsyncPlaceholder(e,t,n,r,i){var o=createEmptyVNode();return o.asyncFactory=e,o.asyncMeta={data:t,context:n,children:r,tag:i},o}function resolveAsyncComponent(e,t){if(isTrue(e.error)&&isDef(e.errorComp))return e.errorComp;if(isDef(e.resolved))return e.resolved;var n=currentRenderingInstance;if(n&&isDef(e.owners)&&-1===e.owners.indexOf(n)&&e.owners.push(n),isTrue(e.loading)&&isDef(e.loadingComp))return e.loadingComp;if(n&&!isDef(e.owners)){var r=e.owners=[n],i=!0,o=null,a=null;n.$on("hook:destroyed",function(){return remove$2(r,n)});var s=function(e){for(var t=0,n=r.length;t<n;t++)r[t].$forceUpdate();e&&(r.length=0,null!==o&&(clearTimeout(o),o=null),null!==a&&(clearTimeout(a),a=null))},c=once(function(n){e.resolved=ensureCtor(n,t),i?r.length=0:s(!0)}),l=once(function(t){isDef(e.errorComp)&&(e.error=!0,s(!0))}),u=e(c,l);return isObject(u)&&(isPromise(u)?isUndef(e.resolved)&&u.then(c,l):isPromise(u.component)&&(u.component.then(c,l),isDef(u.error)&&(e.errorComp=ensureCtor(u.error,t)),isDef(u.loading)&&(e.loadingComp=ensureCtor(u.loading,t),0===u.delay?e.loading=!0:o=setTimeout(function(){o=null,isUndef(e.resolved)&&isUndef(e.error)&&(e.loading=!0,s(!1))},u.delay||200)),isDef(u.timeout)&&(a=setTimeout(function(){a=null,isUndef(e.resolved)&&l(null)},u.timeout)))),i=!1,e.loading?e.loadingComp:e.resolved}}function getFirstComponentChild(e){if(isArray(e))for(var t=0;t<e.length;t++){var n=e[t];if(isDef(n)&&(isDef(n.componentOptions)||isAsyncPlaceholder(n)))return n}}var SIMPLE_NORMALIZE=1,ALWAYS_NORMALIZE=2;function createElement$1(e,t,n,r,i,o){return(isArray(n)||isPrimitive(n))&&(i=r,r=n,n=void 0),isTrue(o)&&(i=ALWAYS_NORMALIZE),_createElement(e,t,n,r,i)}function _createElement(e,t,n,r,i){if(isDef(n)&&isDef(n.__ob__))return createEmptyVNode();if(isDef(n)&&isDef(n.is)&&(t=n.is),!t)return createEmptyVNode();var o,a;if(isArray(r)&&isFunction(r[0])&&((n=n||{}).scopedSlots={default:r[0]},r.length=0),i===ALWAYS_NORMALIZE?r=normalizeChildren(r):i===SIMPLE_NORMALIZE&&(r=simpleNormalizeChildren(r)),"string"==typeof t){var s=void 0;a=e.$vnode&&e.$vnode.ns||config.getTagNamespace(t),o=config.isReservedTag(t)?new VNode(config.parsePlatformTagName(t),n,r,void 0,void 0,e):n&&n.pre||!isDef(s=resolveAsset(e.$options,"components",t))?new VNode(t,n,r,void 0,void 0,e):createComponent(s,n,e,r,t)}else o=createComponent(t,n,e,r);return isArray(o)?o:isDef(o)?(isDef(a)&&applyNS(o,a),isDef(n)&&registerDeepBindings(n),o):createEmptyVNode()}function applyNS(e,t,n){if(e.ns=t,"foreignObject"===e.tag&&(t=void 0,n=!0),isDef(e.children))for(var r=0,i=e.children.length;r<i;r++){var o=e.children[r];isDef(o.tag)&&(isUndef(o.ns)||isTrue(n)&&"svg"!==o.tag)&&applyNS(o,t,n)}}function registerDeepBindings(e){isObject(e.style)&&traverse(e.style),isObject(e.class)&&traverse(e.class)}function h(e,t,n){return createElement$1(currentInstance,e,t,n,2,!0)}function handleError(e,t,n){pushTarget();try{if(t)for(var r=t;r=r.$parent;){var i=r.$options.errorCaptured;if(i)for(var o=0;o<i.length;o++)try{if(!1===i[o].call(r,e,t,n))return}catch(e){globalHandleError(e,r,"errorCaptured hook")}}globalHandleError(e,t,n)}finally{popTarget()}}function invokeWithErrorHandling(e,t,n,r,i){var o;try{(o=n?e.apply(t,n):e.call(t))&&!o._isVue&&isPromise(o)&&!o._handled&&(o.catch(function(e){return handleError(e,r,i+" (Promise/async)")}),o._handled=!0)}catch(e){handleError(e,r,i)}return o}function globalHandleError(e,t,n){if(config.errorHandler)try{return config.errorHandler.call(null,e,t,n)}catch(t){t!==e&&logError(t,null,"config.errorHandler")}logError(e,t,n)}function logError(e,t,n){if(!inBrowser||"undefined"==typeof console)throw e;console.error(e)}var timerFunc,isUsingMicroTask=!1,callbacks=[],pending=!1;function flushCallbacks(){pending=!1;var e=callbacks.slice(0);callbacks.length=0;for(var t=0;t<e.length;t++)e[t]()}if("undefined"!=typeof Promise&&isNative(Promise)){var p_1=Promise.resolve();timerFunc=function(){p_1.then(flushCallbacks),isIOS&&setTimeout(noop)},isUsingMicroTask=!0}else if(isIE||"undefined"==typeof MutationObserver||!isNative(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())timerFunc="undefined"!=typeof setImmediate&&isNative(setImmediate)?function(){setImmediate(flushCallbacks)}:function(){setTimeout(flushCallbacks,0)};else{var counter_1=1,observer=new MutationObserver(flushCallbacks),textNode_1=document.createTextNode(String(counter_1));observer.observe(textNode_1,{characterData:!0}),timerFunc=function(){counter_1=(counter_1+1)%2,textNode_1.data=String(counter_1)},isUsingMicroTask=!0}function nextTick(e,t){var n;if(callbacks.push(function(){if(e)try{e.call(t)}catch(e){handleError(e,t,"nextTick")}else n&&n(t)}),pending||(pending=!0,timerFunc()),!e&&"undefined"!=typeof Promise)return new Promise(function(e){n=e})}function useCssModule(e){if(void 0===e&&(e="$style"),!currentInstance)return emptyObject;var t=currentInstance[e];return t||emptyObject}function useCssVars(e){if(inBrowser){var t=currentInstance;t&&watchPostEffect(function(){var n=t.$el,r=e(t,t._setupProxy);if(n&&1===n.nodeType){var i=n.style;for(var o in r)i.setProperty("--".concat(o),r[o])}})}}function defineAsyncComponent(e){isFunction(e)&&(e={loader:e});var t=e.loader,n=e.loadingComponent,r=e.errorComponent,i=e.delay,o=void 0===i?200:i,a=e.timeout,s=(e.suspensible,e.onError);var c=null,l=0,u=function(){var e;return c||(e=c=t().catch(function(e){if(e=e instanceof Error?e:new Error(String(e)),s)return new Promise(function(t,n){s(e,function(){return t((l++,c=null,u()))},function(){return n(e)},l+1)});throw e}).then(function(t){return e!==c&&c?c:(t&&(t.__esModule||"Module"===t[Symbol.toStringTag])&&(t=t.default),t)}))};return function(){return{component:u(),delay:o,timeout:a,error:r,loading:n}}}function createLifeCycle(e){return function(t,n){if(void 0===n&&(n=currentInstance),n)return injectHook(n,e,t)}}function formatName(e){return"beforeDestroy"===e?e="beforeUnmount":"destroyed"===e&&(e="unmounted"),"on".concat(e[0].toUpperCase()+e.slice(1))}function injectHook(e,t,n){var r=e.$options;r[t]=mergeLifecycleHook(r[t],n)}var onBeforeMount=createLifeCycle("beforeMount"),onMounted=createLifeCycle("mounted"),onBeforeUpdate=createLifeCycle("beforeUpdate"),onUpdated=createLifeCycle("updated"),onBeforeUnmount=createLifeCycle("beforeDestroy"),onUnmounted=createLifeCycle("destroyed"),onActivated=createLifeCycle("activated"),onDeactivated=createLifeCycle("deactivated"),onServerPrefetch=createLifeCycle("serverPrefetch"),onRenderTracked=createLifeCycle("renderTracked"),onRenderTriggered=createLifeCycle("renderTriggered"),injectErrorCapturedHook=createLifeCycle("errorCaptured");function onErrorCaptured(e,t){void 0===t&&(t=currentInstance),injectErrorCapturedHook(e,t)}var version="2.7.16";function defineComponent(e){return e}var seenObjects=new _Set;function traverse(e){return _traverse(e,seenObjects),seenObjects.clear(),e}function _traverse(e,t){var n,r,i=isArray(e);if(!(!i&&!isObject(e)||e.__v_skip||Object.isFrozen(e)||e instanceof VNode)){if(e.__ob__){var o=e.__ob__.dep.id;if(t.has(o))return;t.add(o)}if(i)for(n=e.length;n--;)_traverse(e[n],t);else if(isRef(e))_traverse(e.value,t);else for(n=(r=Object.keys(e)).length;n--;)_traverse(e[r[n]],t)}}var mark,measure,perf_1,target$1,uid$1=0,Watcher=function(){function e(e,t,n,r,i){recordEffectScope(this,activeEffectScope&&!activeEffectScope._vm?activeEffectScope:e?e._scope:void 0),(this.vm=e)&&i&&(e._watcher=this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync,this.before=r.before):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++uid$1,this.active=!0,this.post=!1,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new _Set,this.newDepIds=new _Set,this.expression="",isFunction(t)?this.getter=t:(this.getter=parsePath(t),this.getter||(this.getter=noop)),this.value=this.lazy?void 0:this.get()}return e.prototype.get=function(){var e;pushTarget(this);var t=this.vm;try{e=this.getter.call(t,t)}catch(e){if(!this.user)throw e;handleError(e,t,'getter for watcher "'.concat(this.expression,'"'))}finally{this.deep&&traverse(e),popTarget(),this.cleanupDeps()}return e},e.prototype.addDep=function(e){var t=e.id;this.newDepIds.has(t)||(this.newDepIds.add(t),this.newDeps.push(e),this.depIds.has(t)||e.addSub(this))},e.prototype.cleanupDeps=function(){for(var e=this.deps.length;e--;){var t=this.deps[e];this.newDepIds.has(t.id)||t.removeSub(this)}var n=this.depIds;this.depIds=this.newDepIds,this.newDepIds=n,this.newDepIds.clear(),n=this.deps,this.deps=this.newDeps,this.newDeps=n,this.newDeps.length=0},e.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():queueWatcher(this)},e.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||isObject(e)||this.deep){var t=this.value;if(this.value=e,this.user){var n='callback for watcher "'.concat(this.expression,'"');invokeWithErrorHandling(this.cb,this.vm,[e,t],this.vm,n)}else this.cb.call(this.vm,e,t)}}},e.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},e.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},e.prototype.teardown=function(){if(this.vm&&!this.vm._isBeingDestroyed&&remove$2(this.vm._scope.effects,this),this.active){for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1,this.onStop&&this.onStop()}},e}();function initEvents(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&updateComponentListeners(e,t)}function add$1(e,t){target$1.$on(e,t)}function remove$1(e,t){target$1.$off(e,t)}function createOnceHandler$1(e,t){var n=target$1;return function r(){null!==t.apply(null,arguments)&&n.$off(e,r)}}function updateComponentListeners(e,t,n){target$1=e,updateListeners(t,n||{},add$1,remove$1,createOnceHandler$1,e),target$1=void 0}function eventsMixin(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;if(isArray(e))for(var i=0,o=e.length;i<o;i++)r.$on(e[i],n);else(r._events[e]||(r._events[e]=[])).push(n),t.test(e)&&(r._hasHookEvent=!0);return r},e.prototype.$once=function(e,t){var n=this;function r(){n.$off(e,r),t.apply(n,arguments)}return r.fn=t,n.$on(e,r),n},e.prototype.$off=function(e,t){var n=this;if(!arguments.length)return n._events=Object.create(null),n;if(isArray(e)){for(var r=0,i=e.length;r<i;r++)n.$off(e[r],t);return n}var o,a=n._events[e];if(!a)return n;if(!t)return n._events[e]=null,n;for(var s=a.length;s--;)if((o=a[s])===t||o.fn===t){a.splice(s,1);break}return n},e.prototype.$emit=function(e){var t=this,n=t._events[e];if(n){n=n.length>1?toArray(n):n;for(var r=toArray(arguments,1),i='event handler for "'.concat(e,'"'),o=0,a=n.length;o<a;o++)invokeWithErrorHandling(n[o],t,r,t,i)}return t}}var activeInstance=null,isUpdatingChildComponent=!1;function setActiveInstance(e){var t=activeInstance;return activeInstance=e,function(){activeInstance=t}}function initLifecycle(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._provided=n?n._provided:Object.create(null),e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}function lifecycleMixin(e){e.prototype._update=function(e,t){var n=this,r=n.$el,i=n._vnode,o=setActiveInstance(n);n._vnode=e,n.$el=i?n.__patch__(i,e):n.__patch__(n.$el,e,t,!1),o(),r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n);for(var a=n;a&&a.$vnode&&a.$parent&&a.$vnode===a.$parent._vnode;)a.$parent.$el=a.$el,a=a.$parent},e.prototype.$forceUpdate=function(){this._watcher&&this._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){callHook$1(e,"beforeDestroy"),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options.abstract||remove$2(t.$children,e),e._scope.stop(),e._data.__ob__&&e._data.__ob__.vmCount--,e._isDestroyed=!0,e.__patch__(e._vnode,null),callHook$1(e,"destroyed"),e.$off(),e.$el&&(e.$el.__vue__=null),e.$vnode&&(e.$vnode.parent=null)}}}function mountComponent(e,t,n){var r;e.$el=t,e.$options.render||(e.$options.render=createEmptyVNode),callHook$1(e,"beforeMount"),r=function(){e._update(e._render(),n)};var i={before:function(){e._isMounted&&!e._isDestroyed&&callHook$1(e,"beforeUpdate")}};new Watcher(e,r,noop,i,!0),n=!1;var o=e._preWatchers;if(o)for(var a=0;a<o.length;a++)o[a].run();return null==e.$vnode&&(e._isMounted=!0,callHook$1(e,"mounted")),e}function updateChildComponent(e,t,n,r,i){var o=r.data.scopedSlots,a=e.$scopedSlots,s=!!(o&&!o.$stable||a!==emptyObject&&!a.$stable||o&&e.$scopedSlots.$key!==o.$key||!o&&e.$scopedSlots.$key),c=!!(i||e.$options._renderChildren||s),l=e.$vnode;e.$options._parentVnode=r,e.$vnode=r,e._vnode&&(e._vnode.parent=r),e.$options._renderChildren=i;var u=r.data.attrs||emptyObject;e._attrsProxy&&syncSetupProxy(e._attrsProxy,u,l.data&&l.data.attrs||emptyObject,e,"$attrs")&&(c=!0),e.$attrs=u,n=n||emptyObject;var f=e.$options._parentListeners;if(e._listenersProxy&&syncSetupProxy(e._listenersProxy,n,f||emptyObject,e,"$listeners"),e.$listeners=e.$options._parentListeners=n,updateComponentListeners(e,n,f),t&&e.$options.props){toggleObserving(!1);for(var d=e._props,p=e.$options._propKeys||[],v=0;v<p.length;v++){var h=p[v],m=e.$options.props;d[h]=validateProp(h,m,t,e)}toggleObserving(!0),e.$options.propsData=t}c&&(e.$slots=resolveSlots(i,r.context),e.$forceUpdate())}function isInInactiveTree(e){for(;e&&(e=e.$parent);)if(e._inactive)return!0;return!1}function activateChildComponent(e,t){if(t){if(e._directInactive=!1,isInInactiveTree(e))return}else if(e._directInactive)return;if(e._inactive||null===e._inactive){e._inactive=!1;for(var n=0;n<e.$children.length;n++)activateChildComponent(e.$children[n]);callHook$1(e,"activated")}}function deactivateChildComponent(e,t){if(!(t&&(e._directInactive=!0,isInInactiveTree(e))||e._inactive)){e._inactive=!0;for(var n=0;n<e.$children.length;n++)deactivateChildComponent(e.$children[n]);callHook$1(e,"deactivated")}}function callHook$1(e,t,n,r){void 0===r&&(r=!0),pushTarget();var i=currentInstance,o=getCurrentScope();r&&setCurrentInstance(e);var a=e.$options[t],s="".concat(t," hook");if(a)for(var c=0,l=a.length;c<l;c++)invokeWithErrorHandling(a[c],e,n||null,e,s);e._hasHookEvent&&e.$emit("hook:"+t),r&&(setCurrentInstance(i),o&&o.on()),popTarget()}var MAX_UPDATE_COUNT=100,queue=[],activatedChildren=[],has={},circular={},waiting=!1,flushing=!1,index=0;function resetSchedulerState(){index=queue.length=activatedChildren.length=0,has={},waiting=flushing=!1}var currentFlushTimestamp=0,getNow=Date.now;if(inBrowser&&!isIE){var performance_1=window.performance;performance_1&&"function"==typeof performance_1.now&&getNow()>document.createEvent("Event").timeStamp&&(getNow=function(){return performance_1.now()})}var sortCompareFn=function(e,t){if(e.post){if(!t.post)return 1}else if(t.post)return-1;return e.id-t.id};function flushSchedulerQueue(){var e,t;for(currentFlushTimestamp=getNow(),flushing=!0,queue.sort(sortCompareFn),index=0;index<queue.length;index++)(e=queue[index]).before&&e.before(),t=e.id,has[t]=null,e.run();var n=activatedChildren.slice(),r=queue.slice();resetSchedulerState(),callActivatedHooks(n),callUpdatedHooks(r),cleanupDeps(),devtools&&config.devtools&&devtools.emit("flush")}function callUpdatedHooks(e){for(var t=e.length;t--;){var n=e[t],r=n.vm;r&&r._watcher===n&&r._isMounted&&!r._isDestroyed&&callHook$1(r,"updated")}}function queueActivatedComponent(e){e._inactive=!1,activatedChildren.push(e)}function callActivatedHooks(e){for(var t=0;t<e.length;t++)e[t]._inactive=!0,activateChildComponent(e[t],!0)}function queueWatcher(e){var t=e.id;if(null==has[t]&&(e!==Dep.target||!e.noRecurse)){if(has[t]=!0,flushing){for(var n=queue.length-1;n>index&&queue[n].id>e.id;)n--;queue.splice(n+1,0,e)}else queue.push(e);waiting||(waiting=!0,nextTick(flushSchedulerQueue))}}function initProvide(e){var t=e.$options.provide;if(t){var n=isFunction(t)?t.call(e):t;if(!isObject(n))return;for(var r=resolveProvided(e),i=hasSymbol?Reflect.ownKeys(n):Object.keys(n),o=0;o<i.length;o++){var a=i[o];Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))}}}function initInjections(e){var t=resolveInject(e.$options.inject,e);t&&(toggleObserving(!1),Object.keys(t).forEach(function(n){defineReactive(e,n,t[n])}),toggleObserving(!0))}function resolveInject(e,t){if(e){for(var n=Object.create(null),r=hasSymbol?Reflect.ownKeys(e):Object.keys(e),i=0;i<r.length;i++){var o=r[i];if("__ob__"!==o){var a=e[o].from;if(a in t._provided)n[o]=t._provided[a];else if("default"in e[o]){var s=e[o].default;n[o]=isFunction(s)?s.call(t):s}else 0}}return n}}function FunctionalRenderContext(e,t,n,r,i){var o,a=this,s=i.options;hasOwn(r,"_uid")?(o=Object.create(r))._original=r:(o=r,r=r._original);var c=isTrue(s._compiled),l=!c;this.data=e,this.props=t,this.children=n,this.parent=r,this.listeners=e.on||emptyObject,this.injections=resolveInject(s.inject,r),this.slots=function(){return a.$slots||normalizeScopedSlots(r,e.scopedSlots,a.$slots=resolveSlots(n,r)),a.$slots},Object.defineProperty(this,"scopedSlots",{enumerable:!0,get:function(){return normalizeScopedSlots(r,e.scopedSlots,this.slots())}}),c&&(this.$options=s,this.$slots=this.slots(),this.$scopedSlots=normalizeScopedSlots(r,e.scopedSlots,this.$slots)),s._scopeId?this._c=function(e,t,n,i){var a=createElement$1(o,e,t,n,i,l);return a&&!isArray(a)&&(a.fnScopeId=s._scopeId,a.fnContext=r),a}:this._c=function(e,t,n,r){return createElement$1(o,e,t,n,r,l)}}function createFunctionalComponent(e,t,n,r,i){var o=e.options,a={},s=o.props;if(isDef(s))for(var c in s)a[c]=validateProp(c,s,t||emptyObject);else isDef(n.attrs)&&mergeProps(a,n.attrs),isDef(n.props)&&mergeProps(a,n.props);var l=new FunctionalRenderContext(n,a,i,r,e),u=o.render.call(null,l._c,l);if(u instanceof VNode)return cloneAndMarkFunctionalResult(u,n,l.parent,o,l);if(isArray(u)){for(var f=normalizeChildren(u)||[],d=new Array(f.length),p=0;p<f.length;p++)d[p]=cloneAndMarkFunctionalResult(f[p],n,l.parent,o,l);return d}}function cloneAndMarkFunctionalResult(e,t,n,r,i){var o=cloneVNode(e);return o.fnContext=n,o.fnOptions=r,t.slot&&((o.data||(o.data={})).slot=t.slot),o}function mergeProps(e,t){for(var n in t)e[camelize(n)]=t[n]}function getComponentName(e){return e.name||e.__name||e._componentTag}installRenderHelpers(FunctionalRenderContext.prototype);var componentVNodeHooks={init:function(e,t){if(e.componentInstance&&!e.componentInstance._isDestroyed&&e.data.keepAlive){var n=e;componentVNodeHooks.prepatch(n,n)}else{(e.componentInstance=createComponentInstanceForVnode(e,activeInstance)).$mount(t?e.elm:void 0,t)}},prepatch:function(e,t){var n=t.componentOptions;updateChildComponent(t.componentInstance=e.componentInstance,n.propsData,n.listeners,t,n.children)},insert:function(e){var t=e.context,n=e.componentInstance;n._isMounted||(n._isMounted=!0,callHook$1(n,"mounted")),e.data.keepAlive&&(t._isMounted?queueActivatedComponent(n):activateChildComponent(n,!0))},destroy:function(e){var t=e.componentInstance;t._isDestroyed||(e.data.keepAlive?deactivateChildComponent(t,!0):t.$destroy())}},hooksToMerge=Object.keys(componentVNodeHooks);function createComponent(e,t,n,r,i){if(!isUndef(e)){var o=n.$options._base;if(isObject(e)&&(e=o.extend(e)),"function"==typeof e){var a;if(isUndef(e.cid)&&void 0===(e=resolveAsyncComponent(a=e,o)))return createAsyncPlaceholder(a,t,n,r,i);t=t||{},resolveConstructorOptions(e),isDef(t.model)&&transformModel(e.options,t);var s=extractPropsFromVNodeData(t,e,i);if(isTrue(e.options.functional))return createFunctionalComponent(e,s,t,n,r);var c=t.on;if(t.on=t.nativeOn,isTrue(e.options.abstract)){var l=t.slot;t={},l&&(t.slot=l)}installComponentHooks(t);var u=getComponentName(e.options)||i;return new VNode("vue-component-".concat(e.cid).concat(u?"-".concat(u):""),t,void 0,void 0,void 0,n,{Ctor:e,propsData:s,listeners:c,tag:i,children:r},a)}}}function createComponentInstanceForVnode(e,t){var n={_isComponent:!0,_parentVnode:e,parent:t},r=e.data.inlineTemplate;return isDef(r)&&(n.render=r.render,n.staticRenderFns=r.staticRenderFns),new e.componentOptions.Ctor(n)}function installComponentHooks(e){for(var t=e.hook||(e.hook={}),n=0;n<hooksToMerge.length;n++){var r=hooksToMerge[n],i=t[r],o=componentVNodeHooks[r];i===o||i&&i._merged||(t[r]=i?mergeHook(o,i):o)}}function mergeHook(e,t){var n=function(n,r){e(n,r),t(n,r)};return n._merged=!0,n}function transformModel(e,t){var n=e.model&&e.model.prop||"value",r=e.model&&e.model.event||"input";(t.attrs||(t.attrs={}))[n]=t.model.value;var i=t.on||(t.on={}),o=i[r],a=t.model.callback;isDef(o)?(isArray(o)?-1===o.indexOf(a):o!==a)&&(i[r]=[a].concat(o)):i[r]=a}var generateComponentTrace,formatComponentName,hasConsole_1,classifyRE_1,classify_1,repeat_1,warn=noop,tip=noop,strats=config.optionMergeStrategies;function mergeData(e,t,n){if(void 0===n&&(n=!0),!t)return e;for(var r,i,o,a=hasSymbol?Reflect.ownKeys(t):Object.keys(t),s=0;s<a.length;s++)"__ob__"!==(r=a[s])&&(i=e[r],o=t[r],n&&hasOwn(e,r)?i!==o&&isPlainObject(i)&&isPlainObject(o)&&mergeData(i,o):set(e,r,o));return e}function mergeDataOrFn(e,t,n){return n?function(){var r=isFunction(t)?t.call(n,n):t,i=isFunction(e)?e.call(n,n):e;return r?mergeData(r,i):i}:t?e?function(){return mergeData(isFunction(t)?t.call(this,this):t,isFunction(e)?e.call(this,this):e)}:t:e}function mergeLifecycleHook(e,t){var n=t?e?e.concat(t):isArray(t)?t:[t]:e;return n?dedupeHooks(n):n}function dedupeHooks(e){for(var t=[],n=0;n<e.length;n++)-1===t.indexOf(e[n])&&t.push(e[n]);return t}function mergeAssets(e,t,n,r){var i=Object.create(e||null);return t?extend(i,t):i}strats.data=function(e,t,n){return n?mergeDataOrFn(e,t,n):t&&"function"!=typeof t?e:mergeDataOrFn(e,t)},LIFECYCLE_HOOKS.forEach(function(e){strats[e]=mergeLifecycleHook}),ASSET_TYPES.forEach(function(e){strats[e+"s"]=mergeAssets}),strats.watch=function(e,t,n,r){if(e===nativeWatch&&(e=void 0),t===nativeWatch&&(t=void 0),!t)return Object.create(e||null);if(!e)return t;var i={};for(var o in extend(i,e),t){var a=i[o],s=t[o];a&&!isArray(a)&&(a=[a]),i[o]=a?a.concat(s):isArray(s)?s:[s]}return i},strats.props=strats.methods=strats.inject=strats.computed=function(e,t,n,r){if(!e)return t;var i=Object.create(null);return extend(i,e),t&&extend(i,t),i},strats.provide=function(e,t){return e?function(){var n=Object.create(null);return mergeData(n,isFunction(e)?e.call(this):e),t&&mergeData(n,isFunction(t)?t.call(this):t,!1),n}:t};var defaultStrat=function(e,t){return void 0===t?e:t};function checkComponents(e){for(var t in e.components)validateComponentName(t)}function validateComponentName(e){new RegExp("^[a-zA-Z][\\-\\.0-9_".concat(unicodeRegExp.source,"]*$")).test(e)||warn('Invalid component name: "'+e+'". Component names should conform to valid custom element name in html5 specification.'),(isBuiltInTag(e)||config.isReservedTag(e))&&warn("Do not use built-in or reserved HTML elements as component id: "+e)}function normalizeProps(e,t){var n=e.props;if(n){var r,i,o={};if(isArray(n))for(r=n.length;r--;)"string"==typeof(i=n[r])&&(o[camelize(i)]={type:null});else if(isPlainObject(n))for(var a in n)i=n[a],o[camelize(a)]=isPlainObject(i)?i:{type:i};else 0;e.props=o}}function normalizeInject(e,t){var n=e.inject;if(n){var r=e.inject={};if(isArray(n))for(var i=0;i<n.length;i++)r[n[i]]={from:n[i]};else if(isPlainObject(n))for(var o in n){var a=n[o];r[o]=isPlainObject(a)?extend({from:o},a):{from:a}}else 0}}function normalizeDirectives$1(e){var t=e.directives;if(t)for(var n in t){var r=t[n];isFunction(r)&&(t[n]={bind:r,update:r})}}function assertObjectType(e,t,n){isPlainObject(t)||warn('Invalid value for option "'.concat(e,'": expected an Object, ')+"but got ".concat(toRawType(t),"."),n)}function mergeOptions(e,t,n){if(isFunction(t)&&(t=t.options),normalizeProps(t,n),normalizeInject(t,n),normalizeDirectives$1(t),!t._base&&(t.extends&&(e=mergeOptions(e,t.extends,n)),t.mixins))for(var r=0,i=t.mixins.length;r<i;r++)e=mergeOptions(e,t.mixins[r],n);var o,a={};for(o in e)s(o);for(o in t)hasOwn(e,o)||s(o);function s(r){var i=strats[r]||defaultStrat;a[r]=i(e[r],t[r],n,r)}return a}function resolveAsset(e,t,n,r){if("string"==typeof n){var i=e[t];if(hasOwn(i,n))return i[n];var o=camelize(n);if(hasOwn(i,o))return i[o];var a=capitalize(o);if(hasOwn(i,a))return i[a];var s=i[n]||i[o]||i[a];return s}}function validateProp(e,t,n,r){var i=t[e],o=!hasOwn(n,e),a=n[e],s=getTypeIndex(Boolean,i.type);if(s>-1)if(o&&!hasOwn(i,"default"))a=!1;else if(""===a||a===hyphenate(e)){var c=getTypeIndex(String,i.type);(c<0||s<c)&&(a=!0)}if(void 0===a){a=getPropDefaultValue(r,i,e);var l=shouldObserve;toggleObserving(!0),observe(a),toggleObserving(l)}return a}function getPropDefaultValue(e,t,n){if(hasOwn(t,"default")){var r=t.default;return e&&e.$options.propsData&&void 0===e.$options.propsData[n]&&void 0!==e._props[n]?e._props[n]:isFunction(r)&&"Function"!==getType(t.type)?r.call(e):r}}function assertProp(e,t,n,r,i){if(e.required&&i)warn('Missing required prop: "'+t+'"',r);else if(null!=n||e.required){var o=e.type,a=!o||!0===o,s=[];if(o){isArray(o)||(o=[o]);for(var c=0;c<o.length&&!a;c++){var l=assertType(n,o[c],r);s.push(l.expectedType||""),a=l.valid}}var u=s.some(function(e){return e});if(a||!u){var f=e.validator;f&&(f(n)||warn('Invalid prop: custom validator check failed for prop "'+t+'".',r))}else warn(getInvalidTypeMessage(t,n,s),r)}}var simpleCheckRE=/^(String|Number|Boolean|Function|Symbol|BigInt)$/;function assertType(e,t,n){var r,i=getType(t);if(simpleCheckRE.test(i)){var o=typeof e;(r=o===i.toLowerCase())||"object"!==o||(r=e instanceof t)}else if("Object"===i)r=isPlainObject(e);else if("Array"===i)r=isArray(e);else try{r=e instanceof t}catch(e){warn('Invalid prop type: "'+String(t)+'" is not a constructor',n),r=!1}return{valid:r,expectedType:i}}var functionTypeCheckRE=/^\s*function (\w+)/;function getType(e){var t=e&&e.toString().match(functionTypeCheckRE);return t?t[1]:""}function isSameType(e,t){return getType(e)===getType(t)}function getTypeIndex(e,t){if(!isArray(t))return isSameType(t,e)?0:-1;for(var n=0,r=t.length;n<r;n++)if(isSameType(t[n],e))return n;return-1}function getInvalidTypeMessage(e,t,n){var r='Invalid prop: type check failed for prop "'.concat(e,'".')+" Expected ".concat(n.map(capitalize).join(", ")),i=n[0],o=toRawType(t);return 1===n.length&&isExplicable(i)&&isExplicable(typeof t)&&!isBoolean(i,o)&&(r+=" with value ".concat(styleValue(t,i))),r+=", got ".concat(o," "),isExplicable(o)&&(r+="with value ".concat(styleValue(t,o),".")),r}function styleValue(e,t){return"String"===t?'"'.concat(e,'"'):"".concat("Number"===t?Number(e):e)}var initProxy,allowedGlobals_1,warnNonPresent_1,warnReservedPrefix_1,hasProxy_1,isBuiltInModifier_1,hasHandler_1,getHandler_1,EXPLICABLE_TYPES=["string","number","boolean"];function isExplicable(e){return EXPLICABLE_TYPES.some(function(t){return e.toLowerCase()===t})}function isBoolean(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.some(function(e){return"boolean"===e.toLowerCase()})}var sharedPropertyDefinition={enumerable:!0,configurable:!0,get:noop,set:noop};function proxy(e,t,n){sharedPropertyDefinition.get=function(){return this[t][n]},sharedPropertyDefinition.set=function(e){this[t][n]=e},Object.defineProperty(e,n,sharedPropertyDefinition)}function initState(e){var t=e.$options;if(t.props&&initProps$1(e,t.props),initSetup(e),t.methods&&initMethods(e,t.methods),t.data)initData(e);else{var n=observe(e._data={});n&&n.vmCount++}t.computed&&initComputed$1(e,t.computed),t.watch&&t.watch!==nativeWatch&&initWatch(e,t.watch)}function initProps$1(e,t){var n=e.$options.propsData||{},r=e._props=shallowReactive({}),i=e.$options._propKeys=[],o=!e.$parent;o||toggleObserving(!1);var a=function(o){i.push(o);var a=validateProp(o,t,n,e);defineReactive(r,o,a,void 0,!0),o in e||proxy(e,"_props",o)};for(var s in t)a(s);toggleObserving(!0)}function initData(e){var t=e.$options.data;isPlainObject(t=e._data=isFunction(t)?getData(t,e):t||{})||(t={});for(var n=Object.keys(t),r=e.$options.props,i=(e.$options.methods,n.length);i--;){var o=n[i];0,r&&hasOwn(r,o)||isReserved(o)||proxy(e,"_data",o)}var a=observe(t);a&&a.vmCount++}function getData(e,t){pushTarget();try{return e.call(t,t)}catch(e){return handleError(e,t,"data()"),{}}finally{popTarget()}}var computedWatcherOptions={lazy:!0};function initComputed$1(e,t){var n=e._computedWatchers=Object.create(null),r=isServerRendering();for(var i in t){var o=t[i],a=isFunction(o)?o:o.get;0,r||(n[i]=new Watcher(e,a||noop,noop,computedWatcherOptions)),i in e||defineComputed(e,i,o)}}function defineComputed(e,t,n){var r=!isServerRendering();isFunction(n)?(sharedPropertyDefinition.get=r?createComputedGetter(t):createGetterInvoker(n),sharedPropertyDefinition.set=noop):(sharedPropertyDefinition.get=n.get?r&&!1!==n.cache?createComputedGetter(t):createGetterInvoker(n.get):noop,sharedPropertyDefinition.set=n.set||noop),Object.defineProperty(e,t,sharedPropertyDefinition)}function createComputedGetter(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),Dep.target&&t.depend(),t.value}}function createGetterInvoker(e){return function(){return e.call(this,this)}}function initMethods(e,t){e.$options.props;for(var n in t)e[n]="function"!=typeof t[n]?noop:bind(t[n],e)}function initWatch(e,t){for(var n in t){var r=t[n];if(isArray(r))for(var i=0;i<r.length;i++)createWatcher(e,n,r[i]);else createWatcher(e,n,r)}}function createWatcher(e,t,n,r){return isPlainObject(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=e[n]),e.$watch(t,n,r)}function stateMixin(e){var t={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=set,e.prototype.$delete=del,e.prototype.$watch=function(e,t,n){var r=this;if(isPlainObject(t))return createWatcher(r,e,t,n);(n=n||{}).user=!0;var i=new Watcher(r,e,t,n);if(n.immediate){var o='callback for immediate watcher "'.concat(i.expression,'"');pushTarget(),invokeWithErrorHandling(t,r,[i.value],r,o),popTarget()}return function(){i.teardown()}}}var uid=0;function initMixin$1(e){e.prototype._init=function(e){var t=this;t._uid=uid++,t._isVue=!0,t.__v_skip=!0,t._scope=new EffectScope(!0),t._scope.parent=void 0,t._scope._vm=!0,e&&e._isComponent?initInternalComponent(t,e):t.$options=mergeOptions(resolveConstructorOptions(t.constructor),e||{},t),t._renderProxy=t,t._self=t,initLifecycle(t),initEvents(t),initRender(t),callHook$1(t,"beforeCreate",void 0,!1),initInjections(t),initState(t),initProvide(t),callHook$1(t,"created"),t.$options.el&&t.$mount(t.$options.el)}}function initInternalComponent(e,t){var n=e.$options=Object.create(e.constructor.options),r=t._parentVnode;n.parent=t.parent,n._parentVnode=r;var i=r.componentOptions;n.propsData=i.propsData,n._parentListeners=i.listeners,n._renderChildren=i.children,n._componentTag=i.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}function resolveConstructorOptions(e){var t=e.options;if(e.super){var n=resolveConstructorOptions(e.super);if(n!==e.superOptions){e.superOptions=n;var r=resolveModifiedOptions(e);r&&extend(e.extendOptions,r),(t=e.options=mergeOptions(n,e.extendOptions)).name&&(t.components[t.name]=e)}}return t}function resolveModifiedOptions(e){var t,n=e.options,r=e.sealedOptions;for(var i in n)n[i]!==r[i]&&(t||(t={}),t[i]=n[i]);return t}function Vue(e){this._init(e)}function initUse(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=toArray(arguments,1);return n.unshift(this),isFunction(e.install)?e.install.apply(e,n):isFunction(e)&&e.apply(null,n),t.push(e),this}}function initMixin(e){e.mixin=function(e){return this.options=mergeOptions(this.options,e),this}}function initExtend(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=n.cid,i=e._Ctor||(e._Ctor={});if(i[r])return i[r];var o=getComponentName(e)||getComponentName(n.options);var a=function(e){this._init(e)};return(a.prototype=Object.create(n.prototype)).constructor=a,a.cid=t++,a.options=mergeOptions(n.options,e),a.super=n,a.options.props&&initProps(a),a.options.computed&&initComputed(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,ASSET_TYPES.forEach(function(e){a[e]=n[e]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=e,a.sealedOptions=extend({},a.options),i[r]=a,a}}function initProps(e){var t=e.options.props;for(var n in t)proxy(e.prototype,"_props",n)}function initComputed(e){var t=e.options.computed;for(var n in t)defineComputed(e.prototype,n,t[n])}function initAssetRegisters(e){ASSET_TYPES.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&isPlainObject(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&isFunction(n)&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}function _getComponentName(e){return e&&(getComponentName(e.Ctor.options)||e.tag)}function matches(e,t){return isArray(e)?e.indexOf(t)>-1:"string"==typeof e?e.split(",").indexOf(t)>-1:!!isRegExp(e)&&e.test(t)}function pruneCache(e,t){var n=e.cache,r=e.keys,i=e._vnode,o=e.$vnode;for(var a in n){var s=n[a];if(s){var c=s.name;c&&!t(c)&&pruneCacheEntry(n,a,r,i)}}o.componentOptions.children=void 0}function pruneCacheEntry(e,t,n,r){var i=e[t];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),e[t]=null,remove$2(n,t)}initMixin$1(Vue),stateMixin(Vue),eventsMixin(Vue),lifecycleMixin(Vue),renderMixin(Vue);var patternTypes=[String,RegExp,Array],KeepAlive={name:"keep-alive",abstract:!0,props:{include:patternTypes,exclude:patternTypes,max:[String,Number]},methods:{cacheVNode:function(){var e=this,t=e.cache,n=e.keys,r=e.vnodeToCache,i=e.keyToCache;if(r){var o=r.tag,a=r.componentInstance,s=r.componentOptions;t[i]={name:_getComponentName(s),tag:o,componentInstance:a},n.push(i),this.max&&n.length>parseInt(this.max)&&pruneCacheEntry(t,n[0],n,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var e in this.cache)pruneCacheEntry(this.cache,e,this.keys)},mounted:function(){var e=this;this.cacheVNode(),this.$watch("include",function(t){pruneCache(e,function(e){return matches(t,e)})}),this.$watch("exclude",function(t){pruneCache(e,function(e){return!matches(t,e)})})},updated:function(){this.cacheVNode()},render:function(){var e=this.$slots.default,t=getFirstComponentChild(e),n=t&&t.componentOptions;if(n){var r=_getComponentName(n),i=this.include,o=this.exclude;if(i&&(!r||!matches(i,r))||o&&r&&matches(o,r))return t;var a=this.cache,s=this.keys,c=null==t.key?n.Ctor.cid+(n.tag?"::".concat(n.tag):""):t.key;a[c]?(t.componentInstance=a[c].componentInstance,remove$2(s,c),s.push(c)):(this.vnodeToCache=t,this.keyToCache=c),t.data.keepAlive=!0}return t||e&&e[0]}},builtInComponents={KeepAlive:KeepAlive};function initGlobalAPI(e){var t={get:function(){return config}};Object.defineProperty(e,"config",t),e.util={warn:warn,extend:extend,mergeOptions:mergeOptions,defineReactive:defineReactive},e.set=set,e.delete=del,e.nextTick=nextTick,e.observable=function(e){return observe(e),e},e.options=Object.create(null),ASSET_TYPES.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,extend(e.options.components,builtInComponents),initUse(e),initMixin(e),initExtend(e),initAssetRegisters(e)}initGlobalAPI(Vue),Object.defineProperty(Vue.prototype,"$isServer",{get:isServerRendering}),Object.defineProperty(Vue.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Vue,"FunctionalRenderContext",{value:FunctionalRenderContext}),Vue.version=version;var isReservedAttr=makeMap("style,class"),acceptValue=makeMap("input,textarea,option,select,progress"),mustUseProp=function(e,t,n){return"value"===n&&acceptValue(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},isEnumeratedAttr=makeMap("contenteditable,draggable,spellcheck"),isValidContentEditableValue=makeMap("events,caret,typing,plaintext-only"),convertEnumeratedValue=function(e,t){return isFalsyAttrValue(t)||"false"===t?"false":"contenteditable"===e&&isValidContentEditableValue(t)?t:"true"},isBooleanAttr=makeMap("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),xlinkNS="http://www.w3.org/1999/xlink",isXlink=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},getXlinkProp=function(e){return isXlink(e)?e.slice(6,e.length):""},isFalsyAttrValue=function(e){return null==e||!1===e};function genClassForVnode(e){for(var t=e.data,n=e,r=e;isDef(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(t=mergeClassData(r.data,t));for(;isDef(n=n.parent);)n&&n.data&&(t=mergeClassData(t,n.data));return renderClass(t.staticClass,t.class)}function mergeClassData(e,t){return{staticClass:concat(e.staticClass,t.staticClass),class:isDef(e.class)?[e.class,t.class]:t.class}}function renderClass(e,t){return isDef(e)||isDef(t)?concat(e,stringifyClass(t)):""}function concat(e,t){return e?t?e+" "+t:e:t||""}function stringifyClass(e){return Array.isArray(e)?stringifyArray(e):isObject(e)?stringifyObject(e):"string"==typeof e?e:""}function stringifyArray(e){for(var t,n="",r=0,i=e.length;r<i;r++)isDef(t=stringifyClass(e[r]))&&""!==t&&(n&&(n+=" "),n+=t);return n}function stringifyObject(e){var t="";for(var n in e)e[n]&&(t&&(t+=" "),t+=n);return t}var namespaceMap={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},isHTMLTag=makeMap("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),isSVG=makeMap("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignobject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),isReservedTag=function(e){return isHTMLTag(e)||isSVG(e)};function getTagNamespace(e){return isSVG(e)?"svg":"math"===e?"math":void 0}var unknownElementCache=Object.create(null);function isUnknownElement(e){if(!inBrowser)return!0;if(isReservedTag(e))return!1;if(e=e.toLowerCase(),null!=unknownElementCache[e])return unknownElementCache[e];var t=document.createElement(e);return e.indexOf("-")>-1?unknownElementCache[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:unknownElementCache[e]=/HTMLUnknownElement/.test(t.toString())}var isTextInputType=makeMap("text,number,password,search,email,tel,url");function query(e){if("string"==typeof e){var t=document.querySelector(e);return t||document.createElement("div")}return e}function createElement(e,t){var n=document.createElement(e);return"select"!==e||t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n}function createElementNS(e,t){return document.createElementNS(namespaceMap[e],t)}function createTextNode(e){return document.createTextNode(e)}function createComment(e){return document.createComment(e)}function insertBefore(e,t,n){e.insertBefore(t,n)}function removeChild(e,t){e.removeChild(t)}function appendChild(e,t){e.appendChild(t)}function parentNode(e){return e.parentNode}function nextSibling(e){return e.nextSibling}function tagName(e){return e.tagName}function setTextContent(e,t){e.textContent=t}function setStyleScope(e,t){e.setAttribute(t,"")}var nodeOps=Object.freeze({__proto__:null,createElement:createElement,createElementNS:createElementNS,createTextNode:createTextNode,createComment:createComment,insertBefore:insertBefore,removeChild:removeChild,appendChild:appendChild,parentNode:parentNode,nextSibling:nextSibling,tagName:tagName,setTextContent:setTextContent,setStyleScope:setStyleScope}),ref={create:function(e,t){registerRef(t)},update:function(e,t){e.data.ref!==t.data.ref&&(registerRef(e,!0),registerRef(t))},destroy:function(e){registerRef(e,!0)}};function registerRef(e,t){var n=e.data.ref;if(isDef(n)){var r=e.context,i=e.componentInstance||e.elm,o=t?null:i,a=t?void 0:i;if(isFunction(n))invokeWithErrorHandling(n,r,[o],r,"template ref function");else{var s=e.data.refInFor,c="string"==typeof n||"number"==typeof n,l=isRef(n),u=r.$refs;if(c||l)if(s){var f=c?u[n]:n.value;t?isArray(f)&&remove$2(f,i):isArray(f)?f.includes(i)||f.push(i):c?(u[n]=[i],setSetupRef(r,n,u[n])):n.value=[i]}else if(c){if(t&&u[n]!==i)return;u[n]=a,setSetupRef(r,n,o)}else if(l){if(t&&n.value!==i)return;n.value=o}else 0}}}function setSetupRef(e,t,n){var r=e._setupState;r&&hasOwn(r,t)&&(isRef(r[t])?r[t].value=n:r[t]=n)}var emptyNode=new VNode("",{},[]),hooks=["create","activate","update","remove","destroy"];function sameVnode(e,t){return e.key===t.key&&e.asyncFactory===t.asyncFactory&&(e.tag===t.tag&&e.isComment===t.isComment&&isDef(e.data)===isDef(t.data)&&sameInputType(e,t)||isTrue(e.isAsyncPlaceholder)&&isUndef(t.asyncFactory.error))}function sameInputType(e,t){if("input"!==e.tag)return!0;var n,r=isDef(n=e.data)&&isDef(n=n.attrs)&&n.type,i=isDef(n=t.data)&&isDef(n=n.attrs)&&n.type;return r===i||isTextInputType(r)&&isTextInputType(i)}function createKeyToOldIdx(e,t,n){var r,i,o={};for(r=t;r<=n;++r)isDef(i=e[r].key)&&(o[i]=r);return o}function createPatchFunction(e){var t,n,r={},i=e.modules,o=e.nodeOps;for(t=0;t<hooks.length;++t)for(r[hooks[t]]=[],n=0;n<i.length;++n)isDef(i[n][hooks[t]])&&r[hooks[t]].push(i[n][hooks[t]]);function a(e){var t=o.parentNode(e);isDef(t)&&o.removeChild(t,e)}function s(e,t,n,i,a,s,f){if(isDef(e.elm)&&isDef(s)&&(e=s[f]=cloneVNode(e)),e.isRootInsert=!a,!function(e,t,n,i){var o=e.data;if(isDef(o)){var a=isDef(e.componentInstance)&&o.keepAlive;if(isDef(o=o.hook)&&isDef(o=o.init)&&o(e,!1),isDef(e.componentInstance))return c(e,t),l(n,e.elm,i),isTrue(a)&&function(e,t,n,i){var o,a=e;for(;a.componentInstance;)if(isDef(o=(a=a.componentInstance._vnode).data)&&isDef(o=o.transition)){for(o=0;o<r.activate.length;++o)r.activate[o](emptyNode,a);t.push(a);break}l(n,e.elm,i)}(e,t,n,i),!0}}(e,t,n,i)){var v=e.data,h=e.children,m=e.tag;isDef(m)?(e.elm=e.ns?o.createElementNS(e.ns,m):o.createElement(m,e),p(e),u(e,h,t),isDef(v)&&d(e,t),l(n,e.elm,i)):isTrue(e.isComment)?(e.elm=o.createComment(e.text),l(n,e.elm,i)):(e.elm=o.createTextNode(e.text),l(n,e.elm,i))}}function c(e,t){isDef(e.data.pendingInsert)&&(t.push.apply(t,e.data.pendingInsert),e.data.pendingInsert=null),e.elm=e.componentInstance.$el,f(e)?(d(e,t),p(e)):(registerRef(e),t.push(e))}function l(e,t,n){isDef(e)&&(isDef(n)?o.parentNode(n)===e&&o.insertBefore(e,t,n):o.appendChild(e,t))}function u(e,t,n){if(isArray(t)){0;for(var r=0;r<t.length;++r)s(t[r],n,e.elm,null,!0,t,r)}else isPrimitive(e.text)&&o.appendChild(e.elm,o.createTextNode(String(e.text)))}function f(e){for(;e.componentInstance;)e=e.componentInstance._vnode;return isDef(e.tag)}function d(e,n){for(var i=0;i<r.create.length;++i)r.create[i](emptyNode,e);isDef(t=e.data.hook)&&(isDef(t.create)&&t.create(emptyNode,e),isDef(t.insert)&&n.push(e))}function p(e){var t;if(isDef(t=e.fnScopeId))o.setStyleScope(e.elm,t);else for(var n=e;n;)isDef(t=n.context)&&isDef(t=t.$options._scopeId)&&o.setStyleScope(e.elm,t),n=n.parent;isDef(t=activeInstance)&&t!==e.context&&t!==e.fnContext&&isDef(t=t.$options._scopeId)&&o.setStyleScope(e.elm,t)}function v(e,t,n,r,i,o){for(;r<=i;++r)s(n[r],o,e,t,!1,n,r)}function h(e){var t,n,i=e.data;if(isDef(i))for(isDef(t=i.hook)&&isDef(t=t.destroy)&&t(e),t=0;t<r.destroy.length;++t)r.destroy[t](e);if(isDef(t=e.children))for(n=0;n<e.children.length;++n)h(e.children[n])}function m(e,t,n){for(;t<=n;++t){var r=e[t];isDef(r)&&(isDef(r.tag)?(y(r),h(r)):a(r.elm))}}function y(e,t){if(isDef(t)||isDef(e.data)){var n,i=r.remove.length+1;for(isDef(t)?t.listeners+=i:t=function(e,t){function n(){0===--n.listeners&&a(e)}return n.listeners=t,n}(e.elm,i),isDef(n=e.componentInstance)&&isDef(n=n._vnode)&&isDef(n.data)&&y(n,t),n=0;n<r.remove.length;++n)r.remove[n](e,t);isDef(n=e.data.hook)&&isDef(n=n.remove)?n(e,t):t()}else a(e.elm)}function g(e,t,n,r){for(var i=n;i<r;i++){var o=t[i];if(isDef(o)&&sameVnode(e,o))return i}}function _(e,t,n,i,a,c){if(e!==t){isDef(t.elm)&&isDef(i)&&(t=i[a]=cloneVNode(t));var l=t.elm=e.elm;if(isTrue(e.isAsyncPlaceholder))isDef(t.asyncFactory.resolved)?S(e.elm,t,n):t.isAsyncPlaceholder=!0;else if(isTrue(t.isStatic)&&isTrue(e.isStatic)&&t.key===e.key&&(isTrue(t.isCloned)||isTrue(t.isOnce)))t.componentInstance=e.componentInstance;else{var u,d=t.data;isDef(d)&&isDef(u=d.hook)&&isDef(u=u.prepatch)&&u(e,t);var p=e.children,h=t.children;if(isDef(d)&&f(t)){for(u=0;u<r.update.length;++u)r.update[u](e,t);isDef(u=d.hook)&&isDef(u=u.update)&&u(e,t)}isUndef(t.text)?isDef(p)&&isDef(h)?p!==h&&function(e,t,n,r,i){var a,c,l,u=0,f=0,d=t.length-1,p=t[0],h=t[d],y=n.length-1,b=n[0],C=n[y],S=!i;for(;u<=d&&f<=y;)isUndef(p)?p=t[++u]:isUndef(h)?h=t[--d]:sameVnode(p,b)?(_(p,b,r,n,f),p=t[++u],b=n[++f]):sameVnode(h,C)?(_(h,C,r,n,y),h=t[--d],C=n[--y]):sameVnode(p,C)?(_(p,C,r,n,y),S&&o.insertBefore(e,p.elm,o.nextSibling(h.elm)),p=t[++u],C=n[--y]):sameVnode(h,b)?(_(h,b,r,n,f),S&&o.insertBefore(e,h.elm,p.elm),h=t[--d],b=n[++f]):(isUndef(a)&&(a=createKeyToOldIdx(t,u,d)),isUndef(c=isDef(b.key)?a[b.key]:g(b,t,u,d))?s(b,r,e,p.elm,!1,n,f):sameVnode(l=t[c],b)?(_(l,b,r,n,f),t[c]=void 0,S&&o.insertBefore(e,l.elm,p.elm)):s(b,r,e,p.elm,!1,n,f),b=n[++f]);u>d?v(e,isUndef(n[y+1])?null:n[y+1].elm,n,f,y,r):f>y&&m(t,u,d)}(l,p,h,n,c):isDef(h)?(isDef(e.text)&&o.setTextContent(l,""),v(l,null,h,0,h.length-1,n)):isDef(p)?m(p,0,p.length-1):isDef(e.text)&&o.setTextContent(l,""):e.text!==t.text&&o.setTextContent(l,t.text),isDef(d)&&isDef(u=d.hook)&&isDef(u=u.postpatch)&&u(e,t)}}}function b(e,t,n){if(isTrue(n)&&isDef(e.parent))e.parent.data.pendingInsert=t;else for(var r=0;r<t.length;++r)t[r].data.hook.insert(t[r])}var C=makeMap("attrs,class,staticClass,staticStyle,key");function S(e,t,n,r){var i,o=t.tag,a=t.data,s=t.children;if(r=r||a&&a.pre,t.elm=e,isTrue(t.isComment)&&isDef(t.asyncFactory))return t.isAsyncPlaceholder=!0,!0;if(isDef(a)&&(isDef(i=a.hook)&&isDef(i=i.init)&&i(t,!0),isDef(i=t.componentInstance)))return c(t,n),!0;if(isDef(o)){if(isDef(s))if(e.hasChildNodes())if(isDef(i=a)&&isDef(i=i.domProps)&&isDef(i=i.innerHTML)){if(i!==e.innerHTML)return!1}else{for(var l=!0,f=e.firstChild,p=0;p<s.length;p++){if(!f||!S(f,s[p],n,r)){l=!1;break}f=f.nextSibling}if(!l||f)return!1}else u(t,s,n);if(isDef(a)){var v=!1;for(var h in a)if(!C(h)){v=!0,d(t,n);break}!v&&a.class&&traverse(a.class)}}else e.data!==t.text&&(e.data=t.text);return!0}return function(e,t,n,i){if(!isUndef(t)){var a,c=!1,l=[];if(isUndef(e))c=!0,s(t,l);else{var u=isDef(e.nodeType);if(!u&&sameVnode(e,t))_(e,t,l,null,null,i);else{if(u){if(1===e.nodeType&&e.hasAttribute(SSR_ATTR)&&(e.removeAttribute(SSR_ATTR),n=!0),isTrue(n)&&S(e,t,l))return b(t,l,!0),e;a=e,e=new VNode(o.tagName(a).toLowerCase(),{},[],void 0,a)}var d=e.elm,p=o.parentNode(d);if(s(t,l,d._leaveCb?null:p,o.nextSibling(d)),isDef(t.parent))for(var v=t.parent,y=f(t);v;){for(var g=0;g<r.destroy.length;++g)r.destroy[g](v);if(v.elm=t.elm,y){for(var C=0;C<r.create.length;++C)r.create[C](emptyNode,v);var T=v.data.hook.insert;if(T.merged)for(var O=T.fns.slice(1),x=0;x<O.length;x++)O[x]()}else registerRef(v);v=v.parent}isDef(p)?m([e],0,0):isDef(e.tag)&&h(e)}}return b(t,l,c),t.elm}isDef(e)&&h(e)}}var directives={create:updateDirectives,update:updateDirectives,destroy:function(e){updateDirectives(e,emptyNode)}};function updateDirectives(e,t){(e.data.directives||t.data.directives)&&_update(e,t)}function _update(e,t){var n,r,i,o=e===emptyNode,a=t===emptyNode,s=normalizeDirectives(e.data.directives,e.context),c=normalizeDirectives(t.data.directives,t.context),l=[],u=[];for(n in c)r=s[n],i=c[n],r?(i.oldValue=r.value,i.oldArg=r.arg,callHook(i,"update",t,e),i.def&&i.def.componentUpdated&&u.push(i)):(callHook(i,"bind",t,e),i.def&&i.def.inserted&&l.push(i));if(l.length){var f=function(){for(var n=0;n<l.length;n++)callHook(l[n],"inserted",t,e)};o?mergeVNodeHook(t,"insert",f):f()}if(u.length&&mergeVNodeHook(t,"postpatch",function(){for(var n=0;n<u.length;n++)callHook(u[n],"componentUpdated",t,e)}),!o)for(n in s)c[n]||callHook(s[n],"unbind",e,e,a)}var emptyModifiers=Object.create(null);function normalizeDirectives(e,t){var n,r,i=Object.create(null);if(!e)return i;for(n=0;n<e.length;n++){if((r=e[n]).modifiers||(r.modifiers=emptyModifiers),i[getRawDirName(r)]=r,t._setupState&&t._setupState.__sfc){var o=r.def||resolveAsset(t,"_setupState","v-"+r.name);r.def="function"==typeof o?{bind:o,update:o}:o}r.def=r.def||resolveAsset(t.$options,"directives",r.name,!0)}return i}function getRawDirName(e){return e.rawName||"".concat(e.name,".").concat(Object.keys(e.modifiers||{}).join("."))}function callHook(e,t,n,r,i){var o=e.def&&e.def[t];if(o)try{o(n.elm,e,n,r,i)}catch(r){handleError(r,n.context,"directive ".concat(e.name," ").concat(t," hook"))}}var baseModules=[ref,directives];function updateAttrs(e,t){var n=t.componentOptions;if(!(isDef(n)&&!1===n.Ctor.options.inheritAttrs||isUndef(e.data.attrs)&&isUndef(t.data.attrs))){var r,i,o=t.elm,a=e.data.attrs||{},s=t.data.attrs||{};for(r in(isDef(s.__ob__)||isTrue(s._v_attr_proxy))&&(s=t.data.attrs=extend({},s)),s)i=s[r],a[r]!==i&&setAttr(o,r,i,t.data.pre);for(r in(isIE||isEdge)&&s.value!==a.value&&setAttr(o,"value",s.value),a)isUndef(s[r])&&(isXlink(r)?o.removeAttributeNS(xlinkNS,getXlinkProp(r)):isEnumeratedAttr(r)||o.removeAttribute(r))}}function setAttr(e,t,n,r){r||e.tagName.indexOf("-")>-1?baseSetAttr(e,t,n):isBooleanAttr(t)?isFalsyAttrValue(n)?e.removeAttribute(t):(n="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,n)):isEnumeratedAttr(t)?e.setAttribute(t,convertEnumeratedValue(t,n)):isXlink(t)?isFalsyAttrValue(n)?e.removeAttributeNS(xlinkNS,getXlinkProp(t)):e.setAttributeNS(xlinkNS,t,n):baseSetAttr(e,t,n)}function baseSetAttr(e,t,n){if(isFalsyAttrValue(n))e.removeAttribute(t);else{if(isIE&&!isIE9&&"TEXTAREA"===e.tagName&&"placeholder"===t&&""!==n&&!e.__ieph){var r=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",r)};e.addEventListener("input",r),e.__ieph=!0}e.setAttribute(t,n)}}var attrs={create:updateAttrs,update:updateAttrs};function updateClass(e,t){var n=t.elm,r=t.data,i=e.data;if(!(isUndef(r.staticClass)&&isUndef(r.class)&&(isUndef(i)||isUndef(i.staticClass)&&isUndef(i.class)))){var o=genClassForVnode(t),a=n._transitionClasses;isDef(a)&&(o=concat(o,stringifyClass(a))),o!==n._prevClass&&(n.setAttribute("class",o),n._prevClass=o)}}var target,klass={create:updateClass,update:updateClass},RANGE_TOKEN="__r",CHECKBOX_RADIO_TOKEN="__c";function normalizeEvents(e){if(isDef(e[RANGE_TOKEN])){var t=isIE?"change":"input";e[t]=[].concat(e[RANGE_TOKEN],e[t]||[]),delete e[RANGE_TOKEN]}isDef(e[CHECKBOX_RADIO_TOKEN])&&(e.change=[].concat(e[CHECKBOX_RADIO_TOKEN],e.change||[]),delete e[CHECKBOX_RADIO_TOKEN])}function createOnceHandler(e,t,n){var r=target;return function i(){null!==t.apply(null,arguments)&&remove(e,i,n,r)}}var useMicrotaskFix=isUsingMicroTask&&!(isFF&&Number(isFF[1])<=53);function add(e,t,n,r){if(useMicrotaskFix){var i=currentFlushTimestamp,o=t;t=o._wrapper=function(e){if(e.target===e.currentTarget||e.timeStamp>=i||e.timeStamp<=0||e.target.ownerDocument!==document)return o.apply(this,arguments)}}target.addEventListener(e,t,supportsPassive?{capture:n,passive:r}:n)}function remove(e,t,n,r){(r||target).removeEventListener(e,t._wrapper||t,n)}function updateDOMListeners(e,t){if(!isUndef(e.data.on)||!isUndef(t.data.on)){var n=t.data.on||{},r=e.data.on||{};target=t.elm||e.elm,normalizeEvents(n),updateListeners(n,r,add,remove,createOnceHandler,t.context),target=void 0}}var svgContainer,events={create:updateDOMListeners,update:updateDOMListeners,destroy:function(e){return updateDOMListeners(e,emptyNode)}};function updateDOMProps(e,t){if(!isUndef(e.data.domProps)||!isUndef(t.data.domProps)){var n,r,i=t.elm,o=e.data.domProps||{},a=t.data.domProps||{};for(n in(isDef(a.__ob__)||isTrue(a._v_attr_proxy))&&(a=t.data.domProps=extend({},a)),o)n in a||(i[n]="");for(n in a){if(r=a[n],"textContent"===n||"innerHTML"===n){if(t.children&&(t.children.length=0),r===o[n])continue;1===i.childNodes.length&&i.removeChild(i.childNodes[0])}if("value"===n&&"PROGRESS"!==i.tagName){i._value=r;var s=isUndef(r)?"":String(r);shouldUpdateValue(i,s)&&(i.value=s)}else if("innerHTML"===n&&isSVG(i.tagName)&&isUndef(i.innerHTML)){(svgContainer=svgContainer||document.createElement("div")).innerHTML="<svg>".concat(r,"</svg>");for(var c=svgContainer.firstChild;i.firstChild;)i.removeChild(i.firstChild);for(;c.firstChild;)i.appendChild(c.firstChild)}else if(r!==o[n])try{i[n]=r}catch(e){}}}}function shouldUpdateValue(e,t){return!e.composing&&("OPTION"===e.tagName||isNotInFocusAndDirty(e,t)||isDirtyWithModifiers(e,t))}function isNotInFocusAndDirty(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}function isDirtyWithModifiers(e,t){var n=e.value,r=e._vModifiers;if(isDef(r)){if(r.number)return toNumber(n)!==toNumber(t);if(r.trim)return n.trim()!==t.trim()}return n!==t}var domProps={create:updateDOMProps,update:updateDOMProps},parseStyleText=cached(function(e){var t={},n=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach(function(e){if(e){var r=e.split(n);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t});function normalizeStyleData(e){var t=normalizeStyleBinding(e.style);return e.staticStyle?extend(e.staticStyle,t):t}function normalizeStyleBinding(e){return Array.isArray(e)?toObject(e):"string"==typeof e?parseStyleText(e):e}function getStyle(e,t){var n,r={};if(t)for(var i=e;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=normalizeStyleData(i.data))&&extend(r,n);(n=normalizeStyleData(e.data))&&extend(r,n);for(var o=e;o=o.parent;)o.data&&(n=normalizeStyleData(o.data))&&extend(r,n);return r}var emptyStyle,cssVarRE=/^--/,importantRE=/\s*!important$/,setProp=function(e,t,n){if(cssVarRE.test(t))e.style.setProperty(t,n);else if(importantRE.test(n))e.style.setProperty(hyphenate(t),n.replace(importantRE,""),"important");else{var r=normalize(t);if(Array.isArray(n))for(var i=0,o=n.length;i<o;i++)e.style[r]=n[i];else e.style[r]=n}},vendorNames=["Webkit","Moz","ms"],normalize=cached(function(e){if(emptyStyle=emptyStyle||document.createElement("div").style,"filter"!==(e=camelize(e))&&e in emptyStyle)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<vendorNames.length;n++){var r=vendorNames[n]+t;if(r in emptyStyle)return r}});function updateStyle(e,t){var n=t.data,r=e.data;if(!(isUndef(n.staticStyle)&&isUndef(n.style)&&isUndef(r.staticStyle)&&isUndef(r.style))){var i,o,a=t.elm,s=r.staticStyle,c=r.normalizedStyle||r.style||{},l=s||c,u=normalizeStyleBinding(t.data.style)||{};t.data.normalizedStyle=isDef(u.__ob__)?extend({},u):u;var f=getStyle(t,!0);for(o in l)isUndef(f[o])&&setProp(a,o,"");for(o in f)i=f[o],setProp(a,o,null==i?"":i)}}var style={create:updateStyle,update:updateStyle},whitespaceRE=/\s+/;function addClass(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(whitespaceRE).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" ".concat(e.getAttribute("class")||""," ");n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function removeClass(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(whitespaceRE).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" ".concat(e.getAttribute("class")||""," "),r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?e.setAttribute("class",n):e.removeAttribute("class")}}function resolveTransition(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&extend(t,autoCssTransition(e.name||"v")),extend(t,e),t}return"string"==typeof e?autoCssTransition(e):void 0}}var autoCssTransition=cached(function(e){return{enterClass:"".concat(e,"-enter"),enterToClass:"".concat(e,"-enter-to"),enterActiveClass:"".concat(e,"-enter-active"),leaveClass:"".concat(e,"-leave"),leaveToClass:"".concat(e,"-leave-to"),leaveActiveClass:"".concat(e,"-leave-active")}}),hasTransition=inBrowser&&!isIE9,TRANSITION="transition",ANIMATION="animation",transitionProp="transition",transitionEndEvent="transitionend",animationProp="animation",animationEndEvent="animationend";hasTransition&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(transitionProp="WebkitTransition",transitionEndEvent="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(animationProp="WebkitAnimation",animationEndEvent="webkitAnimationEnd"));var raf=inBrowser?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function nextFrame(e){raf(function(){raf(e)})}function addTransitionClass(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),addClass(e,t))}function removeTransitionClass(e,t){e._transitionClasses&&remove$2(e._transitionClasses,t),removeClass(e,t)}function whenTransitionEnds(e,t,n){var r=getTransitionInfo(e,t),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===TRANSITION?transitionEndEvent:animationEndEvent,c=0,l=function(){e.removeEventListener(s,u),n()},u=function(t){t.target===e&&++c>=a&&l()};setTimeout(function(){c<a&&l()},o+1),e.addEventListener(s,u)}var transformRE=/\b(transform|all)(,|$)/;function getTransitionInfo(e,t){var n,r=window.getComputedStyle(e),i=(r[transitionProp+"Delay"]||"").split(", "),o=(r[transitionProp+"Duration"]||"").split(", "),a=getTimeout(i,o),s=(r[animationProp+"Delay"]||"").split(", "),c=(r[animationProp+"Duration"]||"").split(", "),l=getTimeout(s,c),u=0,f=0;return t===TRANSITION?a>0&&(n=TRANSITION,u=a,f=o.length):t===ANIMATION?l>0&&(n=ANIMATION,u=l,f=c.length):f=(n=(u=Math.max(a,l))>0?a>l?TRANSITION:ANIMATION:null)?n===TRANSITION?o.length:c.length:0,{type:n,timeout:u,propCount:f,hasTransform:n===TRANSITION&&transformRE.test(r[transitionProp+"Property"])}}function getTimeout(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max.apply(null,t.map(function(t,n){return toMs(t)+toMs(e[n])}))}function toMs(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function enter(e,t){var n=e.elm;isDef(n._leaveCb)&&(n._leaveCb.cancelled=!0,n._leaveCb());var r=resolveTransition(e.data.transition);if(!isUndef(r)&&!isDef(n._enterCb)&&1===n.nodeType){for(var i=r.css,o=r.type,a=r.enterClass,s=r.enterToClass,c=r.enterActiveClass,l=r.appearClass,u=r.appearToClass,f=r.appearActiveClass,d=r.beforeEnter,p=r.enter,v=r.afterEnter,h=r.enterCancelled,m=r.beforeAppear,y=r.appear,g=r.afterAppear,_=r.appearCancelled,b=r.duration,C=activeInstance,S=activeInstance.$vnode;S&&S.parent;)C=S.context,S=S.parent;var T=!C._isMounted||!e.isRootInsert;if(!T||y||""===y){var O=T&&l?l:a,x=T&&f?f:c,E=T&&u?u:s,k=T&&m||d,A=T&&isFunction(y)?y:p,D=T&&g||v,w=T&&_||h,R=toNumber(isObject(b)?b.enter:b);0;var N=!1!==i&&!isIE9,I=getHookArgumentsLength(A),$=n._enterCb=once(function(){N&&(removeTransitionClass(n,E),removeTransitionClass(n,x)),$.cancelled?(N&&removeTransitionClass(n,O),w&&w(n)):D&&D(n),n._enterCb=null});e.data.show||mergeVNodeHook(e,"insert",function(){var t=n.parentNode,r=t&&t._pending&&t._pending[e.key];r&&r.tag===e.tag&&r.elm._leaveCb&&r.elm._leaveCb(),A&&A(n,$)}),k&&k(n),N&&(addTransitionClass(n,O),addTransitionClass(n,x),nextFrame(function(){removeTransitionClass(n,O),$.cancelled||(addTransitionClass(n,E),I||(isValidDuration(R)?setTimeout($,R):whenTransitionEnds(n,o,$)))})),e.data.show&&(t&&t(),A&&A(n,$)),N||I||$()}}}function leave(e,t){var n=e.elm;isDef(n._enterCb)&&(n._enterCb.cancelled=!0,n._enterCb());var r=resolveTransition(e.data.transition);if(isUndef(r)||1!==n.nodeType)return t();if(!isDef(n._leaveCb)){var i=r.css,o=r.type,a=r.leaveClass,s=r.leaveToClass,c=r.leaveActiveClass,l=r.beforeLeave,u=r.leave,f=r.afterLeave,d=r.leaveCancelled,p=r.delayLeave,v=r.duration,h=!1!==i&&!isIE9,m=getHookArgumentsLength(u),y=toNumber(isObject(v)?v.leave:v);0;var g=n._leaveCb=once(function(){n.parentNode&&n.parentNode._pending&&(n.parentNode._pending[e.key]=null),h&&(removeTransitionClass(n,s),removeTransitionClass(n,c)),g.cancelled?(h&&removeTransitionClass(n,a),d&&d(n)):(t(),f&&f(n)),n._leaveCb=null});p?p(_):_()}function _(){g.cancelled||(!e.data.show&&n.parentNode&&((n.parentNode._pending||(n.parentNode._pending={}))[e.key]=e),l&&l(n),h&&(addTransitionClass(n,a),addTransitionClass(n,c),nextFrame(function(){removeTransitionClass(n,a),g.cancelled||(addTransitionClass(n,s),m||(isValidDuration(y)?setTimeout(g,y):whenTransitionEnds(n,o,g)))})),u&&u(n,g),h||m||g())}}function checkDuration(e,t,n){"number"!=typeof e?warn("<transition> explicit ".concat(t," duration is not a valid number - ")+"got ".concat(JSON.stringify(e),"."),n.context):isNaN(e)&&warn("<transition> explicit ".concat(t," duration is NaN - ")+"the duration expression might be incorrect.",n.context)}function isValidDuration(e){return"number"==typeof e&&!isNaN(e)}function getHookArgumentsLength(e){if(isUndef(e))return!1;var t=e.fns;return isDef(t)?getHookArgumentsLength(Array.isArray(t)?t[0]:t):(e._length||e.length)>1}function _enter(e,t){!0!==t.data.show&&enter(t)}var transition=inBrowser?{create:_enter,activate:_enter,remove:function(e,t){!0!==e.data.show?leave(e,t):t()}}:{},platformModules=[attrs,klass,events,domProps,style,transition],modules=platformModules.concat(baseModules),patch=createPatchFunction({nodeOps:nodeOps,modules:modules});isIE9&&document.addEventListener("selectionchange",function(){var e=document.activeElement;e&&e.vmodel&&trigger(e,"input")});var directive={inserted:function(e,t,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?mergeVNodeHook(n,"postpatch",function(){directive.componentUpdated(e,t,n)}):setSelected(e,t,n.context),e._vOptions=[].map.call(e.options,getValue)):("textarea"===n.tag||isTextInputType(e.type))&&(e._vModifiers=t.modifiers,t.modifiers.lazy||(e.addEventListener("compositionstart",onCompositionStart),e.addEventListener("compositionend",onCompositionEnd),e.addEventListener("change",onCompositionEnd),isIE9&&(e.vmodel=!0)))},componentUpdated:function(e,t,n){if("select"===n.tag){setSelected(e,t,n.context);var r=e._vOptions,i=e._vOptions=[].map.call(e.options,getValue);if(i.some(function(e,t){return!looseEqual(e,r[t])}))(e.multiple?t.value.some(function(e){return hasNoMatchingOption(e,i)}):t.value!==t.oldValue&&hasNoMatchingOption(t.value,i))&&trigger(e,"change")}}};function setSelected(e,t,n){actuallySetSelected(e,t,n),(isIE||isEdge)&&setTimeout(function(){actuallySetSelected(e,t,n)},0)}function actuallySetSelected(e,t,n){var r=t.value,i=e.multiple;if(!i||Array.isArray(r)){for(var o,a,s=0,c=e.options.length;s<c;s++)if(a=e.options[s],i)o=looseIndexOf(r,getValue(a))>-1,a.selected!==o&&(a.selected=o);else if(looseEqual(getValue(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));i||(e.selectedIndex=-1)}}function hasNoMatchingOption(e,t){return t.every(function(t){return!looseEqual(t,e)})}function getValue(e){return"_value"in e?e._value:e.value}function onCompositionStart(e){e.target.composing=!0}function onCompositionEnd(e){e.target.composing&&(e.target.composing=!1,trigger(e.target,"input"))}function trigger(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function locateNode(e){return!e.componentInstance||e.data&&e.data.transition?e:locateNode(e.componentInstance._vnode)}var show={bind:function(e,t,n){var r=t.value,i=(n=locateNode(n)).data&&n.data.transition,o=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&i?(n.data.show=!0,enter(n,function(){e.style.display=o})):e.style.display=r?o:"none"},update:function(e,t,n){var r=t.value;!r!=!t.oldValue&&((n=locateNode(n)).data&&n.data.transition?(n.data.show=!0,r?enter(n,function(){e.style.display=e.__vOriginalDisplay}):leave(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,i){i||(e.style.display=e.__vOriginalDisplay)}},platformDirectives={model:directive,show:show},transitionProps={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function getRealChild(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?getRealChild(getFirstComponentChild(t.children)):e}function extractTransitionData(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var r in i)t[camelize(r)]=i[r];return t}function placeholder(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}function hasParentTransition(e){for(;e=e.parent;)if(e.data.transition)return!0}function isSameChild(e,t){return t.key===e.key&&t.tag===e.tag}var isNotTextNode=function(e){return e.tag||isAsyncPlaceholder(e)},isVShowDirective=function(e){return"show"===e.name},Transition={name:"transition",props:transitionProps,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(isNotTextNode)).length){0;var r=this.mode;0;var i=n[0];if(hasParentTransition(this.$vnode))return i;var o=getRealChild(i);if(!o)return i;if(this._leaving)return placeholder(e,i);var a="__transition-".concat(this._uid,"-");o.key=null==o.key?o.isComment?a+"comment":a+o.tag:isPrimitive(o.key)?0===String(o.key).indexOf(a)?o.key:a+o.key:o.key;var s=(o.data||(o.data={})).transition=extractTransitionData(this),c=this._vnode,l=getRealChild(c);if(o.data.directives&&o.data.directives.some(isVShowDirective)&&(o.data.show=!0),l&&l.data&&!isSameChild(o,l)&&!isAsyncPlaceholder(l)&&(!l.componentInstance||!l.componentInstance._vnode.isComment)){var u=l.data.transition=extend({},s);if("out-in"===r)return this._leaving=!0,mergeVNodeHook(u,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),placeholder(e,i);if("in-out"===r){if(isAsyncPlaceholder(o))return c;var f,d=function(){f()};mergeVNodeHook(s,"afterEnter",d),mergeVNodeHook(s,"enterCancelled",d),mergeVNodeHook(u,"delayLeave",function(e){f=e})}}return i}}},props=extend({tag:String,moveClass:String},transitionProps);delete props.mode;var TransitionGroup={props:props,beforeMount:function(){var e=this,t=this._update;this._update=function(n,r){var i=setActiveInstance(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,i(),t.call(e,n,r)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],o=this.children=[],a=extractTransitionData(this),s=0;s<i.length;s++){if((u=i[s]).tag)if(null!=u.key&&0!==String(u.key).indexOf("__vlist"))o.push(u),n[u.key]=u,(u.data||(u.data={})).transition=a;else;}if(r){var c=[],l=[];for(s=0;s<r.length;s++){var u;(u=r[s]).data.transition=a,u.data.pos=u.elm.getBoundingClientRect(),n[u.key]?c.push(u):l.push(u)}this.kept=e(t,null,c),this.removed=l}return e(t,null,o)},updated:function(){var e=this.prevChildren,t=this.moveClass||(this.name||"v")+"-move";e.length&&this.hasMove(e[0].elm,t)&&(e.forEach(callPendingCbs),e.forEach(recordPosition),e.forEach(applyTranslation),this._reflow=document.body.offsetHeight,e.forEach(function(e){if(e.data.moved){var n=e.elm,r=n.style;addTransitionClass(n,t),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(transitionEndEvent,n._moveCb=function e(r){r&&r.target!==n||r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(transitionEndEvent,e),n._moveCb=null,removeTransitionClass(n,t))})}}))},methods:{hasMove:function(e,t){if(!hasTransition)return!1;if(this._hasMove)return this._hasMove;var n=e.cloneNode();e._transitionClasses&&e._transitionClasses.forEach(function(e){removeClass(n,e)}),addClass(n,t),n.style.display="none",this.$el.appendChild(n);var r=getTransitionInfo(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}};function callPendingCbs(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function recordPosition(e){e.data.newPos=e.elm.getBoundingClientRect()}function applyTranslation(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var o=e.elm.style;o.transform=o.WebkitTransform="translate(".concat(r,"px,").concat(i,"px)"),o.transitionDuration="0s"}}var platformComponents={Transition:Transition,TransitionGroup:TransitionGroup};Vue.config.mustUseProp=mustUseProp,Vue.config.isReservedTag=isReservedTag,Vue.config.isReservedAttr=isReservedAttr,Vue.config.getTagNamespace=getTagNamespace,Vue.config.isUnknownElement=isUnknownElement,extend(Vue.options.directives,platformDirectives),extend(Vue.options.components,platformComponents),Vue.prototype.__patch__=inBrowser?patch:noop,Vue.prototype.$mount=function(e,t){return mountComponent(this,e=e&&inBrowser?query(e):void 0,t)},inBrowser&&setTimeout(function(){config.devtools&&devtools&&devtools.emit("init",Vue)},0);export{EffectScope,computed,customRef,Vue as default,defineAsyncComponent,defineComponent,del,effectScope,getCurrentInstance,getCurrentScope,h,inject,isProxy,isReactive,isReadonly,isRef,isShallow,markRaw,mergeDefaults,nextTick,onActivated,onBeforeMount,onBeforeUnmount,onBeforeUpdate,onDeactivated,onErrorCaptured,onMounted,onRenderTracked,onRenderTriggered,onScopeDispose,onServerPrefetch,onUnmounted,onUpdated,provide,proxyRefs,reactive,readonly,ref$1 as ref,set,shallowReactive,shallowReadonly,shallowRef,toRaw,toRef,toRefs,triggerRef,unref,useAttrs,useCssModule,useCssVars,useListeners,useSlots,version,watch,watchEffect,watchPostEffect,watchSyncEffect};
\ No newline at end of file
diff --git a/kirby/src/Api/Controller/Changes.php b/kirby/src/Api/Controller/Changes.php
new file mode 100644
index 0000000..12c59d9
--- /dev/null
+++ b/kirby/src/Api/Controller/Changes.php
@@ -0,0 +1,137 @@
+<?php
+
+namespace Kirby\Api\Controller;
+
+use Kirby\Cms\Language;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Content\Lock;
+use Kirby\Filesystem\F;
+use Kirby\Form\Fields;
+use Kirby\Form\Form;
+
+/**
+ * The Changes controller takes care of the request logic
+ * to save, discard and publish changes.
+ *
+ * @package   Kirby Api
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class Changes
+{
+	/**
+	 * Cleans up legacy lock files. The `discard`, `publish` and `save` actions
+	 * are perfect for this cleanup job. They will be stopped early if
+	 * the lock is still active and otherwise, we can use them to clean
+	 * up outdated .lock files to keep the content folders clean. This
+	 * can be removed as soon as old .lock files should no longer be around.
+	 *
+	 * @todo Remove in 6.0.0
+	 */
+	protected static function cleanup(ModelWithContent $model): void
+	{
+		F::remove(Lock::legacyFile($model));
+	}
+
+	/**
+	 * Discards unsaved changes by deleting the changes version
+	 */
+	public static function discard(ModelWithContent $model): array
+	{
+		$model->version('changes')->delete('current');
+
+		// Removes the old .lock file when it is no longer needed
+		// @todo Remove in 6.0.0
+		static::cleanup($model);
+
+		return [
+			'status' => 'ok'
+		];
+	}
+
+	/**
+	 * Saves the lastest state of changes first and then publishes them
+	 */
+	public static function publish(ModelWithContent $model, array $input): array
+	{
+		// save the given changes first
+		static::save(
+			model: $model,
+			input: $input
+		);
+
+		// Removes the old .lock file when it is no longer needed
+		// @todo Remove in 6.0.0
+		static::cleanup($model);
+
+		// get the changes version
+		$changes = $model->version('changes');
+
+		// if the changes version does not exist, we need to return early
+		if ($changes->exists('current') === false) {
+			return [
+				'status' => 'ok',
+			];
+		}
+
+		// publish the changes
+		$changes->publish(
+			language: 'current'
+		);
+
+		return [
+			'status' => 'ok'
+		];
+	}
+
+	/**
+	 * Saves form input in a new or existing `changes` version
+	 */
+	public static function save(ModelWithContent $model, array $input): array
+	{
+		// Removes the old .lock file when it is no longer needed
+		// @todo Remove in 6.0.0
+		static::cleanup($model);
+
+		// get the current language
+		$language = Language::ensure('current');
+
+		// create the fields instance for the model
+		$fields = Fields::for($model, $language);
+
+		// get the changes and latest version for the model
+		$changes = $model->version('changes');
+		$latest  = $model->version('latest');
+
+		// get the source version for the existing content
+		$source  = $changes->exists($language) === true ? $changes : $latest;
+		$content = $source->content($language)->toArray();
+
+		// fill in the form values and pass through any values that are not
+		// defined as fields, such as uuid, title or similar.
+		$fields->fill(input: $content);
+
+		// submit the new values from the request input
+		$fields->submit(input: $input);
+
+		// save the changes
+		$changes->save(
+			fields:   $fields->toStoredValues(),
+			language: $language
+		);
+
+		// if the changes are identical to the latest version,
+		// we can delete the changes version already at this point
+		if ($changes->isIdentical(version: $latest, language: $language)) {
+			$changes->delete(
+				language: $language
+			);
+		}
+
+		return [
+			'status' => 'ok'
+		];
+	}
+}
diff --git a/kirby/src/Api/Upload.php b/kirby/src/Api/Upload.php
new file mode 100644
index 0000000..adf301d
--- /dev/null
+++ b/kirby/src/Api/Upload.php
@@ -0,0 +1,436 @@
+<?php
+
+namespace Kirby\Api;
+
+use Closure;
+use Exception;
+use Kirby\Cms\App;
+use Kirby\Cms\File;
+use Kirby\Cms\FileRules;
+use Kirby\Cms\Page;
+use Kirby\Exception\DuplicateException;
+use Kirby\Exception\InvalidArgumentException;
+use Kirby\Exception\NotFoundException;
+use Kirby\Filesystem\Dir;
+use Kirby\Filesystem\F;
+use Kirby\Toolkit\I18n;
+use Kirby\Toolkit\Str;
+
+/**
+ * The Upload class handles file uploads in the
+ * context of the API. It adds support for chunked
+ * uploads.
+ *
+ * @package   Kirby Api
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+readonly class Upload
+{
+	public function __construct(
+		protected Api $api,
+		protected bool $single = true,
+		protected bool $debug = false
+	) {
+	}
+
+	/**
+	 * Ensures a clean chunk ID by stripping forbidden characters
+	 *
+	 * @throws \Kirby\Exception\InvalidArgumentException Too short ID string
+	 */
+	public static function chunkId(string $id): string
+	{
+		$id = Str::slug($id, '', 'a-z0-9');
+
+		if (strlen($id) < 3) {
+			throw new InvalidArgumentException(
+				message: 'Chunk ID must at least be 3 characters long'
+			);
+		}
+
+		return $id;
+	}
+
+	/**
+	 * Returns the ideal size for a file chunk
+	 */
+	public static function chunkSize(): int
+	{
+		$max = [
+			Str::toBytes(ini_get('upload_max_filesize')),
+			Str::toBytes(ini_get('post_max_size'))
+		];
+
+		// consider cloudflare proxy limit, if detected
+		if (isset($_SERVER['HTTP_CF_CONNECTING_IP']) === true) {
+			$max[] = Str::toBytes('100M');
+		}
+
+		// to be sure, only use 95% of the max possible upload size
+		return (int)floor(min($max) * 0.95);
+	}
+
+	/**
+	 * Clean up tmp directory of stale files
+	 */
+	public static function cleanTmpDir(): void
+	{
+		foreach (Dir::files($dir = static::tmpDir(), [], true) as $file) {
+			// remove any file that hasn't been altered
+			// in the last 24 hours
+			if (F::modified($file) < time() - 86400) {
+				F::remove($file);
+			}
+		}
+
+		// remove tmp directory if completely empty
+		if (Dir::isEmpty($dir) === true) {
+			Dir::remove($dir);
+		}
+	}
+
+	/**
+	 * Throws an exception with the appropriate translated error message
+	 *
+	 * @throws \Exception Any upload error
+	 */
+	public static function error(int $error): void
+	{
+		// get error messages from translation
+		$message = [
+			UPLOAD_ERR_INI_SIZE   => I18n::translate('upload.error.iniSize'),
+			UPLOAD_ERR_FORM_SIZE  => I18n::translate('upload.error.formSize'),
+			UPLOAD_ERR_PARTIAL    => I18n::translate('upload.error.partial'),
+			UPLOAD_ERR_NO_FILE    => I18n::translate('upload.error.noFile'),
+			UPLOAD_ERR_NO_TMP_DIR => I18n::translate('upload.error.tmpDir'),
+			UPLOAD_ERR_CANT_WRITE => I18n::translate('upload.error.cantWrite'),
+			UPLOAD_ERR_EXTENSION  => I18n::translate('upload.error.extension')
+		];
+
+		throw new Exception(
+			message: $message[$error] ?? I18n::translate('upload.error.default', 'The file could not be uploaded')
+		);
+	}
+
+	/**
+	 * Sanitize the filename and extension
+	 * based on the detected mime type
+	 */
+	public static function filename(array $upload): string
+	{
+		// get the extension of the uploaded file
+		$extension = F::extension($upload['name']);
+
+		// try to detect the correct mime and add the extension
+		// accordingly. This will avoid .tmp filenames
+		if (
+			empty($extension) === true ||
+			in_array($extension, ['tmp', 'temp'], true) === true
+		) {
+			$mime      = F::mime($upload['tmp_name']);
+			$extension = F::mimeToExtension($mime);
+			$filename  = F::name($upload['name']) . '.' . $extension;
+			return $filename;
+		}
+
+		return basename($upload['name']);
+	}
+
+	/**
+	 * Upload the files and call closure for each file
+	 *
+	 * @throws \Exception Any upload error
+	 */
+	public function process(Closure $callback): array
+	{
+		$files   = $this->api->requestFiles();
+		$uploads = [];
+		$errors  = [];
+
+		static::validateFiles($files);
+
+		foreach ($files as $upload) {
+			if (
+				isset($upload['tmp_name']) === false &&
+				is_array($upload) === true
+			) {
+				continue;
+			}
+
+			try {
+				if ($upload['error'] !== 0) {
+					static::error($upload['error']);
+				}
+
+				$filename = static::filename($upload);
+				$source   = $this->source($upload['tmp_name'], $filename);
+
+				// if the file is uploaded in chunks…
+				if ($this->api->requestHeaders('Upload-Length')) {
+					$source = $this->processChunk($source, $filename);
+				}
+
+				// apply callback only to complete uploads
+				// (incomplete chunk request will return empty $source)
+				$data = match ($source) {
+					null    => null,
+					default => $callback($source, $filename)
+				};
+
+				$uploads[$upload['name']] = match (true) {
+					is_object($data) => $this->api->resolve($data)->toArray(),
+					default          => $data
+				};
+			} catch (Exception $e) {
+				$errors[$upload['name']] = $e->getMessage();
+
+				// clean up file from system tmp directory
+				F::unlink($upload['tmp_name']);
+			}
+
+			if ($this->single === true) {
+				break;
+			}
+		}
+
+		return static::response($uploads, $errors);
+	}
+
+	/**
+	 * Handle chunked uploads by merging all chunks
+	 * in the tmp directory and only returning the new
+	 * $source path to the tmp file once complete
+	 *
+	 * @throws \Kirby\Exception\DuplicateException Duplicate first chunk (same filename and id)
+	 * @throws \Kirby\Exception\Exception Chunk offset does not match existing tmp file
+	 * @throws \Kirby\Exception\InvalidArgumentException Too short ID string
+	 * @throws \Kirby\Exception\NotFoundException Subsequent chunk has no  existing tmp file
+	 */
+	public function processChunk(
+		string $source,
+		string $filename
+	): string|null {
+		// ensure the tmp upload directory exists
+		Dir::make($dir = static::tmpDir());
+
+		// create path for file in tmp upload directory;
+		// prefix with id while file isn't completely uploaded yet
+		$id       = $this->api->requestHeaders('Upload-Id', '');
+		$id       = static::chunkId($id);
+		$total    = (int)$this->api->requestHeaders('Upload-Length');
+		$filename = basename($filename);
+		$tmpRoot  = $dir . '/' . $id . '-' . $filename;
+
+		// validate various aspects of the request
+		// to ensure the chunk isn't trying to do malicious actions
+		static::validateChunk(
+			source:   $source,
+			tmp:      $tmpRoot,
+			total:    $total,
+			offset:   $this->api->requestHeaders('Upload-Offset'),
+			template: $this->api->requestBody('template'),
+		);
+
+		// stream chunk content and append it to partial file
+		stream_copy_to_stream(
+			fopen($source, 'r'),
+			fopen($tmpRoot, 'a')
+		);
+
+		// clear file stat cache so the following call to `F::size`
+		// really returns the updated file size
+		clearstatcache();
+
+		// if file isn't complete yet, return early
+		if (F::size($tmpRoot) < $total) {
+			return null;
+		}
+
+		// remove id from partial filename now the file is complete,
+		// so we can pass the path from the tmp upload directory
+		// as new source path for the file back to the API upload method
+		rename(
+			$tmpRoot,
+			$source = $dir . '/' . $filename
+		);
+
+		return $source;
+	}
+
+	/**
+	 * Convert uploads and errors in response array for API response
+	 */
+	public static function response(
+		array $uploads,
+		array $errors
+	): array {
+		if (count($uploads) + count($errors) <= 1) {
+			if (count($errors) > 0) {
+				return [
+					'status'  => 'error',
+					'message' => current($errors)
+				];
+			}
+
+			return [
+				'status' => 'ok',
+				'data'   => $uploads ? current($uploads) : null
+			];
+		}
+
+		if (count($errors) > 0) {
+			return [
+				'status' => 'error',
+				'errors' => $errors
+			];
+		}
+
+		return [
+			'status' => 'ok',
+			'data'   => $uploads
+		];
+	}
+
+	/**
+	 * Move the tmp file to a location including the extension,
+	 * for better mime detection and return updated source path
+	 *
+	 * @codeCoverageIgnore
+	 */
+	public function source(string $source, string $filename): string
+	{
+		if ($this->debug === true) {
+			return $source;
+		}
+
+		$target = dirname($source) . '/' . uniqid() . '.' . $filename;
+
+		if (move_uploaded_file($source, $target)) {
+			return $target;
+		}
+
+		throw new Exception(
+			message: I18n::translate('upload.error.cantMove')
+		);
+	}
+
+	/**
+	 * Returns root of directory used for
+	 * temporarily storing (incomplete) uploads
+	 * @codeCoverageIgnore
+	 */
+	protected static function tmpDir(): string
+	{
+		return App::instance()->root('cache') . '/.uploads';
+	}
+
+	/**
+	 * Ensures the sent chunk is valid
+	 *
+	 * @throws \Kirby\Exception\DuplicateException Duplicate first chunk (same filename and id)
+	 * @throws \Kirby\Exception\InvalidArgumentException Chunk offset does not match existing tmp file
+	 * @throws \Kirby\Exception\InvalidArgumentException The maximum file size for this blueprint was exceeded
+	 * @throws \Kirby\Exception\NotFoundException Subsequent chunk has no  existing tmp file
+	 */
+	protected static function validateChunk(
+		string $source,
+		string $tmp,
+		int $total,
+		int $offset,
+		string|null $template = null
+	): void {
+		$file = new File([
+			'parent'   => new Page(['slug' => 'tmp']),
+			'filename' => $filename = basename($tmp),
+			'template' => $template
+		]);
+
+		// if the blueprint `maxsize` option is set,
+		// ensure that the total size communicated in the header
+		// as well as the current tmp size after adding this chunk
+		// do not exceed the max limit
+		if (
+			($max = $file->blueprint()->accept()['maxsize'] ?? null) &&
+			(
+				$total > $max ||
+				(F::size($source) + F::size($tmp)) > $max
+			)
+		) {
+			throw new InvalidArgumentException(
+				key: 'file.maxsize'
+			);
+		}
+
+		// validate the first chunk
+		if ($offset === 0) {
+			// sent chunk is expected to be the first part,
+			// but tmp file already exists
+			if (F::exists($tmp) === true) {
+				throw new DuplicateException(
+					message: 'A tmp file upload with the same filename and upload id already exists: ' . $filename
+				);
+			}
+
+			// validate file (extension, name) for first chunk;
+			// will also be validate again by `$model->createFile()`
+			// when completely uploaded
+			FileRules::validFile($file, false);
+
+			// first chunk is valid
+			return;
+		}
+
+		// validate subsequent chunks:
+		// no tmp in place
+		if (F::exists($tmp) === false) {
+			throw new NotFoundException(
+				message: 'Chunk offset ' . $offset . ' for non-existing tmp file: ' . $filename
+			);
+		}
+
+		// sent chunk's offset is not the continuation of the tmp file
+		if ($offset !== F::size($tmp)) {
+			throw new InvalidArgumentException(
+				message: 'Chunk offset ' . $offset . ' does not match the existing tmp upload file size of ' . F::size($tmp)
+			);
+		}
+	}
+
+	/**
+	 * Validate the files array for upload
+	 *
+	 * @throws \Exception No files were uploaded
+	 */
+	protected static function validateFiles(array $files): void
+	{
+		if ($files === []) {
+			$postMaxSize       = Str::toBytes(ini_get('post_max_size'));
+			$uploadMaxFileSize = Str::toBytes(ini_get('upload_max_filesize'));
+
+			// @codeCoverageIgnoreStart
+			if ($postMaxSize < $uploadMaxFileSize) {
+				throw new Exception(
+					message:
+					I18n::translate(
+						'upload.error.iniPostSize',
+						'The uploaded file exceeds the post_max_size directive in php.ini'
+					)
+				);
+			}
+			// @codeCoverageIgnoreEnd
+
+			throw new Exception(
+				message:
+				I18n::translate(
+					'upload.error.noFiles',
+					'No files were uploaded'
+				)
+			);
+		}
+	}
+}
diff --git a/kirby/src/Cache/RedisCache.php b/kirby/src/Cache/RedisCache.php
new file mode 100644
index 0000000..f089922
--- /dev/null
+++ b/kirby/src/Cache/RedisCache.php
@@ -0,0 +1,160 @@
+<?php
+
+namespace Kirby\Cache;
+
+use Kirby\Cms\Helpers;
+use Redis;
+use Throwable;
+
+/**
+ * Redis Cache Driver
+ *
+ * @package   Kirby Cache
+ * @author    Ahmet Bora <ahmet@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://opensource.org/licenses/MIT
+ */
+class RedisCache extends Cache
+{
+	/**
+	 * Store for the redis connection
+	 */
+	protected Redis $connection;
+
+	/**
+	 * Sets all parameters which are needed to connect to Redis
+	 *
+	 * @param array $options 'host'   (default: 127.0.0.1)
+	 *                       'port'   (default: 6379)
+	 */
+	public function __construct(array $options = [])
+	{
+		$options = [
+			'host' => '127.0.0.1',
+			'port' => 6379,
+			...$options
+		];
+
+		parent::__construct($options);
+
+		// available options for the redis driver
+		$allowed = [
+			'host',
+			'port',
+			'readTimeout',
+			'connectTimeout',
+			'persistent',
+			'auth',
+			'ssl',
+			'retryInterval',
+			'backoff'
+		];
+
+		// filters only redis supported keys
+		$redisOptions = array_intersect_key($options, array_flip($allowed));
+
+		// creates redis connection
+		$this->connection = new Redis($redisOptions);
+
+		// sets the prefix if defined
+		if ($prefix = $options['prefix'] ?? null) {
+			$this->connection->setOption(Redis::OPT_PREFIX, rtrim($prefix, '/') . '/');
+		}
+
+		// selects the database if defined
+		$database = $options['database'] ?? null;
+		if ($database !== null) {
+			$this->connection->select($database);
+		}
+	}
+
+	/**
+	 * Returns the database number
+	 */
+	public function databaseNum(): int
+	{
+		return $this->connection->getDbNum();
+	}
+
+	/**
+	 * Returns whether the cache is ready to store values
+	 */
+	public function enabled(): bool
+	{
+		try {
+			return Helpers::handleErrors(
+				fn () => $this->connection->ping(),
+				fn (int $errno, string $errstr) => true,
+				fn () => false
+			);
+		} catch (Throwable) {
+			return false;
+		}
+	}
+
+	/**
+	 * Determines if an item exists in the cache
+	 */
+	public function exists(string $key): bool
+	{
+		return $this->connection->exists($this->key($key)) !== 0;
+	}
+
+	/**
+	 * Removes keys from the database
+	 * and returns whether the operation was successful
+	 */
+	public function flush(): bool
+	{
+		return $this->connection->flushDB();
+	}
+
+	/**
+	 * The key is not modified, because the prefix is added by the redis driver itself
+	 */
+	protected function key(string $key): string
+	{
+		return $key;
+	}
+
+	/**
+	 * Removes an item from the cache
+	 * and returns whether the operation was successful
+	 */
+	public function remove(string $key): bool
+	{
+		return $this->connection->del($this->key($key));
+	}
+
+	/**
+	 * Internal method to retrieve the raw cache value;
+	 * needs to return a Value object or null if not found
+	 */
+	public function retrieve(string $key): Value|null
+	{
+		$value = $this->connection->get($this->key($key));
+		return Value::fromJson($value);
+	}
+
+	/**
+	 * Writes an item to the cache for a given number of minutes
+	 * and returns whether the operation was successful
+	 *
+	 * ```php
+	 * // put an item in the cache for 15 minutes
+	 * $cache->set('value', 'my value', 15);
+	 * ```
+	 */
+	public function set(string $key, $value, int $minutes = 0): bool
+	{
+		$key   = $this->key($key);
+		$value = (new Value($value, $minutes))->toJson();
+
+		if ($minutes > 0) {
+			return $this->connection->setex($key, $minutes * 60, $value);
+		}
+
+		return $this->connection->set($key, $value);
+	}
+}
diff --git a/kirby/src/Cms/Events.php b/kirby/src/Cms/Events.php
new file mode 100644
index 0000000..1cb87f7
--- /dev/null
+++ b/kirby/src/Cms/Events.php
@@ -0,0 +1,130 @@
+<?php
+
+namespace Kirby\Cms;
+
+use Closure;
+
+/**
+ * The `Events` class outsources the logic of
+ * `App::apply()` and `App::trigger()` methods
+ * and makes them easier and more predictable to test.
+ *
+ * @package   Kirby Cms
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+class Events
+{
+	protected int $level = 0;
+	protected array $processed = [];
+
+	public function __construct(
+		protected App $app
+	) {
+	}
+
+	/**
+	 * Runs the hook and applies the result to the argument
+	 * specified by the $modify parameter. By default, the
+	 * first argument is modified.
+	 */
+	public function apply(
+		string $name,
+		array $args = [],
+		string|null $modify = null
+	): mixed {
+		// modify the first argument by default
+		$modify ??= array_key_first($args);
+
+		return $this->process(
+			$name,
+			$args,
+			// update $modify value after each hook callback
+			fn ($event, $result) => $event->updateArgument($modify, $result),
+			// return the modified value
+			fn ($event) => $event->argument($modify)
+		);
+	}
+
+	/**
+	 * Returns all matching hook handlers for the given event
+	 */
+	public function hooks(Event $event): array
+	{
+		// get all hooks for the event name
+		$name   = $event->name();
+		$hooks  = $this->app->extensions('hooks') ?? [];
+		$result = $hooks[$name] ?? [];
+
+		// get all hooks for the event name wildcards
+		foreach ($event->nameWildcards() as $wildcard) {
+			$result = [
+				...$result,
+				...$hooks[$wildcard] ?? []
+			];
+		}
+
+		return $result;
+	}
+
+	/**
+	 * Runs the hook
+	 *
+	 * @return ($return is null ? void : mixed)
+	 */
+	protected function process(
+		string $name,
+		array $args,
+		Closure|null $afterEach = null,
+		Closure|null $return = null
+	) {
+		// create the event object and get all hook callbacks for this event
+		$event = new Event($name, $args);
+		$hooks = $this->hooks($event);
+
+		$this->level++;
+
+		foreach ($hooks as $hook) {
+			// skip hooks that have already been processed
+			if (in_array($hook, $this->processed[$name] ?? []) === true) {
+				continue;
+			}
+
+			// mark the hook as processed, to avoid endless loops
+			$this->processed[$name][] = $hook;
+
+			// bind the Kirby instance to the hook and run it
+			$result = $event->call($this->app, $hook);
+
+			// run the afterEach callback
+			if ($afterEach !== null) {
+				$afterEach($event, $result);
+			}
+		}
+
+		$this->level--;
+
+		// reset the protection after the last nesting level has been closed
+		if ($this->level === 0) {
+			$this->processed = [];
+		}
+
+		// run the return callback
+		if ($return !== null) {
+			return $return($event);
+		}
+	}
+
+	/**
+	 * Runs the hook without modifying the arguments
+	 */
+	public function trigger(
+		string $name,
+		array $args = []
+	): void {
+		$this->process($name, $args);
+	}
+}
diff --git a/kirby/src/Cms/HasModels.php b/kirby/src/Cms/HasModels.php
new file mode 100644
index 0000000..8fd6dab
--- /dev/null
+++ b/kirby/src/Cms/HasModels.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace Kirby\Cms;
+
+/**
+ * HasModels
+ *
+ * @package   Kirby Cms
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+trait HasModels
+{
+	/**
+	 * Registry with all custom models
+	 */
+	public static array $models = [];
+
+	/**
+	 * Adds new models to the registry
+	 * @internal
+	 */
+	public static function extendModels(array $models): array
+	{
+		return static::$models = [
+			...static::$models,
+			...array_change_key_case($models, CASE_LOWER)
+		];
+	}
+
+	/**
+	 * Creates an object from model if it has been registered
+	 */
+	public static function model(string $name, array $props = []): static
+	{
+		$name    = strtolower($name);
+		$class   = static::$models[$name] ?? null;
+		$class ??= static::$models['default'] ?? null;
+
+		if ($class !== null) {
+			$object = new $class($props);
+
+			if ($object instanceof self) {
+				return $object;
+			}
+		}
+
+		return new static($props);
+	}
+}
diff --git a/kirby/src/Cms/LanguagePermissions.php b/kirby/src/Cms/LanguagePermissions.php
new file mode 100644
index 0000000..b73871e
--- /dev/null
+++ b/kirby/src/Cms/LanguagePermissions.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace Kirby\Cms;
+
+/**
+ * LanguagePermissions
+ *
+ * @package   Kirby Cms
+ * @author    Ahmet Bora <ahmet@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class LanguagePermissions extends ModelPermissions
+{
+	protected const CATEGORY = 'languages';
+
+	protected function canDelete(): bool
+	{
+		return $this->model->isDeletable() === true;
+	}
+}
diff --git a/kirby/src/Cms/ModelCommit.php b/kirby/src/Cms/ModelCommit.php
new file mode 100644
index 0000000..8f90cc6
--- /dev/null
+++ b/kirby/src/Cms/ModelCommit.php
@@ -0,0 +1,243 @@
+<?php
+
+namespace Kirby\Cms;
+
+use Closure;
+use Kirby\Exception\Exception;
+
+/**
+ * The ModelCommit class is used to commit a given model action
+ * in the model action classes. It takes care of running
+ * the `before` and `after` hooks and updating the state
+ * of the given model.
+ *
+ * @package   Kirby Cms
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class ModelCommit
+{
+	protected App $kirby;
+	protected string $prefix;
+
+	public function __construct(
+		protected ModelWithContent $model,
+		protected string $action
+	) {
+		$this->kirby  = $this->model->kirby();
+		$this->prefix = $this->model::CLASS_ALIAS;
+	}
+
+	/**
+	 * Runs the `after` hook and returns the result.
+	 */
+	public function after(mixed $state): mixed
+	{
+		// run the `after` hook
+		$arguments = $this->afterHookArguments($state);
+		$hook      = $this->hook('after', $arguments);
+
+		// flush the page cache after any model action
+		$this->kirby->cache('pages')->flush();
+
+		return $hook['result'];
+	}
+
+	/**
+	 * Returns the appropriate arguments for the `after` hook
+	 * for the given model action. It's a wrapper around the
+	 * more specific `afterHookArgumentsFor*Actions` methods.
+	 */
+	public function afterHookArguments(mixed $state): array
+	{
+		return match (true) {
+			$this->model instanceof File =>
+				$this->afterHookArgumentsForFileActions($this->model, $this->action, $state),
+			$this->model instanceof Page =>
+				$this->afterHookArgumentsForPageActions($this->model, $this->action, $state),
+			$this->model instanceof Site =>
+				$this->afterHookArgumentsForSiteActions($this->model, $state),
+			$this->model instanceof User =>
+				$this->afterHookArgumentsForUserActions($this->model, $this->action, $state),
+			default =>
+				throw new Exception('Invalid model class')
+		};
+	}
+
+	/**
+	 * Returns the appropriate arguments for the `after` hook
+	 * for the given page action.
+	 */
+	protected function afterHookArgumentsForPageActions(
+		Page $model,
+		string $action,
+		mixed $state
+	): array {
+		return match ($action) {
+			'create' => [
+				'page' => $state
+			],
+			'duplicate' => [
+				'duplicatePage' => $state,
+				'originalPage'  => $model
+			],
+			'delete' => [
+				'status' => $state,
+				'page'   => $model
+			],
+			default => [
+				'newPage' => $state,
+				'oldPage' => $model
+			]
+		};
+	}
+
+	/**
+	 * Returns the appropriate arguments for the `after` hook
+	 * for the given file action.
+	 */
+	protected function afterHookArgumentsForFileActions(
+		File $model,
+		string $action,
+		mixed $state
+	): array {
+		return match ($action) {
+			'create' => [
+				'file' => $state
+			],
+			'delete' => [
+				'status' => $state,
+				'file'   => $model
+			],
+			default  => [
+				'newFile' => $state,
+				'oldFile' => $model
+			]
+		};
+	}
+
+	/**
+	 * Returns the appropriate arguments for the `after` hook
+	 * for the given site action.
+	 */
+	protected function afterHookArgumentsForSiteActions(
+		Site $model,
+		mixed $state
+	): array {
+		return [
+			'newSite' => $state,
+			'oldSite' => $model
+		];
+	}
+
+	/**
+	 * Returns the appropriate arguments for the `after` hook
+	 * for the given user action.
+	 */
+	protected function afterHookArgumentsForUserActions(
+		User $model,
+		string $action,
+		mixed $state
+	): array {
+		return match ($action) {
+			'create' =>	[
+				'user' => $state
+			],
+			'delete' => [
+				'status' => $state,
+				'user'   => $model
+			],
+			default  => [
+				'newUser' => $state,
+				'oldUser' => $model
+			]
+		};
+	}
+
+	/**
+	 * Runs the `before` hook and modifies the arguments
+	 */
+	public function before(array $arguments): array
+	{
+		// check model rules
+		$this->validate($arguments);
+
+		// run the `before` hook
+		$hook = $this->hook('before', $arguments);
+
+		// check model rules again, after the hook got applied
+		$this->validate($hook['arguments']);
+
+		return $hook['arguments'];
+	}
+
+	/**
+	 * Handles the full call of the given action,
+	 * runs the `before` and `after` hooks and updates
+	 * the state of the given model.
+	 */
+	public function call(array $arguments, Closure $callback): mixed
+	{
+		// run the before hook
+		$arguments = $this->before($arguments);
+
+		// run the commit action
+		$state = $callback(...array_values($arguments));
+
+		// update the state for the after hook
+		ModelState::update(
+			method: $this->action,
+			current: $this->model,
+			next: $state
+		);
+
+		// run the after hook and return the result
+		return $this->after($state);
+	}
+
+	/**
+	 * Runs the given hook and modifies the first argument
+	 * of the given arguments array. It returns an array with
+	 * `arguments` and `result` keys.
+	 */
+	public function hook(string $hook, array $arguments): array
+	{
+		// the very first argument (which should be the model)
+		// is modified by the return value from the hook (if any returned)
+		$appliedTo = array_key_first($arguments);
+
+		// run the hook and modify the first argument
+		$arguments[$appliedTo] = $this->kirby->apply(
+			// e.g. page.create:before
+			$this->prefix . '.' . $this->action . ':' . $hook,
+			$arguments,
+			$appliedTo
+		);
+
+		return [
+			'arguments' => $arguments,
+			'result'    => $arguments[$appliedTo],
+		];
+	}
+
+	/**
+	 * Checks the model rules for the given action
+	 * if there's a matching rule method.
+	 */
+	public function validate(array $arguments): void
+	{
+		$rules = match (true) {
+			$this->model instanceof File => FileRules::class,
+			$this->model instanceof Page => PageRules::class,
+			$this->model instanceof Site => SiteRules::class,
+			$this->model instanceof User => UserRules::class,
+			default => throw new Exception('Invalid model class') // @codeCoverageIgnore
+		};
+
+		if (method_exists($rules, $this->action) === true) {
+			$rules::{$this->action}(...array_values($arguments));
+		}
+	}
+}
diff --git a/kirby/src/Cms/ModelState.php b/kirby/src/Cms/ModelState.php
new file mode 100644
index 0000000..30d40de
--- /dev/null
+++ b/kirby/src/Cms/ModelState.php
@@ -0,0 +1,107 @@
+<?php
+
+namespace Kirby\Cms;
+
+/**
+ * The ModelState class is used to update app-wide model states.
+ * It's mainly used in the `ModelCommit` class to update the
+ * state of the given model after the action has been
+ * executed.
+ *
+ * @package   Kirby Cms
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class ModelState
+{
+	/**
+	 * Updates the state of the given model.
+	 */
+	public static function update(
+		string $method,
+		ModelWithContent $current,
+		ModelWithContent|bool|null $next = null,
+		ModelWithContent|Site|null $parent = null
+	): void {
+		// normalize the method
+		$method = match ($method) {
+			'append', 'create' => 'append',
+			'remove', 'delete' => 'remove',
+			'duplicate'        => false, // The models need to take care of this
+			default            => 'update'
+		};
+
+		if ($method === false) {
+			return;
+		}
+
+		match (true) {
+			$current instanceof File => static::updateFile($method, $current, $next),
+			$current instanceof Page => static::updatePage($method, $current, $next, $parent),
+			$current instanceof Site => static::updateSite($current, $next),
+			$current instanceof User => static::updateUser($method, $current, $next),
+		};
+	}
+
+	/**
+	 * Updates the state of the given file.
+	 */
+	protected static function updateFile(
+		string $method,
+		File $current,
+		File|bool|null $next = null
+	): void {
+		$next = $next instanceof File ? $next : $current;
+
+		// update the files collection
+		$next->parent()->files()->$method($next);
+	}
+
+	/**
+	 * Updates the state of the given page.
+	 */
+	protected static function updatePage(
+		string $method,
+		Page $current,
+		Page|bool|null $next = null,
+		Page|Site|null $parent = null
+	): void {
+		$next     = $next instanceof Page ? $next : $current;
+		$parent ??= $next->parentModel();
+
+		if ($next->isDraft() === true) {
+			$parent->drafts()->$method($next);
+		} else {
+			$parent->children()->$method($next);
+		}
+
+		// update the childrenAndDrafts() cache
+		$parent->childrenAndDrafts()->$method($next);
+	}
+
+	/**
+	 * Updates the state of the given site.
+	 */
+	protected static function updateSite(
+		Site $current,
+		Site|null $next = null
+	): void {
+		App::instance()->setSite($next ?? $current);
+	}
+
+	/**
+	 * Updates the state of the given user.
+	 */
+	protected static function updateUser(
+		string $method,
+		User $current,
+		User|bool|null $next = null
+	): void {
+		$next = $next instanceof User ? $next : $current;
+
+		// update the users collection
+		App::instance()->users()->$method($next);
+	}
+}
diff --git a/kirby/src/Cms/PageCopy.php b/kirby/src/Cms/PageCopy.php
new file mode 100644
index 0000000..c087d58
--- /dev/null
+++ b/kirby/src/Cms/PageCopy.php
@@ -0,0 +1,236 @@
+<?php
+
+namespace Kirby\Cms;
+
+use Kirby\Uuid\Uuid;
+use Kirby\Uuid\Uuids;
+
+/**
+ * Normalizes a newly generated copy of a page,
+ * adapting page slugs, UUIDs etc.
+ * (for single as well as multilang setups)
+ *
+ * @package   Kirby Cms
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class PageCopy
+{
+	public function __construct(
+		public Page $copy,
+		public Page|null $original = null,
+		public bool $withFiles = false,
+		public bool $withChildren = false,
+		public array $uuids = []
+	) {
+	}
+
+	/**
+	 * Converts UUIDs for copied pages,
+	 * replacing the old UUID with a newly generated one
+	 * for all newly generated pages and files
+	 */
+	public function convertUuids(Language|null $language): void
+	{
+		if (Uuids::enabled() === false) {
+			return;
+		}
+
+		if (
+			$language instanceof Language &&
+			$language->isDefault() === false
+		) {
+			return;
+		}
+
+		// store old UUID
+		$old = $this->copy->uuid()->toString();
+
+		// re-generate UUID for the page
+		$this->copy = $this->copy->save(
+			['uuid' => Uuid::generate()],
+			$language?->code()
+		);
+
+		// track UUID change
+		$this->uuids[$old] = $this->copy->uuid()->toString();
+
+		$this->convertFileUuids($language);
+		$this->convertChildrenUuids($language);
+	}
+
+	/**
+	 * Re-generate UUIDs for each child recursively
+	 * and merge with the tracked changed UUIDs
+	 */
+	protected function convertChildrenUuids(Language|null $language): void
+	{
+		// re-generate UUIDs and track changes
+		if ($this->withChildren === true) {
+			foreach ($this->copy->childrenAndDrafts() as $child) {
+				// always adapt files of subpages as they are
+				// currently always copied; adapt children recursively
+				$child = new PageCopy(
+					$child,
+					withChildren: true,
+					withFiles: true,
+					uuids: $this->uuids
+				);
+				$child->convertUuids($language);
+				$this->uuids = [...$this->uuids, ...$child->uuids];
+			}
+		}
+
+		// if children have not been copied over,
+		// track all children UUIDs from original page to
+		// remove/replace with empty string
+		if ($this->withChildren === false) {
+			foreach ($this->original?->index(drafts: true) ?? [] as $child) {
+				$this->uuids[$child->uuid()->toString()] = '';
+
+				foreach ($child->files() as $file) {
+					$this->uuids[$file->uuid()->toString()] = '';
+				}
+			}
+		}
+	}
+
+	/**
+	 * Re-generate UUID for each file and track the change
+	 */
+	protected function convertFileUuids(Language|null $language): void
+	{
+		// re-generate UUIDs and track changes
+		if ($this->withFiles === true) {
+			foreach ($this->copy->files() as $file) {
+				// store old file UUID
+				$old = $file->uuid()->toString();
+
+				// re-generate UUID for the file
+				$file = $file->save(
+					['uuid' => Uuid::generate()],
+					$language?->code()
+				);
+
+				// track UUID change
+				$this->uuids[$old] = $file->uuid()->toString();
+			}
+		}
+
+		// if files have not been copied over,
+		// track file UUIDs from original page to
+		// remove/replace with empty string
+		if ($this->withFiles === false) {
+			foreach ($this->original?->files() ?? [] as $file) {
+				$this->uuids[$file->uuid()->toString()] = '';
+			}
+		}
+	}
+
+	/**
+	 * Returns all languages to adapt
+	 *
+	 * @todo Refactor once singe-lang mode also works with a language object
+	 */
+	public function languages(): Languages|iterable
+	{
+		$kirby = App::instance();
+
+		if ($kirby->multilang() === true) {
+			return $kirby->languages();
+		}
+
+		return [null];
+	}
+
+	/**
+	 * Processes the copy with all necessary adaptations.
+	 * Main method to use if not familiar with individual steps.
+	 */
+	public static function process(
+		Page $copy,
+		Page|null $original = null,
+		bool $withFiles = false,
+		bool $withChildren = false
+	): Page {
+		$converter = new static($copy, $original, $withFiles, $withChildren);
+
+		// loop through all languages to remove slug from non-default
+		// languages and re-generate UUIDs (and track changes)
+		foreach ($converter->languages() as $language) {
+			$converter->removeSlug($language);
+			$converter->convertUuids($language);
+		}
+
+		// apply all tracked UUID changes at once
+		$converter->replaceUuids();
+
+		return $converter->copy;
+	}
+
+	/**
+	 * Removes translated slug for copied page.
+	 * This is needed to avoid translated slug
+	 * collisions with the original page.
+	 */
+	public function removeSlug(Language|null $language): void
+	{
+		// single lang setup
+		if ($language === null) {
+			return;
+		}
+
+		// don't remove slug from default language
+		if ($language->isDefault() === true) {
+			return;
+		}
+
+		if ($this->copy->translation($language)->exists() === true) {
+			$this->copy = $this->copy->save(
+				['slug' => null],
+				$language->code()
+			);
+		}
+	}
+
+	/**
+	 * Replace old UUIDs with new UUIDs in the content
+	 */
+	public function replaceUuids(): void
+	{
+		if (Uuids::enabled() === false) {
+			return;
+		}
+
+		foreach ($this->copy->storage()->all() as $versionId => $language) {
+			$this->copy->storage()->replaceStrings(
+				$versionId,
+				$language,
+				$this->uuids
+			);
+		}
+
+		if ($this->withFiles === true) {
+			foreach ($this->copy->files() as $file) {
+				foreach ($file->storage()->all() as $versionId => $language) {
+					$file->storage()->replaceStrings(
+						$versionId,
+						$language,
+						$this->uuids
+					);
+				}
+			}
+		}
+
+		if ($this->withChildren === true) {
+			foreach ($this->copy->childrenAndDrafts() as $child) {
+				$child = new PageCopy($child, withFiles: true, withChildren: true, uuids: $this->uuids);
+				$child->replaceUuids();
+			}
+		}
+	}
+}
diff --git a/kirby/src/Content/Changes.php b/kirby/src/Content/Changes.php
new file mode 100644
index 0000000..a741004
--- /dev/null
+++ b/kirby/src/Content/Changes.php
@@ -0,0 +1,197 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cache\Cache;
+use Kirby\Cms\App;
+use Kirby\Cms\Files;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Cms\Pages;
+use Kirby\Cms\Users;
+use Kirby\Toolkit\A;
+
+/**
+ * The Changes class tracks changed models
+ * in the Site's changes field.
+ *
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class Changes
+{
+	protected App $kirby;
+
+	public function __construct()
+	{
+		$this->kirby = App::instance();
+	}
+
+	/**
+	 * Access helper for the cache, in which changes are stored
+	 */
+	public function cache(): Cache
+	{
+		return $this->kirby->cache('changes');
+	}
+
+	/**
+	 * Returns whether the cache has been populated
+	 */
+	public function cacheExists(): bool
+	{
+		return $this->cache()->get('__updated__') !== null;
+	}
+
+	/**
+	 * Returns the cache key for a given model
+	 */
+	public function cacheKey(ModelWithContent $model): string
+	{
+		return $model::CLASS_ALIAS . 's';
+	}
+
+	/**
+	 * Verify that the tracked model still really has changes.
+	 * If not, untrack and remove from collection.
+	 *
+	 * @template T of \Kirby\Cms\Files|\Kirby\Cms\Pages|\Kirby\Cms\Users
+	 * @param T $tracked
+	 * @return T
+	 */
+	public function ensure(Files|Pages|Users $tracked): Files|Pages|Users
+	{
+		foreach ($tracked as $model) {
+			if ($model->version('changes')->exists('*') === false) {
+				$this->untrack($model);
+				$tracked->remove($model);
+			}
+		}
+
+		return $tracked;
+	}
+
+	/**
+	 * Return all files with unsaved changes
+	 */
+	public function files(): Files
+	{
+		$files = new Files([]);
+
+		foreach ($this->read('files') as $id) {
+			if ($file = $this->kirby->file($id)) {
+				$files->add($file);
+			}
+		}
+
+		return $this->ensure($files);
+	}
+
+	/**
+	 * Rebuilds the cache by finding all models with changes version
+	 */
+	public function generateCache(): void
+	{
+		$models = [
+			'files' => [],
+			'pages' => [],
+			'users' => []
+		];
+
+		foreach ($this->kirby->models() as $model) {
+			if ($model->version('changes')->exists('*') === true) {
+				$models[$this->cacheKey($model)][] = (string)($model->uuid() ?? $model->id());
+			}
+		}
+
+		foreach ($models as $key => $changes) {
+			$this->update($key, $changes);
+		}
+	}
+
+	/**
+	 * Return all pages with unsaved changes
+	 */
+	public function pages(): Pages
+	{
+		/**
+		 * @var \Kirby\Cms\Pages $pages
+		 */
+		$pages = $this->kirby->site()->find(
+			false,
+			false,
+			...$this->read('pages')
+		);
+
+		return $this->ensure($pages);
+	}
+
+	/**
+	 * Read the changes for a given model type
+	 */
+	public function read(string $key): array
+	{
+		return $this->cache()->get($key) ?? [];
+	}
+
+	/**
+	 * Add a new model to the list of unsaved changes
+	 */
+	public function track(ModelWithContent $model): void
+	{
+		$key = $this->cacheKey($model);
+
+		$changes   = $this->read($key);
+		$changes[] = (string)($model->uuid() ?? $model->id());
+
+		$this->update($key, $changes);
+	}
+
+	/**
+	 * Remove a model from the list of unsaved changes
+	 */
+	public function untrack(ModelWithContent $model): void
+	{
+		// get the cache key for the model type
+		$key = $this->cacheKey($model);
+
+		// remove the model from the list of changes
+		$changes = A::filter(
+			$this->read($key),
+			fn ($id) => $id !== (string)($model->uuid() ?? $model->id())
+		);
+
+		$this->update($key, $changes);
+	}
+
+	/**
+	 * Update the changes field
+	 */
+	public function update(string $key, array $changes): void
+	{
+		$changes = array_unique($changes);
+		$changes = array_values($changes);
+
+		$this->cache()->set($key, $changes);
+		$this->cache()->set('__updated__', time());
+	}
+
+	/**
+	 * Return all users with unsaved changes
+	 */
+	public function users(): Users
+	{
+		/**
+		 * @var \Kirby\Cms\Users $users
+		 */
+		$users = $this->kirby->users()->find(
+			false,
+			false,
+			...$this->read('users')
+		);
+
+		return $this->ensure($users);
+	}
+}
diff --git a/kirby/src/Content/ImmutableMemoryStorage.php b/kirby/src/Content/ImmutableMemoryStorage.php
new file mode 100644
index 0000000..3eac5f4
--- /dev/null
+++ b/kirby/src/Content/ImmutableMemoryStorage.php
@@ -0,0 +1,90 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\Language;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Exception\LogicException;
+
+/**
+ * @package   Kirby Content
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class ImmutableMemoryStorage extends MemoryStorage
+{
+	public function __construct(
+		protected ModelWithContent $model,
+		protected ModelWithContent|null $nextModel = null
+	) {
+		parent::__construct($model);
+	}
+
+	/**
+	 * Immutable storage entries cannot be deleted
+	 *
+	 * @throws \Kirby\Exception\LogicException
+	 */
+	public function delete(VersionId $versionId, Language $language): void
+	{
+		$this->preventMutation('deleted');
+	}
+
+	/**
+	 * Immutable storage entries cannot be moved
+	 *
+	 * @throws \Kirby\Exception\LogicException
+	 */
+	public function move(
+		VersionId $fromVersionId,
+		Language $fromLanguage,
+		VersionId|null $toVersionId = null,
+		Language|null $toLanguage = null,
+		Storage|null $toStorage = null
+	): void {
+		$this->preventMutation('moved');
+	}
+
+	/**
+	 * Returns the next state of the model if the
+	 * reference is given
+	 */
+	public function nextModel(): ModelWithContent|null
+	{
+		return $this->nextModel;
+	}
+
+	/**
+	 * Throws an exception to avoid the mutation of storage data
+	 *
+	 * @throws \Kirby\Exception\LogicException
+	 */
+	protected function preventMutation(string $mutation): void
+	{
+		throw new LogicException(
+			message: 'Storage for the ' . $this->model::CLASS_ALIAS . ' is immutable and cannot be ' . $mutation . '. Make sure to use the last alteration of the object.'
+		);
+	}
+
+	/**
+	 * Immutable storage entries cannot be touched
+	 *
+	 * @throws \Kirby\Exception\LogicException
+	 */
+	public function touch(VersionId $versionId, Language $language): void
+	{
+		$this->preventMutation('touched');
+	}
+
+	/**
+	 * Immutable storage entries cannot be updated
+	 *
+	 * @throws \Kirby\Exception\LogicException
+	 */
+	public function update(VersionId $versionId, Language $language, array $fields): void
+	{
+		$this->preventMutation('updated');
+	}
+}
diff --git a/kirby/src/Content/Lock.php b/kirby/src/Content/Lock.php
new file mode 100644
index 0000000..6ac15fa
--- /dev/null
+++ b/kirby/src/Content/Lock.php
@@ -0,0 +1,229 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\App;
+use Kirby\Cms\Language;
+use Kirby\Cms\Languages;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Cms\User;
+use Kirby\Data\Data;
+use Kirby\Toolkit\Str;
+
+/**
+ * The Lock class provides information about the
+ * locking state of a content version, depending
+ * on the timestamp and locked user id
+ *
+ * @since 5.0.0
+ * @unstable
+ *
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class Lock
+{
+	public function __construct(
+		protected User|null $user = null,
+		protected int|null $modified = null,
+		protected bool $legacy = false
+	) {
+	}
+
+	/**
+	 * Creates a lock for the given version by
+	 * reading the modification timestamp and
+	 * lock user id from the version.
+	 */
+	public static function for(
+		Version $version,
+		Language|string $language = 'default'
+	): static {
+
+		if ($legacy = static::legacy($version->model())) {
+			return $legacy;
+		}
+
+		// wildcard to search for a lock in any language
+		// the first locked one will be preferred
+		if ($language === '*') {
+			foreach (Languages::ensure() as $language) {
+				$lock = static::for($version, $language);
+
+				// return the first locked lock if any exists
+				if ($lock->isLocked() === true) {
+					return $lock;
+				}
+			}
+
+			// return the last lock if no lock was found
+			return $lock;
+		}
+
+		$language = Language::ensure($language);
+
+		// if the version does not exist, it cannot be locked
+		if ($version->exists($language) === false) {
+			// create an open lock for the current user
+			return new static(
+				user: App::instance()->user(),
+			);
+		}
+
+		// Read the locked user id from the version
+		if ($userId = ($version->read($language)['lock'] ?? null)) {
+			$user = App::instance()->user($userId);
+		}
+
+		return new static(
+			user: $user ?? null,
+			modified: $version->modified($language)
+		);
+	}
+
+	/**
+	 * Checks if the lock is still active because
+	 * recent changes have been made to the content
+	 */
+	public function isActive(): bool
+	{
+		$minutes = 10;
+		return $this->modified > time() - (60 * $minutes);
+	}
+
+	/**
+	 * Checks if content locking is enabled at all
+	 */
+	public static function isEnabled(): bool
+	{
+		return App::instance()->option('content.locking', true) !== false;
+	}
+
+	/**
+	 * Checks if the lock is coming from an old .lock file
+	 */
+	public function isLegacy(): bool
+	{
+		return $this->legacy;
+	}
+
+	/**
+	 * Checks if the lock is actually locked
+	 */
+	public function isLocked(): bool
+	{
+		// if locking is disabled globally,
+		// the lock is always open
+		if (static::isEnabled() === false) {
+			return false;
+		}
+
+		if ($this->user === null) {
+			return false;
+		}
+
+		// the version is not locked if the editing user
+		// is the currently logged in user
+		if ($this->user === App::instance()->user()) {
+			return false;
+		}
+
+		// check if the lock is still active due to the
+		// content currently being edited.
+		if ($this->isActive() === false) {
+			return false;
+		}
+
+		return true;
+	}
+
+	/**
+	 * Looks for old .lock files and tries to create a
+	 * usable lock instance from them
+	 */
+	public static function legacy(ModelWithContent $model): static|null
+	{
+		$kirby = $model->kirby();
+		$file  = static::legacyFile($model);
+		$id    = '/' . $model->id();
+
+		// no legacy lock file? no lock.
+		if (file_exists($file) === false) {
+			return null;
+		}
+
+		$data = Data::read($file, 'yml', fail: false)[$id] ?? [];
+
+		// no valid lock entry? no lock.
+		if (isset($data['lock']) === false) {
+			return null;
+		}
+
+		// has the lock been unlocked? no lock.
+		if (isset($data['unlock']) === true) {
+			return null;
+		}
+
+		return new static(
+			user: $kirby->user($data['lock']['user']),
+			modified: $data['lock']['time'],
+			legacy: true
+		);
+	}
+
+	/**
+	 * Returns the absolute path to a legacy lock file
+	 */
+	public static function legacyFile(ModelWithContent $model): string
+	{
+		$root = match ($model::CLASS_ALIAS) {
+			'file'  => dirname($model->root()),
+			default => $model->root()
+		};
+		return $root . '/.lock';
+	}
+
+	/**
+	 * Returns the timestamp when the locked content has
+	 * been updated. You can pass a format to get a useful,
+	 * formatted date back.
+	 */
+	public function modified(
+		string|null $format = null,
+		string|null $handler = null
+	): int|string|false|null {
+		if ($this->modified === null) {
+			return null;
+		}
+
+		return Str::date($this->modified, $format, $handler);
+	}
+
+	/**
+	 * Converts the lock info to an array. This is directly
+	 * usable for Panel view props.
+	 */
+	public function toArray(): array
+	{
+		return [
+			'isLegacy' => $this->isLegacy(),
+			'isLocked' => $this->isLocked(),
+			'modified' => $this->modified('c', 'date'),
+			'user'     => [
+				'id'    => $this->user?->id(),
+				'email' => $this->user?->email()
+			]
+		];
+	}
+
+	/**
+	 * Returns the user to whom this lock belongs
+	 */
+	public function user(): User|null
+	{
+		return $this->user;
+	}
+}
diff --git a/kirby/src/Content/LockedContentException.php b/kirby/src/Content/LockedContentException.php
new file mode 100644
index 0000000..ecf678a
--- /dev/null
+++ b/kirby/src/Content/LockedContentException.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Exception\LogicException;
+
+/**
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class LockedContentException extends LogicException
+{
+	protected static string $defaultKey = 'content.lock';
+	protected static string $defaultFallback = 'The version is locked';
+	protected static int $defaultHttpCode = 423;
+
+	public function __construct(
+		Lock $lock,
+		string|null $key = null,
+		string|null $message = null,
+	) {
+		parent::__construct(
+			message: $message,
+			key: $key,
+			details: $lock->toArray()
+		);
+	}
+}
diff --git a/kirby/src/Content/MemoryStorage.php b/kirby/src/Content/MemoryStorage.php
new file mode 100644
index 0000000..4a84d3a
--- /dev/null
+++ b/kirby/src/Content/MemoryStorage.php
@@ -0,0 +1,99 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cache\MemoryCache;
+use Kirby\Cms\Language;
+use Kirby\Cms\ModelWithContent;
+
+/**
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class MemoryStorage extends Storage
+{
+	/**
+	 * Cache instance, used to store content in memory
+	 */
+	protected MemoryCache $cache;
+
+	/**
+	 * Sets up the cache instance
+	 */
+	public function __construct(protected ModelWithContent $model)
+	{
+		parent::__construct($model);
+		$this->cache = new MemoryCache();
+	}
+
+	/**
+	 * Returns a unique id for a combination
+	 * of the version id, the language code and the model id
+	 */
+	protected function cacheId(VersionId $versionId, Language $language): string
+	{
+		return $versionId->value() . '/' . $language->code() . '/' . $this->model->id() . '/' . spl_object_hash($this->model);
+	}
+
+	/**
+	 * Deletes an existing version in an idempotent way if it was already deleted
+	 */
+	public function delete(VersionId $versionId, Language $language): void
+	{
+		$this->cache->remove($this->cacheId($versionId, $language));
+	}
+
+	/**
+	 * Checks if a version exists
+	 */
+	public function exists(VersionId $versionId, Language $language): bool
+	{
+		return $this->cache->exists($this->cacheId($versionId, $language));
+	}
+
+	/**
+	 * Returns the modification timestamp of a version if it exists
+	 */
+	public function modified(VersionId $versionId, Language $language): int|null
+	{
+		if ($this->exists($versionId, $language) === false) {
+			return null;
+		}
+
+		return $this->cache->modified($this->cacheId($versionId, $language));
+	}
+
+	/**
+	 * Returns the stored content fields
+	 *
+	 * @return array<string, string>
+	 */
+	public function read(VersionId $versionId, Language $language): array
+	{
+		return $this->cache->get($this->cacheId($versionId, $language)) ?? [];
+	}
+
+	/**
+	 * Updates the modification timestamp of an existing version
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	public function touch(VersionId $versionId, Language $language): void
+	{
+		$fields = $this->read($versionId, $language);
+		$this->write($versionId, $language, $fields);
+	}
+
+	/**
+	 * Writes the content fields of an existing version
+	 *
+	 * @param array<string, string> $fields Content fields
+	 */
+	protected function write(VersionId $versionId, Language $language, array $fields): void
+	{
+		$this->cache->set($this->cacheId($versionId, $language), $fields);
+	}
+}
diff --git a/kirby/src/Content/PlainTextStorage.php b/kirby/src/Content/PlainTextStorage.php
new file mode 100644
index 0000000..c2992b0
--- /dev/null
+++ b/kirby/src/Content/PlainTextStorage.php
@@ -0,0 +1,331 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\File;
+use Kirby\Cms\Language;
+use Kirby\Cms\Page;
+use Kirby\Cms\Site;
+use Kirby\Cms\User;
+use Kirby\Data\Data;
+use Kirby\Exception\Exception;
+use Kirby\Exception\LogicException;
+use Kirby\Filesystem\Dir;
+use Kirby\Filesystem\F;
+
+/**
+ * Content storage handler using plain text files
+ * stored in the content folder
+ *
+ * @package   Kirby Content
+ * @author    Lukas Bestle <lukas@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     4.0.0
+ * @unstable
+ */
+class PlainTextStorage extends Storage
+{
+	/**
+	 * Creates the absolute directory path for the model
+	 */
+	protected function contentDirectory(VersionId $versionId): string
+	{
+		$directory = match (true) {
+			$this->model instanceof File
+				=> dirname($this->model->root()),
+			default
+			=> $this->model->root()
+		};
+
+		if ($versionId->is('changes')) {
+			$directory .= '/_changes';
+		}
+
+		return $directory;
+	}
+
+	/**
+	 * Returns the absolute path to the content file
+	 * @internal To be made `protected` when the CMS core no longer relies on it
+	 */
+	public function contentFile(VersionId $versionId, Language $language): string
+	{
+		// get the filename without extension and language code
+		return match (true) {
+			$this->model instanceof File => $this->contentFileForFile($this->model, $versionId, $language),
+			$this->model instanceof Page => $this->contentFileForPage($this->model, $versionId, $language),
+			$this->model instanceof Site => $this->contentFileForSite($this->model, $versionId, $language),
+			$this->model instanceof User => $this->contentFileForUser($this->model, $versionId, $language),
+			// @codeCoverageIgnoreStart
+			default => throw new LogicException(
+				message: 'Cannot determine content file for model type "' . $this->model::CLASS_ALIAS . '"'
+			)
+			// @codeCoverageIgnoreEnd
+		};
+	}
+
+	/**
+	 * Returns the absolute path to the content file of a file model
+	 */
+	protected function contentFileForFile(File $model, VersionId $versionId, Language $language): string
+	{
+		return $this->contentDirectory($versionId) . '/' . $this->contentFilename($model->filename(), $language);
+	}
+
+	/**
+	 * Returns the absolute path to the content file of a page model
+	 */
+	protected function contentFileForPage(Page $model, VersionId $versionId, Language $language): string
+	{
+		return $this->contentDirectory($versionId) . '/' . $this->contentFilename($model->intendedTemplate()->name(), $language);
+	}
+
+	/**
+	 * Returns the absolute path to the content file of a site model
+	 */
+	protected function contentFileForSite(Site $model, VersionId $versionId, Language $language): string
+	{
+		return $this->contentDirectory($versionId) . '/' . $this->contentFilename('site', $language);
+	}
+
+	/**
+	 * Returns the absolute path to the content file of a user model
+	 */
+	protected function contentFileForUser(User $model, VersionId $versionId, Language $language): string
+	{
+		return $this->contentDirectory($versionId) . '/' . $this->contentFilename('user', $language);
+	}
+
+	/**
+	 * Creates a filename with extension and optional language code
+	 * in a multi-language installation
+	 */
+	protected function contentFilename(string $name, Language $language): string
+	{
+		$kirby     = $this->model->kirby();
+		$extension = $kirby->contentExtension();
+
+		if ($language->isSingle() === false) {
+			return $name . '.' . $language->code() . '.' . $extension;
+		}
+
+		return $name . '.' . $extension;
+	}
+
+	/**
+	 * Returns an array with content files of all languages
+	 * @internal To be made `protected` when the CMS core no longer relies on it
+	 */
+	public function contentFiles(VersionId $versionId): array
+	{
+		if ($this->model->kirby()->multilang() === true) {
+			return $this->model->kirby()->languages()->values(
+				fn ($language) => $this->contentFile($versionId, $language)
+			);
+		}
+
+		return [
+			$this->contentFile($versionId, Language::single())
+		];
+	}
+
+	/**
+	 * Deletes an existing version in an idempotent way if it was already deleted
+	 */
+	public function delete(VersionId $versionId, Language $language): void
+	{
+		$contentFile = $this->contentFile($versionId, $language);
+
+		// @codeCoverageIgnoreStart
+		if (F::unlink($contentFile) !== true) {
+			throw new Exception(message: 'Could not delete content file');
+		}
+		// @codeCoverageIgnoreEnd
+
+		$contentDirectory = $this->contentDirectory($versionId);
+
+		// clean up empty content directories (_changes or the page/user directory)
+		$this->deleteEmptyDirectory($contentDirectory);
+
+		// delete empty _drafts directories for pages
+		if (
+			$versionId->is('latest') === true &&
+			$this->model instanceof Page &&
+			$this->model->isDraft() === true
+		) {
+			$this->deleteEmptyDirectory(dirname($contentDirectory));
+		}
+	}
+
+	/**
+	 * Helper to delete empty _changes directories
+	 *
+	 * @throws \Kirby\Exception\Exception if the directory cannot be deleted
+	 */
+	protected function deleteEmptyDirectory(string $directory): void
+	{
+		if (
+			Dir::exists($directory) === true &&
+			Dir::isEmpty($directory) === true
+		) {
+			// @codeCoverageIgnoreStart
+			if (Dir::remove($directory) !== true) {
+				throw new Exception(
+					message: 'Could not delete empty content directory'
+				);
+			}
+			// @codeCoverageIgnoreEnd
+		}
+	}
+
+	/**
+	 * Checks if a version exists
+	 */
+	public function exists(VersionId $versionId, Language $language): bool
+	{
+		$contentFile = $this->contentFile($versionId, $language);
+
+		// The version definitely exists, if there's a
+		// matching content file
+		if (file_exists($contentFile) === true) {
+			return true;
+		}
+
+		// A changed version or non-default language version does not exist
+		// if the content file was not found
+		if (
+			$versionId->is('latest') === false ||
+			$language->isDefault() === false
+		) {
+			return false;
+		}
+
+		// Whether the default version exists,
+		// depends on different cases for each model.
+		// Page, Site and User exist as soon as the folder is there.
+		// A File exists as soon as the file is there.
+		return match (true) {
+			$this->model instanceof File => is_file($this->model->root()) === true,
+			$this->model instanceof Page,
+			$this->model instanceof Site,
+			$this->model instanceof User => is_dir($this->model->root()) === true,
+			// @codeCoverageIgnoreStart
+			default => throw new LogicException(
+				message: 'Cannot determine existence for model type "' . $this->model::CLASS_ALIAS . '"'
+			)
+			// @codeCoverageIgnoreEnd
+		};
+	}
+
+	/**
+	 * Compare two version-language-storage combinations
+	 */
+	public function isSameStorageLocation(
+		VersionId $fromVersionId,
+		Language $fromLanguage,
+		VersionId|null $toVersionId = null,
+		Language|null $toLanguage = null,
+		Storage|null $toStorage = null
+	) {
+		// fallbacks to allow keeping the method call lean
+		$toVersionId ??= $fromVersionId;
+		$toLanguage  ??= $fromLanguage;
+		$toStorage   ??= $this;
+
+		// no need to compare content files if the new
+		// storage type is different
+		if ($toStorage instanceof self === false) {
+			return false;
+		}
+
+		$contentFileA = $this->contentFile($fromVersionId, $fromLanguage);
+		$contentFileB = $toStorage->contentFile($toVersionId, $toLanguage);
+
+		return $contentFileA === $contentFileB;
+	}
+
+	/**
+	 * Returns the modification timestamp of a version
+	 * if it exists
+	 */
+	public function modified(VersionId $versionId, Language $language): int|null
+	{
+		$modified = F::modified($this->contentFile($versionId, $language));
+
+		if (is_int($modified) === true) {
+			return $modified;
+		}
+
+		return null;
+	}
+
+	/**
+	 * Returns the stored content fields
+	 *
+	 * @return array<string, string>
+	 */
+	public function read(VersionId $versionId, Language $language): array
+	{
+		$contentFile = $this->contentFile($versionId, $language);
+
+		if (file_exists($contentFile) === true) {
+			return Data::read($contentFile);
+		}
+
+		// For existing versions that don't have a content file yet,
+		// we can safely return an empty array that can be filled later.
+		// This might be the case for pages that only have a directory
+		// so far, or for files that don't have any metadata yet.
+		return [];
+	}
+
+	/**
+	 * Updates the modification timestamp of an existing version
+	 *
+	 * @throws \Kirby\Exception\Exception If the file cannot be touched
+	 */
+	public function touch(VersionId $versionId, Language $language): void
+	{
+		$success = touch($this->contentFile($versionId, $language));
+
+		// @codeCoverageIgnoreStart
+		if ($success !== true) {
+			throw new Exception(
+				message: 'Could not touch existing content file'
+			);
+		}
+		// @codeCoverageIgnoreEnd
+	}
+
+	/**
+	 * Writes the content fields of an existing version
+	 *
+	 * @param array<string, string> $fields Content fields
+	 *
+	 * @throws \Kirby\Exception\Exception If the content cannot be written
+	 */
+	protected function write(VersionId $versionId, Language $language, array $fields): void
+	{
+		// only store non-null value fields
+		$fields = array_filter($fields, fn ($field) => $field !== null);
+
+		// Content for files is only stored when there are any fields.
+		// Otherwise, the storage handler will take care here of cleaning up
+		// unnecessary content files.
+		if ($this->model instanceof File && $fields === []) {
+			$this->delete($versionId, $language);
+			return;
+		}
+
+		$success = Data::write($this->contentFile($versionId, $language), $fields);
+
+		// @codeCoverageIgnoreStart
+		if ($success !== true) {
+			throw new Exception(message: 'Could not write the content file');
+		}
+		// @codeCoverageIgnoreEnd
+	}
+
+}
diff --git a/kirby/src/Content/Storage.php b/kirby/src/Content/Storage.php
new file mode 100644
index 0000000..6d5cda8
--- /dev/null
+++ b/kirby/src/Content/Storage.php
@@ -0,0 +1,325 @@
+<?php
+
+namespace Kirby\Content;
+
+use Generator;
+use Kirby\Cms\Language;
+use Kirby\Cms\Languages;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Toolkit\A;
+
+/**
+ * Abstract for content storage handlers;
+ * note that it is so far not viable to build custom
+ * handlers because the CMS core relies on the filesystem
+ * and cannot fully benefit from this abstraction yet
+ *
+ * @package   Kirby Content
+ * @author    Lukas Bestle <lukas@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     4.0.0
+ * @unstable
+ */
+abstract class Storage
+{
+	public function __construct(protected ModelWithContent $model)
+	{
+	}
+
+	/**
+	 * Returns generator for all existing version-language combinations
+	 *
+	 * @return Generator<\Kirby\Content\VersionId, \Kirby\Cms\Language>
+	 */
+	public function all(): Generator
+	{
+		foreach (Languages::ensure() as $language) {
+			foreach ($this->model->versions() as $version) {
+				if ($this->exists($version->id(), $language) === true) {
+					yield $version->id() => $language;
+				}
+			}
+		}
+	}
+
+	/**
+	 * Copies content from one version-language combination to another
+	 */
+	public function copy(
+		VersionId $fromVersionId,
+		Language $fromLanguage,
+		VersionId|null $toVersionId = null,
+		Language|null $toLanguage = null,
+		Storage|null $toStorage = null
+	): void {
+		// fallbacks to allow keeping the method call lean
+		$toVersionId ??= $fromVersionId;
+		$toLanguage  ??= $fromLanguage;
+		$toStorage   ??= $this;
+
+		// don't copy content to the same version-language-storage combination
+		if ($this->isSameStorageLocation(
+			fromVersionId: $fromVersionId,
+			fromLanguage: $fromLanguage,
+			toVersionId: $toVersionId,
+			toLanguage: $toLanguage,
+			toStorage: $toStorage
+		)) {
+			return;
+		}
+
+		// read the existing fields
+		$content = $this->read($fromVersionId, $fromLanguage);
+
+		// create the new version
+		$toStorage->create($toVersionId, $toLanguage, $content);
+	}
+
+	/**
+	 * Copies all content to another storage
+	 */
+	public function copyAll(Storage $to): void
+	{
+		foreach ($this->all() as $versionId => $language) {
+			$this->copy($versionId, $language, toStorage: $to);
+		}
+	}
+
+	/**
+	 * Creates a new version
+	 *
+	 * @param array<string, string> $fields Content fields
+	 */
+	public function create(VersionId $versionId, Language $language, array $fields): void
+	{
+		$this->write($versionId, $language, $fields);
+	}
+
+	/**
+	 * Deletes an existing version in an idempotent way if it was already deleted
+	 */
+	abstract public function delete(VersionId $versionId, Language $language): void;
+
+	/**
+	 * Deletes all versions when deleting a language
+	 * @unstable
+	 * @todo Move to `Language` class
+	 */
+	public function deleteLanguage(Language $language): void
+	{
+		foreach ($this->model->versions() as $version) {
+			$this->delete($version->id(), $language);
+		}
+	}
+
+	/**
+	 * Checks if a version exists
+	 */
+	abstract public function exists(VersionId $versionId, Language $language): bool;
+
+	/**
+	 * Creates a new storage instance with all the versions
+	 * from the given storage instance.
+	 */
+	public static function from(self $fromStorage): static
+	{
+		$toStorage = new static(
+			model: $fromStorage->model()
+		);
+
+		// copy all versions from the given storage instance
+		// and add them to the new storage instance.
+		$fromStorage->copyAll($toStorage);
+
+		return $toStorage;
+	}
+
+	/**
+	 * Compare two version-language-storage combinations
+	 */
+	public function isSameStorageLocation(
+		VersionId $fromVersionId,
+		Language $fromLanguage,
+		VersionId|null $toVersionId = null,
+		Language|null $toLanguage = null,
+		Storage|null $toStorage = null
+	) {
+		// fallbacks to allow keeping the method call lean
+		$toVersionId ??= $fromVersionId;
+		$toLanguage  ??= $fromLanguage;
+		$toStorage   ??= $this;
+
+		if (
+			$fromVersionId->is($toVersionId) &&
+			$fromLanguage->is($toLanguage) &&
+			$this === $toStorage
+		) {
+			return true;
+		}
+
+		return false;
+	}
+
+	/**
+	 * Returns the related model
+	 */
+	public function model(): ModelWithContent
+	{
+		return $this->model;
+	}
+
+	/**
+	 * Returns the modification timestamp of a version if it exists
+	 */
+	abstract public function modified(VersionId $versionId, Language $language): int|null;
+
+	/**
+	 * Moves content from one version-language combination to another
+	 */
+	public function move(
+		VersionId $fromVersionId,
+		Language $fromLanguage,
+		VersionId|null $toVersionId = null,
+		Language|null $toLanguage = null,
+		Storage|null $toStorage = null
+	): void {
+		// fallbacks to allow keeping the method call lean
+		$toVersionId ??= $fromVersionId;
+		$toLanguage  ??= $fromLanguage;
+		$toStorage   ??= $this;
+
+		// don't move content to the same version-language-storage combination
+		if ($this->isSameStorageLocation(
+			fromVersionId: $fromVersionId,
+			fromLanguage: $fromLanguage,
+			toVersionId: $toVersionId,
+			toLanguage: $toLanguage,
+			toStorage: $toStorage
+		)) {
+			return;
+		}
+
+		// copy content to new version
+		$this->copy(
+			$fromVersionId,
+			$fromLanguage,
+			$toVersionId,
+			$toLanguage,
+			$toStorage
+		);
+
+		// clean up the old version
+		$this->delete($fromVersionId, $fromLanguage);
+	}
+
+	/**
+	 * Moves all content to another storage
+	 */
+	public function moveAll(Storage $to): void
+	{
+		foreach ($this->all() as $versionId => $language) {
+			$this->move($versionId, $language, toStorage: $to);
+		}
+	}
+
+	/**
+	 * Adapts all versions when converting languages
+	 * @unstable
+	 * @todo Move to `Language` class
+	 */
+	public function moveLanguage(
+		Language $fromLanguage,
+		Language $toLanguage
+	): void {
+		foreach ($this->model->versions() as $version) {
+			if ($this->exists($version->id(), $fromLanguage) === true) {
+				$this->move(
+					$version->id(),
+					$fromLanguage,
+					toLanguage: $toLanguage
+				);
+			}
+		}
+	}
+
+	/**
+	 * Returns the stored content fields
+	 *
+	 * @return array<string, string>
+	 */
+	abstract public function read(VersionId $versionId, Language $language): array;
+
+	/**
+	 * Searches and replaces one or multiple strings
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	public function replaceStrings(
+		VersionId $versionId,
+		Language $language,
+		array $map
+	): void {
+		$fields = $this->read($versionId, $language);
+		$fields = A::map(
+			$fields,
+			function ($value) use ($map) {
+				// skip fields with null values
+				if ($value === null) {
+					return null;
+				}
+
+				return str_replace(
+					array_keys($map),
+					array_values($map),
+					$value
+				);
+			}
+		);
+
+		$this->update($versionId, $language, $fields);
+	}
+
+	/**
+	 * Updates the modification timestamp of an existing version
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	abstract public function touch(VersionId $versionId, Language $language): void;
+
+	/**
+	 * Touches all versions of a language
+	 * @unstable
+	 * @todo Move to `Language` class
+	 */
+	public function touchLanguage(Language $language): void
+	{
+		foreach ($this->model->versions() as $version) {
+			if ($this->exists($version->id(), $language) === true) {
+				$this->touch($version->id(), $language);
+			}
+		}
+	}
+
+	/**
+	 * Updates the content fields of an existing version
+	 *
+	 * @param array<string, string> $fields Content fields
+	 *
+	 * @throws \Kirby\Exception\Exception If the file cannot be written
+	 */
+	public function update(VersionId $versionId, Language $language, array $fields): void
+	{
+		$this->write($versionId, $language, $fields);
+	}
+
+	/**
+	 * Writes the content fields of an existing version
+	 *
+	 * @param array<string, string> $fields Content fields
+	 *
+	 * @throws \Kirby\Exception\Exception If the content cannot be written
+	 */
+	abstract protected function write(VersionId $versionId, Language $language, array $fields): void;
+}
diff --git a/kirby/src/Content/Translation.php b/kirby/src/Content/Translation.php
new file mode 100644
index 0000000..e834e4c
--- /dev/null
+++ b/kirby/src/Content/Translation.php
@@ -0,0 +1,191 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\Helpers;
+use Kirby\Cms\Language;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Exception\Exception;
+
+/**
+ * Each page, file or site can have multiple
+ * translated versions of their content,
+ * represented by this class
+ *
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class Translation
+{
+	/**
+	 * Creates a new translation object
+	 */
+	public function __construct(
+		protected ModelWithContent $model,
+		protected Version $version,
+		protected Language $language
+	) {
+	}
+
+	/**
+	 * Improve `var_dump` output
+	 * @codeCoverageIgnore
+	 */
+	public function __debugInfo(): array
+	{
+		return $this->toArray();
+	}
+
+	/**
+	 * Returns the language code of the
+	 * translation
+	 */
+	public function code(): string
+	{
+		return $this->language->code();
+	}
+
+	/**
+	 * Returns the translation content
+	 * as plain array
+	 */
+	public function content(): array
+	{
+		return $this->version->content($this->language)->toArray();
+	}
+
+	/**
+	 * Absolute path to the translation content file
+	 *
+	 * @deprecated 5.0.0
+	 */
+	public function contentFile(): string
+	{
+		Helpers::deprecated('`$translation->contentFile()` has been deprecated. Please let us know if you have a use case for a replacement.', 'translation-methods');
+		return $this->version->contentFile($this->language);
+	}
+
+	/**
+	 * Creates a new Translation for the given model
+	 *
+	 * @todo Needs to be refactored as soon as Version::create becomes static
+	 * 		 (see https://github.com/getkirby/kirby/pull/6491#discussion_r1652264408)
+	 */
+	public static function create(
+		ModelWithContent $model,
+		Version $version,
+		Language $language,
+		array $fields,
+		string|null $slug = null
+	): static {
+		// add the custom slug to the fields array
+		if ($slug !== null) {
+			$fields['slug'] = $slug;
+		}
+
+		$version->save($fields, $language);
+
+		return new static(
+			model: $model,
+			version: $version,
+			language: $language,
+		);
+	}
+
+	/**
+	 * Checks if the translation file exists
+	 */
+	public function exists(): bool
+	{
+		return $this->version->exists($this->language);
+	}
+
+	/**
+	 * Returns the translation code as id
+	 */
+	public function id(): string
+	{
+		return $this->language->code();
+	}
+
+	/**
+	 * Checks if the this is the default translation
+	 * of the model
+	 *
+	 * @deprecated 5.0.0 Use `::language()->isDefault()` instead
+	 */
+	public function isDefault(): bool
+	{
+		Helpers::deprecated('`$translation->isDefault()` has been deprecated. Use `$translation->language()->isDefault()` instead.', 'translation-methods');
+		return $this->language->isDefault();
+	}
+
+	/**
+	 * Returns the language
+	 */
+	public function language(): Language
+	{
+		return $this->language;
+	}
+
+	/**
+	 * Returns the parent page, file or site object
+	 */
+	public function model(): ModelWithContent
+	{
+		return $this->model;
+	}
+
+	/**
+	 * @deprecated 5.0.0 Use `$translation->model()` instead
+	 */
+	public function parent(): ModelWithContent
+	{
+		throw new Exception(
+			message: '`$translation->parent()` has been deprecated. Please use `$translation->model()` instead'
+		);
+	}
+
+	/**
+	 * Returns the custom translation slug
+	 */
+	public function slug(): string|null
+	{
+		return $this->version->read($this->language)['slug'] ?? null;
+	}
+
+	/**
+	 * Converts the most important translation
+	 * props to an array
+	 */
+	public function toArray(): array
+	{
+		return [
+			'code'    => $this->language->code(),
+			'content' => $this->content(),
+			'exists'  => $this->exists(),
+			'slug'    => $this->slug(),
+		];
+	}
+
+	/**
+	 * @deprecated 5.0.0 Use `$model->version()->update()` instead
+	 */
+	public function update(array|null $data = null, bool $overwrite = false): static
+	{
+		throw new Exception(
+			message: '`$translation->update()` has been deprecated. Please use `$model->version()->update()` instead'
+		);
+	}
+
+	/**
+	 * Returns the version
+	 */
+	public function version(): Version
+	{
+		return $this->version;
+	}
+}
diff --git a/kirby/src/Content/Translations.php b/kirby/src/Content/Translations.php
new file mode 100644
index 0000000..609e21b
--- /dev/null
+++ b/kirby/src/Content/Translations.php
@@ -0,0 +1,79 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\Collection;
+use Kirby\Cms\Language;
+use Kirby\Cms\Languages;
+use Kirby\Cms\ModelWithContent;
+
+/**
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ *
+ * @extends \Kirby\Cms\Collection<\Kirby\Content\Translation>
+ */
+class Translations extends Collection
+{
+	/**
+	 * Creates a new Translations collection from
+	 * an array of translations properties. This is
+	 * used in ModelWithContent::setTranslations to properly
+	 * normalize an array definition.
+	 *
+	 * @todo Needs to be refactored as soon as Version::create becomes static
+	 * 		 (see https://github.com/getkirby/kirby/pull/6491#discussion_r1652264408)
+	 */
+	public static function create(
+		ModelWithContent $model,
+		Version $version,
+		array $translations
+	): static {
+		foreach ($translations as $translation) {
+			Translation::create(
+				model: $model,
+				version: $version,
+				language: Language::ensure($translation['code'] ?? 'default'),
+				fields: $translation['content'] ?? [],
+				slug: $translation['slug'] ?? null
+			);
+		}
+
+		return static::load(
+			model: $model,
+			version: $version
+		);
+	}
+
+	/**
+	 * Simplifies `Translations::find` by allowing to pass
+	 * Language codes that will be properly validated here.
+	 */
+	public function findByKey(string $key): Translation|null
+	{
+		return parent::get(Language::ensure($key)->code());
+	}
+
+	/**
+	 * Loads all available translations for a given model
+	 */
+	public static function load(
+		ModelWithContent $model,
+		Version $version
+	): static {
+		$translations = [];
+
+		foreach (Languages::ensure() as $language) {
+			$translations[] = new Translation(
+				model: $model,
+				version: $version,
+				language: $language
+			);
+		}
+
+		return new static($translations);
+	}
+}
diff --git a/kirby/src/Content/Version.php b/kirby/src/Content/Version.php
new file mode 100644
index 0000000..5a060af
--- /dev/null
+++ b/kirby/src/Content/Version.php
@@ -0,0 +1,687 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\Language;
+use Kirby\Cms\Languages;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Cms\Page;
+use Kirby\Cms\Site;
+use Kirby\Exception\LogicException;
+use Kirby\Exception\NotFoundException;
+use Kirby\Form\Fields;
+use Kirby\Http\Uri;
+
+/**
+ * The Version class handles all actions for a single
+ * version and is identified by a VersionId instance
+ *
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class Version
+{
+	public function __construct(
+		protected ModelWithContent $model,
+		protected VersionId $id
+	) {
+	}
+
+	/**
+	 * Returns a Content object for the given language
+	 */
+	public function content(Language|string $language = 'default'): Content
+	{
+		$language = Language::ensure($language);
+		$fields   = $this->read($language) ?? [];
+
+		// This is where we merge content from the default language
+		// to provide a fallback for missing/untranslated fields.
+		//
+		// @todo This is the critical point that needs to be removed/refactored
+		// in the future, to provide multi-language support with truly
+		// individual versions of pages and no longer enforce the fallback.
+		if ($language->isDefault() === false) {
+			// merge the fields with the default language
+			$fields = [
+				...$this->read('default') ?? [],
+				...$fields
+			];
+		}
+
+		// remove fields that should not be used for the Content object
+		unset($fields['lock']);
+
+		return new Content(
+			parent: $this->model,
+			data:   $fields,
+			normalize: false
+		);
+	}
+
+	/**
+	 * Provides simplified access to the absolute content file path.
+	 * This should stay an internal method and be removed as soon as
+	 * the dependency on file storage methods is resolved more clearly.
+	 *
+	 * @internal
+	 */
+	public function contentFile(Language|string $language = 'default'): string
+	{
+		return $this->model->storage()->contentFile(
+			$this->id,
+			Language::ensure($language)
+		);
+	}
+
+	/**
+	 * Make sure that all field names are converted to lower
+	 * case to be able to merge and filter them properly
+	 */
+	protected function convertFieldNamesToLowerCase(array $fields): array
+	{
+		return array_change_key_case($fields, CASE_LOWER);
+	}
+
+	/**
+	 * Creates a new version for the given language
+	 * @todo Convert to a static method that creates the version initially with all relevant languages
+	 *
+	 * @param array<string, string> $fields Content fields
+	 */
+	public function create(
+		array $fields,
+		Language|string $language = 'default'
+	): void {
+		$language = Language::ensure($language);
+
+		// check if creating is allowed
+		VersionRules::create($this, $fields, $language);
+
+		// track the changes
+		if ($this->id->is('changes') === true) {
+			(new Changes())->track($this->model);
+		}
+
+		$this->model->storage()->create(
+			versionId: $this->id,
+			language:  $language,
+			fields:    $this->prepareFieldsBeforeWrite($fields, $language)
+		);
+
+		// make sure that an older version does not exist in the cache
+		VersionCache::remove($this, $language);
+	}
+
+	/**
+	 * Deletes a version for a specific language
+	 */
+	public function delete(Language|string $language = 'default'): void
+	{
+		if ($language === '*') {
+			foreach (Languages::ensure() as $language) {
+				$this->delete($language);
+			}
+
+			return;
+		}
+
+		$language = Language::ensure($language);
+
+		// check if deleting is allowed
+		VersionRules::delete($this, $language);
+
+		$this->model->storage()->delete($this->id, $language);
+
+		// untrack the changes if the version does no longer exist
+		// in any of the available languages
+		if (
+			$this->id->is('changes') === true &&
+			$this->exists('*') === false
+		) {
+			(new Changes())->untrack($this->model);
+		}
+
+		// Remove the version from the cache
+		VersionCache::remove($this, $language);
+	}
+
+	/**
+	 * Returns all validation errors for the given language
+	 */
+	public function errors(Language|string $language = 'default'): array
+	{
+		$fields = Fields::for($this->model, $language);
+		$fields->fill(
+			input: $this->content($language)->toArray()
+		);
+
+		return $fields->errors();
+	}
+
+	/**
+	 * Checks if a version exists for the given language
+	 */
+	public function exists(Language|string $language = 'default'): bool
+	{
+		// go through all possible languages to check if this
+		// version exists in any language
+		if ($language === '*') {
+			foreach (Languages::ensure() as $language) {
+				if ($this->exists($language) === true) {
+					return true;
+				}
+			}
+
+			return false;
+		}
+
+		return $this->model->storage()->exists(
+			$this->id,
+			Language::ensure($language)
+		);
+	}
+
+	/**
+	 * Returns the VersionId instance for this version
+	 */
+	public function id(): VersionId
+	{
+		return $this->id;
+	}
+
+	/**
+	 * Returns whether the content of both versions
+	 * is identical
+	 */
+	public function isIdentical(
+		Version|VersionId|string $version,
+		Language|string $language = 'default'
+	): bool {
+		if (is_string($version) === true) {
+			$version = VersionId::from($version);
+		}
+
+		if ($version instanceof VersionId) {
+			$version = $this->sibling($version);
+		}
+
+		if ($version->id()->is($this->id) === true) {
+			return true;
+		}
+
+		$language = Language::ensure($language);
+		$fields   = Fields::for($this->model, $language);
+
+		// read fields low-level from storage
+		$a = $this->read($language) ?? [];
+		$b = $version->read($language) ?? [];
+
+		// remove fields that should not be
+		// considered in the comparison
+		unset(
+			$a['lock'],
+			$b['lock'],
+			$a['uuid'],
+			$b['uuid']
+		);
+
+		$a = $fields->reset()->fill(input: $a)->toFormValues();
+		$b = $fields->reset()->fill(input: $b)->toFormValues();
+
+		ksort($a);
+		ksort($b);
+
+		return $a === $b;
+	}
+
+	/**
+	 * Checks if the version is the latest version
+	 */
+	public function isLatest(): bool
+	{
+		return $this->id->is('latest');
+	}
+
+	/**
+	 * Checks if the version is locked for the current user
+	 */
+	public function isLocked(Language|string $language = 'default'): bool
+	{
+		return $this->lock($language)->isLocked();
+	}
+
+	/**
+	 * Checks if there are any validation errors for the given language
+	 */
+	public function isValid(Language|string $language = 'default'): bool
+	{
+		return $this->errors($language) === [];
+	}
+
+	/**
+	 * Returns the lock object for the version
+	 */
+	public function lock(Language|string $language = 'default'): Lock
+	{
+		return Lock::for($this, $language);
+	}
+
+	/**
+	 * Returns the parent model
+	 */
+	public function model(): ModelWithContent
+	{
+		return $this->model;
+	}
+
+	/**
+	 * Returns the modification timestamp of a version
+	 * if it exists
+	 */
+	public function modified(
+		Language|string $language = 'default'
+	): int|null {
+		if ($this->exists($language) === true) {
+			return $this->model->storage()->modified(
+				$this->id,
+				Language::ensure($language)
+			);
+		}
+
+		return null;
+	}
+
+	/**
+	 * Moves the version to a new language and/or version
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	public function move(
+		Language|string $fromLanguage,
+		VersionId|null $toVersionId = null,
+		Language|string|null $toLanguage = null,
+		Storage|null $toStorage = null
+	): void {
+		$fromVersion  = $this;
+		$fromLanguage = Language::ensure($fromLanguage);
+		$toLanguage   = Language::ensure($toLanguage ?? $fromLanguage);
+		$toVersion    = $this->sibling($toVersionId ?? $this->id);
+
+		// check if moving is allowed
+		VersionRules::move(
+			fromVersion: $fromVersion,
+			fromLanguage: $fromLanguage,
+			toVersion: $toVersion,
+			toLanguage: $toLanguage
+		);
+
+		$this->model->storage()->move(
+			fromVersionId: $fromVersion->id(),
+			fromLanguage: $fromLanguage,
+			toVersionId: $toVersion->id(),
+			toLanguage: $toLanguage,
+			toStorage: $toStorage
+		);
+
+		// remove both versions from the cache
+		VersionCache::remove($fromVersion, $fromLanguage);
+		VersionCache::remove($toVersion, $toLanguage);
+	}
+
+	/**
+	 * Prepare fields to be written by removing unwanted fields
+	 * depending on the language or model and by cleaning the field names
+	 */
+	protected function prepareFieldsBeforeWrite(
+		array $fields,
+		Language $language
+	): array {
+		// convert all field names to lower case
+		$fields = $this->convertFieldNamesToLowerCase($fields);
+
+		// make sure to store the right fields for the model
+		$fields = $this->model->contentFileData($fields, $language);
+
+		// add the editing user
+		if (
+			Lock::isEnabled() === true &&
+			$this->id->is('changes') === true
+		) {
+			$fields['lock'] = $this->model->kirby()->user()?->id();
+
+		// remove the lock field for any other version or
+		// if locking is disabled
+		} else {
+			unset($fields['lock']);
+		}
+
+		// the default language stores all fields
+		if ($language->isDefault() === true) {
+			return $fields;
+		}
+
+		// remove all untranslatable fields
+		foreach ($this->model->blueprint()->fields() as $field) {
+			if (($field['translate'] ?? true) === false) {
+				unset($fields[strtolower($field['name'])]);
+			}
+		}
+
+		// remove UUID for non-default languages
+		unset($fields['uuid']);
+
+		return $fields;
+	}
+
+	/**
+	 * Make sure that reading from storage will always
+	 * return a usable set of fields with clean field names
+	 */
+	protected function prepareFieldsAfterRead(array $fields, Language $language): array
+	{
+		$fields = $this->convertFieldNamesToLowerCase($fields);
+
+		// ignore all fields with null values
+		return array_filter($fields, fn ($field) => $field !== null);
+	}
+
+	/**
+	 * Returns a verification token for the authentication
+	 * of draft and version previews
+	 * @unstable
+	 */
+	public function previewToken(): string
+	{
+		if ($this->model instanceof Site) {
+			// the site itself does not render; its preview is the home page
+			$homePage = $this->model->homePage();
+
+			if ($homePage === null) {
+				throw new NotFoundException('The home page does not exist');
+			}
+
+			return $homePage->version($this->id)->previewToken();
+		}
+
+		if (($this->model instanceof Page) === false) {
+			throw new LogicException('Invalid model type');
+		}
+
+		return $this->previewTokenFromUrl($this->model->url());
+	}
+
+	/**
+	 * Returns a verification token for the authentication
+	 * of draft and version previews from a raw URL
+	 */
+	protected function previewTokenFromUrl(string $url): string
+	{
+		// get rid of all modifiers after the path
+		$uri = new Uri($url);
+		$uri->fragment = null;
+		$uri->params   = null;
+		$uri->query    = null;
+
+		$data = [
+			'url'       => $uri->toString(),
+			'versionId' => $this->id->value()
+		];
+
+		$token = $this->model->kirby()->contentToken(
+			null,
+			json_encode($data, JSON_UNESCAPED_SLASHES)
+		);
+
+		return substr($token, 0, 10);
+	}
+
+	/**
+	 * This method can only be applied to the "changes" version.
+	 * It will copy all fields over to the "latest" version and delete
+	 * this version afterwards.
+	 */
+	public function publish(Language|string $language = 'default'): void
+	{
+		$language = Language::ensure($language);
+
+		// check if publishing is allowed
+		VersionRules::publish($this, $language);
+
+		$latest  = $this->sibling('latest')->read($language) ?? [];
+		$changes = $this->read($language) ?? [];
+
+		// overwrite all fields that are not in the `changes` version
+		// with a null value. The ModelWithContent::update method will merge
+		// the input with the existing content fields and setting null values
+		// for removed fields will take care of not inheriting old values.
+		foreach ($latest as $key => $value) {
+			if (isset($changes[$key]) === false) {
+				$changes[$key] = null;
+			}
+		}
+
+		// update the latest version
+		$this->model = $this->model->update(
+			input: $changes,
+			languageCode: $language->code(),
+			validate: true
+		);
+
+		// delete the changes
+		$this->delete($language);
+	}
+
+	/**
+	 * Returns the stored content fields
+	 *
+	 * @return array<string, string>|null
+	 */
+	public function read(Language|string $language = 'default'): array|null
+	{
+		$language = Language::ensure($language);
+
+		try {
+			// make sure that the version exists
+			VersionRules::read($this, $language);
+
+			$fields = VersionCache::get($this, $language);
+
+			if ($fields === null) {
+				$fields = $this->model->storage()->read($this->id, $language);
+				$fields = $this->prepareFieldsAfterRead($fields, $language);
+
+				if ($fields !== null) {
+					VersionCache::set($this, $language, $fields);
+				}
+			}
+
+			return $fields;
+		} catch (NotFoundException) {
+			return null;
+		}
+	}
+
+	/**
+	 * Replaces the content of the current version with the given fields
+	 *
+	 * @param array<string, string> $fields Content fields
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	public function replace(
+		array $fields,
+		Language|string $language = 'default'
+	): void {
+		$language = Language::ensure($language);
+
+		// check if replacing is allowed
+		VersionRules::replace($this, $fields, $language);
+
+		$this->model->storage()->update(
+			versionId: $this->id,
+			language: $language,
+			fields: $this->prepareFieldsBeforeWrite($fields, $language)
+		);
+
+		// remove the version from the cache to read
+		// a fresh version next time
+		VersionCache::remove($this, $language);
+	}
+
+	/**
+	 * Convenience wrapper around ::create, ::replace and ::update.
+	 */
+	public function save(
+		array $fields,
+		Language|string $language = 'default',
+		bool $overwrite = false
+	): void {
+		if ($this->exists($language) === false) {
+			$this->create($fields, $language);
+			return;
+		}
+
+		if ($overwrite === true) {
+			$this->replace($fields, $language);
+			return;
+		}
+
+		$this->update($fields, $language);
+	}
+
+	/**
+	 * Returns a sibling version for the same model
+	 */
+	public function sibling(VersionId|string $id): Version
+	{
+		return new Version(
+			model: $this->model,
+			id: VersionId::from($id)
+		);
+	}
+
+	/**
+	 * Updates the modification timestamp of an existing version
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	public function touch(Language|string $language = 'default'): void
+	{
+		$language = Language::ensure($language);
+
+		VersionRules::touch($this, $language);
+
+		$this->model->storage()->touch($this->id, $language);
+	}
+
+	/**
+	 * Updates the content fields of an existing version
+	 *
+	 * @param array<string, string> $fields Content fields
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	public function update(
+		array $fields,
+		Language|string $language = 'default'
+	): void {
+		$language = Language::ensure($language);
+
+		// check if updating is allowed
+		VersionRules::update($this, $fields, $language);
+
+		// merge the previous state with the new state to always
+		// update to a complete version
+		$fields = [
+			...$this->read($language),
+			...$fields
+		];
+
+		$this->model->storage()->update(
+			versionId: $this->id,
+			language: $language,
+			fields: $this->prepareFieldsBeforeWrite($fields, $language)
+		);
+
+		// remove the version from the cache to read
+		// a fresh version next time
+		VersionCache::remove($this, $language);
+	}
+
+	/**
+	 * Returns the preview URL with authentication for drafts and versions
+	 * @unstable
+	 */
+	public function url(): string|null
+	{
+		if (
+			($this->model instanceof Page || $this->model instanceof Site) === false
+		) {
+			throw new LogicException('Only pages and the site have a content preview URL');
+		}
+
+		$url = $this->model->blueprint()->preview();
+
+		// preview was disabled
+		if ($url === false) {
+			return null;
+		}
+
+		// we only need to add a token for draft and changes previews
+		if (
+			($this->model instanceof Site || $this->model->isDraft() === false) &&
+			$this->id->is('changes') === false
+		) {
+			return match (true) {
+				is_string($url) => $url,
+				default         => $this->model->url()
+			};
+		}
+
+		// check if the URL was customized
+		if (is_string($url) === true) {
+			return $this->urlFromOption($url);
+		}
+
+		// it wasn't, use the safer/more reliable model-based preview token
+		return $this->urlWithQueryParams($this->model->url(), $this->previewToken());
+	}
+
+	/**
+	 * Returns the preview URL based on an arbitrary URL from
+	 * the blueprint option
+	 */
+	protected function urlFromOption(string $url): string
+	{
+		// try to determine a token for a local preview
+		// (we cannot determine the token for external previews)
+		if ($token = $this->previewTokenFromUrl($url)) {
+			return $this->urlWithQueryParams($url, $token);
+		}
+
+		// fall back to the URL as defined in the blueprint
+		return $url;
+	}
+
+	/**
+	 * Assembles the preview URL with the added `_token` and `_version`
+	 * query params, no matter if the base URL already contains query params
+	 */
+	protected function urlWithQueryParams(string $baseUrl, string $token): string
+	{
+		$uri = new Uri($baseUrl);
+		$uri->query->_token = $token;
+
+		if ($this->id->is('changes') === true) {
+			$uri->query->_version = 'changes';
+		}
+
+		return $uri->toString();
+	}
+}
diff --git a/kirby/src/Content/VersionCache.php b/kirby/src/Content/VersionCache.php
new file mode 100644
index 0000000..5540a20
--- /dev/null
+++ b/kirby/src/Content/VersionCache.php
@@ -0,0 +1,81 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\Language;
+use WeakMap;
+
+/**
+ * The Version cache class keeps content fields
+ * to avoid multiple storage reads for the same
+ * content.
+ *
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class VersionCache
+{
+	/**
+	 * All cache values for all versions
+	 * and language combinations
+	 */
+	protected static WeakMap $cache;
+
+	/**
+	 * Tries to receive a fields for a version/language combination
+	 */
+	public static function get(Version $version, Language $language): array|null
+	{
+		$model = $version->model();
+		$key   = $version->id() . ':' . $language->code();
+
+		return static::$cache[$model][$key] ?? null;
+	}
+
+	/**
+	 * Removes fields for a version/language combination
+	 */
+	public static function remove(Version $version, Language $language): void
+	{
+		$model = $version->model();
+
+		if (isset(static::$cache[$model]) === false) {
+			return;
+		}
+
+		// Avoid indirect manipulation of WeakMap
+		$key = $version->id() . ':' . $language->code();
+		$map = static::$cache[$model];
+		unset($map[$key]);
+		static::$cache[$model] = $map;
+	}
+
+	/**
+	 * Resets the cache
+	 */
+	public static function reset(): void
+	{
+		static::$cache = new WeakMap();
+	}
+
+	/**
+	 * Keeps fields for a version/language combination
+	 */
+	public static function set(
+		Version $version,
+		Language $language,
+		array $fields = []
+	): void {
+		$model = $version->model();
+		$key   = $version->id() . ':' . $language->code();
+
+		static::$cache ??= new WeakMap();
+		static::$cache[$model] ??= [];
+		static::$cache[$model][$key] = $fields;
+	}
+}
diff --git a/kirby/src/Content/VersionId.php b/kirby/src/Content/VersionId.php
new file mode 100644
index 0000000..3317b9f
--- /dev/null
+++ b/kirby/src/Content/VersionId.php
@@ -0,0 +1,121 @@
+<?php
+
+namespace Kirby\Content;
+
+use Closure;
+use Kirby\Exception\InvalidArgumentException;
+use Stringable;
+
+/**
+ * The Version ID identifies a version of content.
+ * This can be the currently latest version or changes
+ * to the content. In the future, we also plan to use this
+ * for older revisions of the content.
+ *
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class VersionId implements Stringable
+{
+	/**
+	 * Latest stable version of the content
+	 */
+	public const LATEST = 'latest';
+
+	/**
+	 * Latest changes to the content (optional)
+	 */
+	public const CHANGES = 'changes';
+
+	/**
+	 * A global store for a version id that should be
+	 * rendered for each model in a live preview scenario.
+	 */
+	public static self|null $render = null;
+
+	/**
+	 * @throws \Kirby\Exception\InvalidArgumentException If the version ID is not valid
+	 */
+	public function __construct(
+		public string $value
+	) {
+		if (in_array($value, [static::CHANGES, static::LATEST], true) === false) {
+			throw new InvalidArgumentException(message: 'Invalid Version ID');
+		}
+	}
+
+	/**
+	 * Converts the VersionId instance to a simple string value
+	 */
+	public function __toString(): string
+	{
+		return $this->value;
+	}
+
+	/**
+	 * Creates a VersionId instance for the latest content changes
+	 */
+	public static function changes(): static
+	{
+		return new static(static::CHANGES);
+	}
+
+	/**
+	 * Creates a VersionId instance from a simple string value
+	 */
+	public static function from(VersionId|string $value): static
+	{
+		if ($value instanceof VersionId) {
+			return $value;
+		}
+
+		return new static($value);
+	}
+
+	/**
+	 * Compares a VersionId object or string value with this id
+	 */
+	public function is(VersionId|string $id): bool
+	{
+		return static::from($id)->value === $this->value;
+	}
+
+	/**
+	 * Creates a VersionId instance for the latest stable version of the content
+	 */
+	public static function latest(): static
+	{
+		return new static(static::LATEST);
+	}
+
+	/**
+	 * Temporarily sets the version ID for preview rendering
+	 * only for the logic in the callback
+	 */
+	public static function render(VersionId|string $versionId, Closure $callback): mixed
+	{
+		$original       = static::$render;
+		static::$render = static::from($versionId);
+
+		try {
+			return $callback();
+		} finally {
+			// ensure that the render version ID is *always* reset
+			// to the original value, even if an error occurred
+			static::$render = $original;
+		}
+	}
+
+	/**
+	 * Returns the ID value
+	 */
+	public function value(): string
+	{
+		return $this->value;
+	}
+}
diff --git a/kirby/src/Content/VersionRules.php b/kirby/src/Content/VersionRules.php
new file mode 100644
index 0000000..08f8bf1
--- /dev/null
+++ b/kirby/src/Content/VersionRules.php
@@ -0,0 +1,161 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\Language;
+use Kirby\Exception\LogicException;
+use Kirby\Exception\NotFoundException;
+
+/**
+ * The VersionRules class handles the validation for all
+ * modification actions on a single version
+ *
+ * @package   Kirby Content
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class VersionRules
+{
+	public static function create(
+		Version $version,
+		array $fields,
+		Language $language
+	): void {
+		if ($version->exists($language) === true) {
+			throw new LogicException(
+				message: 'The version already exists'
+			);
+		}
+	}
+
+	/**
+	 * Checks if a version/language combination exists and otherwise
+	 * will throw a `NotFoundException`
+	 *
+	 * @throws \Kirby\Exception\NotFoundException If the version does not exist
+	 */
+	public static function ensure(Version $version, Language $language): void
+	{
+		if ($version->exists($language) === true) {
+			return;
+		}
+
+		$message = match($version->model()->kirby()->multilang()) {
+			true  => 'Version "' . $version->id() . ' (' . $language->code() . ')" does not already exist',
+			false => 'Version "' . $version->id() . '" does not already exist',
+		};
+
+		throw new NotFoundException($message);
+	}
+
+	public static function delete(
+		Version $version,
+		Language $language
+	): void {
+		if ($version->isLocked('*') === true) {
+			throw new LockedContentException(
+				lock: $version->lock('*'),
+				key: 'content.lock.delete'
+			);
+		}
+	}
+
+	public static function move(
+		Version $fromVersion,
+		Language $fromLanguage,
+		Version $toVersion,
+		Language $toLanguage
+	): void {
+		// make sure that the source version exists
+		static::ensure($fromVersion, $fromLanguage);
+
+		// check if the source version is locked in any language
+		if ($fromVersion->isLocked('*') === true) {
+			throw new LockedContentException(
+				lock: $fromVersion->lock('*'),
+				key: 'content.lock.move'
+			);
+		}
+
+		// check if the target version is locked in any language
+		if ($toVersion->isLocked('*') === true) {
+			throw new LockedContentException(
+				lock: $toVersion->lock('*'),
+				key: 'content.lock.update'
+			);
+		}
+	}
+
+	public static function publish(
+		Version $version,
+		Language $language
+	): void {
+		// the latest version is already published
+		if ($version->isLatest() === true) {
+			throw new LogicException(
+				message: 'This version is already published'
+			);
+		}
+
+		// make sure that the version exists
+		static::ensure($version, $language);
+
+		// check if the version is locked in any language
+		if ($version->isLocked('*') === true) {
+			throw new LockedContentException(
+				lock: $version->lock('*'),
+				key: 'content.lock.publish'
+			);
+		}
+	}
+
+	public static function read(
+		Version $version,
+		Language $language
+	): void {
+		static::ensure($version, $language);
+	}
+
+	public static function replace(
+		Version $version,
+		array $fields,
+		Language $language
+	): void {
+		// make sure that the version exists
+		static::ensure($version, $language);
+
+		// check if the version is locked in any language
+		if ($version->isLocked('*') === true) {
+			throw new LockedContentException(
+				lock: $version->lock('*'),
+				key: 'content.lock.replace'
+			);
+		}
+	}
+
+	public static function touch(
+		Version $version,
+		Language $language
+	): void {
+		static::ensure($version, $language);
+	}
+
+	public static function update(
+		Version $version,
+		array $fields,
+		Language $language
+	): void {
+		static::ensure($version, $language);
+
+		if ($version->isLocked('*') === true) {
+			throw new LockedContentException(
+				lock: $version->lock('*'),
+				key: 'content.lock.update'
+			);
+		}
+	}
+}
diff --git a/kirby/src/Content/Versions.php b/kirby/src/Content/Versions.php
new file mode 100644
index 0000000..69ac145
--- /dev/null
+++ b/kirby/src/Content/Versions.php
@@ -0,0 +1,49 @@
+<?php
+
+namespace Kirby\Content;
+
+use Kirby\Cms\Collection;
+use Kirby\Cms\ModelWithContent;
+
+/**
+ * @package   Kirby Content
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ *
+ * @extends \Kirby\Cms\Collection<\Kirby\Content\Version>
+ */
+class Versions extends Collection
+{
+	/**
+	 * Deletes all versions in the collection
+	 */
+	public function delete(): void
+	{
+		foreach ($this->data as $version) {
+			$version->delete('*');
+		}
+	}
+
+	/**
+	 * Loads all available versions for a given model
+	 *
+	 * Versions need to be loaded in the order `changes`, `latest`
+	 * to ensure that models are deleted correctly. The `latest`
+	 * version always needs to be deleted last, otherwise the
+	 * PlainTextStorage handler will not be able to clean up
+	 * content directories.
+	 */
+	public static function load(
+		ModelWithContent $model
+	): static {
+		return new static(
+			objects: [
+				$model->version('changes'),
+				$model->version('latest'),
+			],
+			parent: $model
+		);
+	}
+}
diff --git a/kirby/src/Form/Field/EntriesField.php b/kirby/src/Form/Field/EntriesField.php
new file mode 100644
index 0000000..c17d7e8
--- /dev/null
+++ b/kirby/src/Form/Field/EntriesField.php
@@ -0,0 +1,211 @@
+<?php
+
+namespace Kirby\Form\Field;
+
+use Kirby\Data\Data;
+use Kirby\Exception\InvalidArgumentException;
+use Kirby\Form\FieldClass;
+use Kirby\Form\Form;
+use Kirby\Form\Mixin\EmptyState;
+use Kirby\Form\Mixin\Max;
+use Kirby\Form\Mixin\Min;
+use Kirby\Toolkit\A;
+use Kirby\Toolkit\Str;
+
+/**
+ * Main class file of the entries field
+ *
+ * @package   Kirby Field
+ * @author    Ahmet Bora <ahmet@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+class EntriesField extends FieldClass
+{
+	use EmptyState;
+	use Max;
+	use Min;
+
+	protected array $field;
+	protected Form $form;
+	protected bool  $sortable = true;
+
+	public function __construct(array $params = [])
+	{
+		parent::__construct($params);
+
+		$this->setEmpty($params['empty'] ?? null);
+		$this->setField($params['field'] ?? null);
+		$this->setMax($params['max'] ?? null);
+		$this->setMin($params['min'] ?? null);
+		$this->setSortable($params['sortable'] ?? true);
+	}
+
+	public function field(): array
+	{
+		return $this->field;
+	}
+
+	public function fieldProps(): array
+	{
+		return $this->form()->fields()->first()->toArray();
+	}
+
+	/**
+	 * @psalm-suppress MethodSignatureMismatch
+	 * @todo Remove psalm suppress after https://github.com/vimeo/psalm/issues/8673 is fixed
+	 */
+	public function fill(mixed $value): static
+	{
+		$this->value = Data::decode($value ?? '', 'yaml');
+		return $this;
+	}
+
+	public function form(): Form
+	{
+		return $this->form ??= new Form(
+			fields: [$this->field()],
+			model: $this->model
+		);
+	}
+
+	public function props(): array
+	{
+		return [
+			...parent::props(),
+			'empty'    => $this->empty(),
+			'field'    => $this->fieldProps(),
+			'max'      => $this->max(),
+			'min'      => $this->min(),
+			'sortable' => $this->sortable(),
+		];
+	}
+
+	protected function setField(array|string|null $attrs = null): void
+	{
+		if (is_string($attrs) === true) {
+			$attrs = ['type' => $attrs];
+		}
+
+		$attrs ??= ['type' => 'text'];
+
+		if (in_array($attrs['type'], $this->supports()) === false) {
+			throw new InvalidArgumentException(
+				key: 'entries.supports',
+				data: ['type' => $attrs['type']]
+			);
+		}
+
+		// remove the unsupported props from the entry field
+		unset($attrs['counter'], $attrs['label']);
+
+		$this->field = $attrs;
+	}
+
+	protected function setSortable(bool|null $sortable = true): void
+	{
+		$this->sortable = $sortable;
+	}
+
+	public function sortable(): bool
+	{
+		return $this->sortable;
+	}
+
+	public function supports(): array
+	{
+		return [
+			'color',
+			'date',
+			'email',
+			'number',
+			'select',
+			'slug',
+			'tel',
+			'text',
+			'time',
+			'url'
+		];
+	}
+
+	public function toFormValue(): mixed
+	{
+		$form  = $this->form();
+		$value = parent::toFormValue() ?? [];
+
+		return A::map(
+			$value,
+			fn ($value) => $form
+				->reset()
+				->fill(input: [$value])
+				->fields()
+				->first()
+				->toFormValue()
+		);
+	}
+
+	public function toStoredValue(): mixed
+	{
+		$form  = $this->form();
+		$value = parent::toStoredValue();
+
+		return A::map(
+			$value,
+			fn ($value) => $form
+				->reset()
+				->submit(input: [$value])
+				->fields()
+				->first()
+				->toStoredValue()
+		);
+	}
+
+	public function validations(): array
+	{
+		return [
+			'entries' => function ($value) {
+				if ($this->min && count($value) < $this->min) {
+					throw new InvalidArgumentException(
+						key: match ($this->min) {
+							1       => 'entries.min.singular',
+							default => 'entries.min.plural'
+						},
+						data: ['min' => $this->min]
+					);
+				}
+
+				if ($this->max && count($value) > $this->max) {
+					throw new InvalidArgumentException(
+						key: match ($this->max) {
+							1       => 'entries.max.singular',
+							default => 'entries.max.plural'
+						},
+						data: ['max' => $this->max]
+					);
+				}
+
+				$form = $this->form();
+
+				foreach ($value as $index => $val) {
+					$form->reset()->submit(input: [$val]);
+
+					foreach ($form->fields() as $field) {
+						$errors = $field->errors();
+
+						if ($errors !== []) {
+							throw new InvalidArgumentException(
+								key: 'entries.validation',
+								data: [
+									'field' => $this->label() ?? Str::ucfirst($this->name()),
+									'index' => $index + 1
+								]
+							);
+						}
+					}
+				}
+			}
+		];
+	}
+}
diff --git a/kirby/src/Form/Mixin/Api.php b/kirby/src/Form/Mixin/Api.php
new file mode 100644
index 0000000..d648249
--- /dev/null
+++ b/kirby/src/Form/Mixin/Api.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Kirby\Form\Mixin;
+
+trait Api
+{
+	public function api(): array
+	{
+		return $this->routes();
+	}
+
+	/**
+	 * Routes for the field API
+	 */
+	public function routes(): array
+	{
+		return [];
+	}
+}
diff --git a/kirby/src/Form/Mixin/Model.php b/kirby/src/Form/Mixin/Model.php
new file mode 100644
index 0000000..69b4c19
--- /dev/null
+++ b/kirby/src/Form/Mixin/Model.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace Kirby\Form\Mixin;
+
+use Kirby\Cms\App;
+use Kirby\Cms\ModelWithContent;
+
+trait Model
+{
+	protected ModelWithContent $model;
+
+	/**
+	 * Returns the Kirby instance
+	 */
+	public function kirby(): App
+	{
+		return $this->model->kirby();
+	}
+
+	/**
+	 * Returns the parent model
+	 */
+	public function model(): ModelWithContent
+	{
+		return $this->model;
+	}
+
+	/**
+	 * Sets the parent model
+	 */
+	protected function setModel(ModelWithContent|null $model = null): void
+	{
+		$this->model = $model ?? App::instance()->site();
+	}
+}
diff --git a/kirby/src/Form/Mixin/Translatable.php b/kirby/src/Form/Mixin/Translatable.php
new file mode 100644
index 0000000..bc36a65
--- /dev/null
+++ b/kirby/src/Form/Mixin/Translatable.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace Kirby\Form\Mixin;
+
+use Kirby\Cms\Language;
+
+/**
+ * @package   Kirby Form
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://opensource.org/licenses/MIT
+ */
+trait Translatable
+{
+	protected bool $translate = true;
+
+	/**
+	 * Should the field be translatable into the given language?
+	 *
+	 * @since 5.0.0
+	 */
+	public function isTranslatable(Language $language): bool
+	{
+		if ($this->translate() === false && $language->isDefault() === false) {
+			return false;
+		}
+
+		return true;
+	}
+
+	/**
+	 * Set the translatable status
+	 */
+	protected function setTranslate(bool $translate = true): void
+	{
+		$this->translate = $translate;
+	}
+
+	/**
+	 * Should the field be translatable?
+	 */
+	public function translate(): bool
+	{
+		return $this->translate;
+	}
+}
diff --git a/kirby/src/Form/Mixin/Validation.php b/kirby/src/Form/Mixin/Validation.php
new file mode 100644
index 0000000..cd69a0c
--- /dev/null
+++ b/kirby/src/Form/Mixin/Validation.php
@@ -0,0 +1,117 @@
+<?php
+
+namespace Kirby\Form\Mixin;
+
+use Closure;
+use Exception;
+use Kirby\Form\Validations;
+use Kirby\Toolkit\A;
+use Kirby\Toolkit\I18n;
+use Kirby\Toolkit\V;
+
+/**
+ * @package   Kirby Form
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://opensource.org/licenses/MIT
+ */
+trait Validation
+{
+	protected bool $required;
+
+	/**
+	 * Runs all validations and returns an array of
+	 * error messages
+	 */
+	public function errors(): array
+	{
+		$validations = $this->validations();
+		$value       = $this->value();
+		$errors      = [];
+
+		// validate required values
+		if ($this->needsValue() === true) {
+			$errors['required'] = I18n::translate('error.validation.required');
+		}
+
+		foreach ($validations as $key => $validation) {
+			if (is_int($key) === true) {
+				// predefined validation
+				try {
+					Validations::$validation($this, $value);
+				} catch (Exception $e) {
+					$errors[$validation] = $e->getMessage();
+				}
+				continue;
+			}
+
+			if ($validation instanceof Closure) {
+				try {
+					$validation->call($this, $value);
+				} catch (Exception $e) {
+					$errors[$key] = $e->getMessage();
+				}
+			}
+		}
+
+		if (
+			empty($this->validate) === false &&
+			($this->isEmpty() === false || $this->isRequired() === true)
+		) {
+			$rules = A::wrap($this->validate);
+
+			$errors = [
+				...$errors,
+				...V::errors($value, $rules)
+			];
+		}
+
+		return $errors;
+	}
+
+	/**
+	 * Checks if the field is required
+	 */
+	public function isRequired(): bool
+	{
+		return $this->required;
+	}
+
+	/**
+	 * Checks if the field is invalid
+	 */
+	public function isInvalid(): bool
+	{
+		return $this->errors() !== [];
+	}
+
+	/**
+	 * Checks if the field is valid
+	 */
+	public function isValid(): bool
+	{
+		return $this->errors() === [];
+	}
+
+	/**
+	 * Getter for the required property
+	 */
+	public function required(): bool
+	{
+		return $this->required;
+	}
+
+	protected function setRequired(bool $required = false): void
+	{
+		$this->required = $required;
+	}
+
+	/**
+	 * Defines all validation rules
+	 */
+	protected function validations(): array
+	{
+		return [];
+	}
+}
diff --git a/kirby/src/Form/Mixin/Value.php b/kirby/src/Form/Mixin/Value.php
new file mode 100644
index 0000000..1e28e75
--- /dev/null
+++ b/kirby/src/Form/Mixin/Value.php
@@ -0,0 +1,220 @@
+<?php
+
+namespace Kirby\Form\Mixin;
+
+use Kirby\Cms\Language;
+
+/**
+ * @package   Kirby Form
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://opensource.org/licenses/MIT
+ */
+trait Value
+{
+	protected mixed $default = null;
+	protected mixed $value = null;
+
+	/**
+	 * @deprecated 5.0.0 Use `::toStoredValue()` instead to receive
+	 * the value in the format that will be needed for content files.
+	 *
+	 * If you need to get the value with the default as fallback, you should use
+	 * the fill method first `$field->fill($field->default())->toStoredValue()`
+	 */
+	public function data(bool $default = false): mixed
+	{
+		if ($default === true && $this->isEmpty() === true) {
+			$this->fill($this->default());
+		}
+
+		return $this->toStoredValue();
+	}
+
+	/**
+	 * Returns the default value of the field
+	 */
+	public function default(): mixed
+	{
+		if (is_string($this->default) === false) {
+			return $this->default;
+		}
+
+		return $this->model->toString($this->default);
+	}
+
+	/**
+	 * Sets a new value for the field
+	 */
+	public function fill(mixed $value): static
+	{
+		$this->value = $value;
+		return $this;
+	}
+
+	/**
+	 * Checks if the field has a value
+	 */
+	public function hasValue(): bool
+	{
+		return true;
+	}
+
+	/**
+	 * Checks if the field is empty
+	 */
+	public function isEmpty(): bool
+	{
+		return $this->isEmptyValue($this->toFormValue());
+	}
+
+	/**
+	 * Checks if the given value is considered empty
+	 */
+	public function isEmptyValue(mixed $value = null): bool
+	{
+		return in_array($value, [null, '', []], true);
+	}
+
+	/**
+	 * Checks if the field can be stored in the given language.
+	 */
+	public function isStorable(Language $language): bool
+	{
+		// the field cannot be stored at all if it has no value
+		if ($this->hasValue() === false) {
+			return false;
+		}
+
+		// the field cannot be translated into the given language
+		if ($this->isTranslatable($language) === false) {
+			return false;
+		}
+
+		// We don't need to check if the field is disabled.
+		// A disabled field can still have a value and that value
+		// should still be stored. But that value must not be changed
+		// on submit. That's why we check for the disabled state
+		// in the isSubmittable method.
+
+		return true;
+	}
+
+	/**
+	 * A field might have a value, but can still not be submitted
+	 * because it is disabled, not translatable into the given
+	 * language or not active due to a `when` rule.
+	 */
+	public function isSubmittable(Language $language): bool
+	{
+		if ($this->hasValue() === false) {
+			return false;
+		}
+
+		if ($this->isDisabled() === true) {
+			return false;
+		}
+
+		if ($this->isTranslatable($language) === false) {
+			return false;
+		}
+
+		if ($this->isActive() === false) {
+			return false;
+		}
+
+		return true;
+	}
+
+	/**
+	 * Checks if the field needs a value before being saved;
+	 * this is the case if all of the following requirements are met:
+	 * - The field has a value
+	 * - The field is required
+	 * - The field is currently empty
+	 * - The field is not currently inactive because of a `when` rule
+	 */
+	protected function needsValue(): bool
+	{
+		if (
+			$this->hasValue() === false ||
+			$this->isRequired() === false ||
+			$this->isEmpty() === false ||
+			$this->isActive() === false
+		) {
+			return false;
+		}
+
+		return true;
+	}
+
+	/**
+	 * Checks if the field is saveable
+	 * @deprecated 5.0.0 Use `::hasValue()` instead
+	 */
+	public function save(): bool
+	{
+		return $this->hasValue();
+	}
+
+	protected function setDefault(mixed $default = null): void
+	{
+		$this->default = $default;
+	}
+
+	/**
+	 * Submits a new value for the field.
+	 * Fields can overwrite this method to provide custom
+	 * submit logic. This is useful if the field component
+	 * sends data that needs to be processed before being
+	 * stored.
+	 *
+	 * @since 5.0.0
+	 */
+	public function submit(mixed $value): static
+	{
+		return $this->fill($value);
+	}
+
+	/**
+	 * Returns the value of the field in a format to be used in forms
+	 * (e.g. used as data for Panel Vue components)
+	 */
+	public function toFormValue(): mixed
+	{
+		if ($this->hasValue() === false) {
+			return null;
+		}
+
+		return $this->value;
+	}
+
+	/**
+	 * Returns the value of the field in a format
+	 * to be stored by our storage classes
+	 */
+	public function toStoredValue(): mixed
+	{
+		return $this->toFormValue();
+	}
+
+	/**
+	 * Returns the value of the field if it has a value
+	 * otherwise it returns null
+	 *
+	 * @see `self::toFormValue()`
+	 * @todo might get deprecated or reused later. Use `self::toFormValue()` instead.
+	 *
+	 * If you need the form value with the default as fallback, you should use
+	 * the fill method first `$field->fill($field->default())->toFormValue()`
+	 */
+	public function value(bool $default = false): mixed
+	{
+		if ($default === true && $this->isEmpty() === true) {
+			$this->fill($this->default());
+		}
+
+		return $this->toFormValue();
+	}
+}
diff --git a/kirby/src/Form/Mixin/When.php b/kirby/src/Form/Mixin/When.php
new file mode 100644
index 0000000..1bc18c9
--- /dev/null
+++ b/kirby/src/Form/Mixin/When.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace Kirby\Form\Mixin;
+
+/**
+ * @package   Kirby Form
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://opensource.org/licenses/MIT
+ */
+trait When
+{
+	protected array|null $when = null;
+
+	/**
+	 * Checks if the field is currently active
+	 * or hidden because of a `when` condition
+	 */
+	public function isActive(): bool
+	{
+		if ($this->when === null || $this->when === []) {
+			return true;
+		}
+
+		$siblings = $this->siblings();
+
+		foreach ($this->when as $field => $value) {
+			$field = $siblings->get($field);
+			$input = $field?->value() ?? '';
+
+			// if the input data doesn't match the requested `when` value,
+			// that means that this field is not required and can be saved
+			// (*all* `when` conditions must be met for this field to be required)
+			if ($input !== $value) {
+				return false;
+			}
+		}
+
+		return true;
+	}
+
+	/**
+	 * Setter for the `when` condition
+	 */
+	protected function setWhen(array|null $when = null): void
+	{
+		$this->when = $when;
+	}
+
+	/**
+	 * Returns the `when` condition of the field
+	 */
+	public function when(): array|null
+	{
+		return $this->when;
+	}
+}
diff --git a/kirby/src/Panel/Controller/PageTree.php b/kirby/src/Panel/Controller/PageTree.php
new file mode 100644
index 0000000..4916239
--- /dev/null
+++ b/kirby/src/Panel/Controller/PageTree.php
@@ -0,0 +1,113 @@
+<?php
+
+namespace Kirby\Panel\Controller;
+
+use Kirby\Cms\App;
+use Kirby\Cms\Find;
+use Kirby\Cms\Page;
+use Kirby\Cms\Site;
+use Kirby\Toolkit\I18n;
+
+/**
+ * The PageTree controller takes care of the request logic
+ * for the `k-page-tree` component and similar
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class PageTree
+{
+	protected Site $site;
+
+	public function __construct(
+	) {
+		$this->site = App::instance()->site();
+	}
+
+	/**
+	 * Returns children for the parent as entries
+	 */
+	public function children(
+		string|null $parent = null,
+		string|null $moving = null
+	): array {
+		if ($moving !== null) {
+			$moving = Find::parent($moving);
+		}
+
+		if ($parent === null) {
+			return [
+				$this->entry($this->site, $moving)
+			];
+		}
+
+		return Find::parent($parent)
+			->childrenAndDrafts()
+			->filterBy('isListable', true)
+			->values(
+				fn ($child) => $this->entry($child, $moving)
+			);
+	}
+
+	/**
+	 * Returns the properties to display the site or page
+	 * as an entry in the page tree component
+	 */
+	public function entry(
+		Site|Page $entry,
+		Page|null $moving = null
+	): array {
+		$panel = $entry->panel();
+		$id    = $entry->id() ?? '/';
+		$uuid  = $entry->uuid()?->toString();
+		$url   = $entry->url();
+		$value = $uuid ?? $id;
+
+		return [
+			'children'    => $panel->url(true),
+			'disabled'    => $moving?->isMovableTo($entry) === false,
+			'hasChildren' =>
+				$entry->hasChildren() === true ||
+				$entry->hasDrafts() === true,
+			'icon'        => match (true) {
+				$entry instanceof Site => 'home',
+				default                => $panel->image()['icon'] ?? null
+			},
+			'id'          => $id,
+			'open'        => false,
+			'label'       => match (true) {
+				$entry instanceof Site => I18n::translate('view.site'),
+				default                => $entry->title()->value()
+			},
+			'url'         => $url,
+			'uuid'        => $uuid,
+			'value'       => $value
+		];
+	}
+
+	/**
+	 * Returns the UUIDs/ids for all parents of the page
+	 */
+	public function parents(
+		string|null $page = null,
+		bool $includeSite = false,
+	): array {
+		$page      = $this->site->page($page);
+		$parents   = $page?->parents()->flip();
+		$parents   = $parents?->values(
+			fn ($parent) => $parent->uuid()?->toString() ?? $parent->id()
+		);
+		$parents ??= [];
+
+		if ($includeSite === true) {
+			array_unshift($parents, $this->site->uuid()?->toString() ?? '/');
+		}
+
+		return [
+			'data' => $parents
+		];
+	}
+}
diff --git a/kirby/src/Panel/Controller/Search.php b/kirby/src/Panel/Controller/Search.php
new file mode 100644
index 0000000..0baa6da
--- /dev/null
+++ b/kirby/src/Panel/Controller/Search.php
@@ -0,0 +1,104 @@
+<?php
+
+namespace Kirby\Panel\Controller;
+
+use Kirby\Cms\App;
+use Kirby\Toolkit\Escape;
+
+/**
+ * The Search controller takes care of the logic
+ * for delivering Panel search results
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @unstable
+ */
+class Search
+{
+	public static function files(
+		string|null $query = null,
+		int|null $limit = null,
+		int $page = 1
+	): array {
+		$kirby = App::instance();
+		$files = $kirby->site()
+			->index(true)
+			->filter('isListable', true)
+			->files();
+
+		// add site files which aren't considered by the index
+		$files = $files->add($kirby->site()->files());
+
+		// filter and search among those files
+		$files = $files->filter('isListable', true)->search($query);
+
+		if ($limit !== null) {
+			$files = $files->paginate($limit, $page);
+		}
+
+		return [
+			'results' => $files->values(fn ($file) => [
+				'image' => $file->panel()->image(),
+				'text'  => Escape::html($file->filename()),
+				'link'  => $file->panel()->url(true),
+				'info'  => Escape::html($file->id()),
+				'uuid'  => $file->uuid()->toString(),
+			]),
+			'pagination' => $files->pagination()?->toArray()
+		];
+	}
+
+	public static function pages(
+		string|null $query = null,
+		int|null $limit = null,
+		int $page = 1
+	): array {
+		$kirby = App::instance();
+		$pages = $kirby->site()
+			->index(true)
+			->search($query)
+			->filter('isListable', true);
+
+		if ($limit !== null) {
+			$pages = $pages->paginate($limit, $page);
+		}
+
+		return [
+			'results' => $pages->values(fn ($page) => [
+				'image' => $page->panel()->image(),
+				'text' => Escape::html($page->title()->value()),
+				'link' => $page->panel()->url(true),
+				'info' => Escape::html($page->id()),
+				'uuid' => $page->uuid()?->toString(),
+			]),
+			'pagination' => $pages->pagination()?->toArray()
+		];
+	}
+
+	public static function users(
+		string|null $query = null,
+		int|null $limit = null,
+		int $page = 1
+	): array {
+		$kirby = App::instance();
+		$users = $kirby->users()->search($query);
+
+		if ($limit !== null) {
+			$users = $users->paginate($limit, $page);
+		}
+
+		return [
+			'results' => $users->values(fn ($user) => [
+				'image' => $user->panel()->image(),
+				'text'  => Escape::html($user->username()),
+				'link'  => $user->panel()->url(true),
+				'info'  => Escape::html($user->role()->title()),
+				'uuid'  => $user->uuid()->toString(),
+			]),
+			'pagination' => $users->pagination()?->toArray()
+		];
+	}
+}
diff --git a/kirby/src/Panel/Lab/Doc.php b/kirby/src/Panel/Lab/Doc.php
new file mode 100644
index 0000000..2245bce
--- /dev/null
+++ b/kirby/src/Panel/Lab/Doc.php
@@ -0,0 +1,194 @@
+<?php
+
+namespace Kirby\Panel\Lab;
+
+use Kirby\Cms\App;
+use Kirby\Data\Data;
+use Kirby\Panel\Lab\Doc\Event;
+use Kirby\Panel\Lab\Doc\Method;
+use Kirby\Panel\Lab\Doc\Prop;
+use Kirby\Panel\Lab\Doc\Slot;
+use Kirby\Toolkit\A;
+use Kirby\Toolkit\Str;
+
+/**
+ * Documentation for a single Vue component
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @internal
+ * @codeCoverageIgnore
+ */
+class Doc
+{
+	protected array $data;
+
+	public function __construct(
+		public string $name,
+		public string $source,
+		public string|null $description = null,
+		public string|null $deprecated = null,
+		public string|null $docBlock = null,
+		public array $events = [],
+		public array $examples = [],
+		public bool $isUnstable = false,
+		public array $methods = [],
+		public array $props = [],
+		public string|null $since = null,
+		public array $slots = [],
+	) {
+		$this->description = Doc::kt($this->description ?? '');
+		$this->deprecated  = Doc::kt($this->deprecated ?? '');
+		$this->docBlock    = Doc::kt($this->docBlock ?? '');
+	}
+
+	/**
+	 * Checks if a documentation file exists for the component
+	 */
+	public static function exists(string $name): bool
+	{
+		return
+			file_exists(static::file($name, 'dist')) ||
+			file_exists(static::file($name, 'dev'));
+	}
+
+	public static function factory(string $name): static|null
+	{
+		// protect against path traversal
+		$name = basename($name);
+
+		// read data
+		$file = static::file($name, 'dev');
+
+		if (file_exists($file) === false) {
+			$file = static::file($name, 'dist');
+		}
+
+		$data = Data::read($file);
+
+		// filter internal components
+		if (isset($data['tags']['internal']) === true) {
+			return null;
+		}
+
+		// helper function for gathering parts
+		$gather = function (string $part, string $class) use ($data) {
+			$parts = A::map(
+				$data[$part] ?? [],
+				fn ($x) => $class::factory($x)?->toArray()
+			);
+
+			$parts = array_filter($parts);
+			usort($parts, fn ($a, $b) => $a['name'] <=> $b['name']);
+
+			return $parts;
+		};
+
+		return new static(
+			name:        $name,
+			source:      $data['sourceFile'],
+			description: $data['description'] ?? null,
+			deprecated:  $data['tags']['deprecated'][0]['description'] ?? null,
+			docBlock:    $data['docsBlocks'][0] ?? null,
+			examples:    $data['tags']['examples'] ?? [],
+			events:      $gather('events', Event::class),
+			isUnstable:  isset($data['tags']['unstable']) === true,
+			methods:     $gather('methods', Method::class),
+			props:       $gather('props', Prop::class),
+			since:       $data['tags']['since'][0]['description'] ?? null,
+			slots:       $gather('slots', Slot::class)
+		);
+	}
+
+	/**
+	 * Returns the path to the documentation file for the component
+	 */
+	public static function file(string $name, string $context): string
+	{
+		$root = match ($context) {
+			'dev'  => App::instance()->root('panel') . '/tmp',
+			'dist' => App::instance()->root('panel') . '/dist/ui',
+		};
+
+		$name = Str::after($name, 'k-');
+		$name = Str::kebabToCamel($name);
+		return $root . '/' . $name . '.json';
+	}
+
+	/**
+	 * Helper to resolve KirbyText
+	 */
+	public static function kt(string $text, bool $inline = false): string
+	{
+		return App::instance()->kirbytext($text, [
+			'markdown' => [
+				'breaks' => false,
+				'inline' => $inline,
+			]
+		]);
+	}
+
+	/**
+	 * Returns the path to the Lab examples, if available
+	 */
+	public function lab(): string|null
+	{
+		$root = App::instance()->root('panel') . '/lab';
+
+		foreach (glob($root . '/{,*/,*/*/,*/*/*/}index.php', GLOB_BRACE) as $example) {
+			$props = require $example;
+
+			if (($props['docs'] ?? null) === $this->name) {
+				return Str::before(Str::after($example, $root), 'index.php');
+			}
+		}
+
+		return null;
+	}
+
+	public function source(): string
+	{
+		return 'https://github.com/getkirby/kirby/tree/main/panel/' . $this->source;
+	}
+
+	/**
+	 * Returns the data for this documentation
+	 */
+	public function toArray(): array
+	{
+		return [
+			'component'   => $this->name,
+			'deprecated'  => $this->deprecated,
+			'description' => $this->description,
+			'docBlock'    => $this->docBlock,
+			'events'      => $this->events,
+			'examples'    => $this->examples,
+			'isUnstable'  => $this->isUnstable,
+			'methods'     => $this->methods,
+			'props'       => $this->props,
+			'since'       => $this->since,
+			'slots'       => $this->slots,
+			'source'      => $this->source(),
+		];
+	}
+
+	/**
+	 * Returns the information to display as
+	 * entry in a collection (e.g. on the Lab index view)
+	 */
+	public function toItem(): array
+	{
+		return [
+			'image' => [
+				'icon' => $this->isUnstable ? 'lab' : 'book',
+				'back' => 'light-dark(white, var(--color-gray-800))',
+			],
+			'text' => $this->name,
+			'link' => '/lab/docs/' . $this->name,
+		];
+	}
+}
diff --git a/kirby/src/Panel/Lab/Doc/Argument.php b/kirby/src/Panel/Lab/Doc/Argument.php
new file mode 100644
index 0000000..f6e256f
--- /dev/null
+++ b/kirby/src/Panel/Lab/Doc/Argument.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace Kirby\Panel\Lab\Doc;
+
+use Kirby\Panel\Lab\Doc;
+
+/**
+ * Documentation for a single argument for an event, slot or method
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @internal
+ * @codeCoverageIgnore
+ */
+class Argument
+{
+	public function __construct(
+		public string $name,
+		public string|null $type = null,
+		public string|null $description = null,
+	) {
+		$this->description = Doc::kt($this->description ?? '', true);
+	}
+
+	public static function factory(array $data): static
+	{
+		return new static(
+			name:        $data['name'],
+			type:        $data['type']['names'][0] ?? null,
+			description: $data['description'] ?? null,
+		);
+	}
+
+	public function toArray(): array
+	{
+		return [
+			'name'        => $this->name,
+			'description' => $this->description,
+			'type'        => $this->type,
+		];
+	}
+}
diff --git a/kirby/src/Panel/Lab/Doc/Event.php b/kirby/src/Panel/Lab/Doc/Event.php
new file mode 100644
index 0000000..6cb68e5
--- /dev/null
+++ b/kirby/src/Panel/Lab/Doc/Event.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Kirby\Panel\Lab\Doc;
+
+use Kirby\Panel\Lab\Doc;
+use Kirby\Toolkit\A;
+
+/**
+ * Documentation for a single Vue emittable event
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @internal
+ * @codeCoverageIgnore
+ */
+class Event
+{
+	public function __construct(
+		public string $name,
+		public string|null $description = null,
+		public string|null $deprecated = null,
+		public string|null $since = null,
+		public array $properties = [],
+	) {
+		$this->description = Doc::kt($this->description ?? '');
+		$this->deprecated  = Doc::kt($this->deprecated ?? '');
+	}
+
+	public static function factory(array $data): static
+	{
+		return new static(
+			name:        $data['name'],
+			description: $data['description'] ?? null,
+			deprecated:  $data['tags']['deprecated'][0]['description'] ?? null,
+			since:       $data['tags']['since'][0]['description'] ?? null,
+			properties:  A::map(
+				$data['properties'] ?? [],
+				fn ($property) => Argument::factory($property)
+			)
+		);
+	}
+
+	public function toArray(): array
+	{
+		return [
+			'name'        => $this->name,
+			'description' => $this->description,
+			'deprecated'  => $this->deprecated,
+			'properties'  => $this->properties,
+			'since'       => $this->since,
+		];
+	}
+}
diff --git a/kirby/src/Panel/Lab/Doc/Method.php b/kirby/src/Panel/Lab/Doc/Method.php
new file mode 100644
index 0000000..b96b140
--- /dev/null
+++ b/kirby/src/Panel/Lab/Doc/Method.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace Kirby\Panel\Lab\Doc;
+
+use Kirby\Panel\Lab\Doc;
+use Kirby\Toolkit\A;
+
+/**
+ * Documentation for a single Vue component method
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @internal
+ * @codeCoverageIgnore
+ */
+class Method
+{
+	public function __construct(
+		public string $name,
+		public string|null $description = null,
+		public string|null $deprecated = null,
+		public string|null $since = null,
+		public string|null $returns = null,
+		public array $params = [],
+	) {
+		$this->description = Doc::kt($this->description ?? '');
+		$this->deprecated  = Doc::kt($this->deprecated ?? '');
+	}
+
+	public static function factory(array $data): static
+	{
+		return new static(
+			name:        $data['name'],
+			description: $data['description'] ?? null,
+			deprecated:  $data['tags']['deprecated'][0]['description'] ?? null,
+			since:       $data['tags']['since'][0]['description'] ?? null,
+			returns:     $data['returns']['type']['name'] ?? null,
+			params:      A::map(
+				$data['params'] ?? [],
+				fn ($param) => Argument::factory($param)
+			),
+		);
+	}
+
+	public function toArray(): array
+	{
+		return [
+			'name'        => $this->name,
+			'description' => $this->description,
+			'deprecated'  => $this->deprecated,
+			'params'      => $this->params,
+			'returns'     => $this->returns,
+			'since'       => $this->since,
+		];
+	}
+}
diff --git a/kirby/src/Panel/Lab/Doc/Prop.php b/kirby/src/Panel/Lab/Doc/Prop.php
new file mode 100644
index 0000000..a439f53
--- /dev/null
+++ b/kirby/src/Panel/Lab/Doc/Prop.php
@@ -0,0 +1,113 @@
+<?php
+
+namespace Kirby\Panel\Lab\Doc;
+
+use Kirby\Panel\Lab\Doc;
+use Kirby\Toolkit\A;
+use Kirby\Toolkit\Str;
+
+/**
+ * Documentation for a single Vue component prop
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @internal
+ * @codeCoverageIgnore
+ */
+class Prop
+{
+	public function __construct(
+		public string $name,
+		public string|null $type = null,
+		public string|null $description = null,
+		public string|null $default = null,
+		public string|null $deprecated = null,
+		public string|null $example = null,
+		public bool $required = false,
+		public string|null $since = null,
+		public string|null $value = null,
+		public array $values = []
+	) {
+		$this->description = Doc::kt($this->description ?? '');
+		$this->deprecated  = Doc::kt($this->deprecated ?? '');
+	}
+
+	public static function factory(array $data): static|null
+	{
+		// filter internal props
+		if (isset($data['tags']['internal']) === true) {
+			return null;
+		}
+
+		// filter unset props
+		if (($type = $data['type']['name'] ?? null) === 'null') {
+			return null;
+		}
+
+		return new static(
+			name:        $data['name'],
+			type:        $type,
+			default:     self::normalizeDefault($data['defaultValue']['value'] ?? null, $type),
+			description: $data['description'] ?? null,
+			deprecated:  $data['tags']['deprecated'][0]['description'] ?? null,
+			example:     $data['tags']['example'][0]['description'] ?? null,
+			required:    $data['required'] ?? false,
+			since:       $data['tags']['since'][0]['description'] ?? null,
+			value:       $data['tags']['value'][0]['description'] ?? null,
+			values:      $data['values'] ?? []
+		);
+	}
+
+	protected static function normalizeDefault(
+		string|null $default,
+		string|null $type
+	): string|null {
+		if ($default === null) {
+			// if type is boolean primarily and no default
+			// value has been set, add `false` as default
+			// for clarity
+			if (Str::startsWith($type, 'boolean')) {
+				return 'false';
+			}
+
+			return null;
+		}
+
+		// normalize longform function
+		if (preg_match('/function\(\) {.*return (.*);.*}/si', $default, $matches) === 1) {
+			return $matches[1];
+		}
+
+		// normalize object shorthand function
+		if (preg_match('/\(\) => \((.*)\)/si', $default, $matches) === 1) {
+			return $matches[1];
+		}
+
+		// normalize all other defaults from shorthand function
+		if (preg_match('/\(\) => (.*)/si', $default, $matches) === 1) {
+			return $matches[1];
+		}
+
+		return $default;
+	}
+
+	public function toArray(): array
+	{
+		return [
+			'name'        => $this->name,
+			'default'     => $this->default,
+			'description' => $this->description,
+			'deprecated'  => $this->deprecated,
+			'example'     => $this->example,
+			'required'    => $this->required,
+			'since'       => $this->since,
+			'type'        => $this->type,
+			'value'       => $this->value,
+			'values'      => $this->values,
+		];
+	}
+}
diff --git a/kirby/src/Panel/Lab/Doc/Slot.php b/kirby/src/Panel/Lab/Doc/Slot.php
new file mode 100644
index 0000000..b7aa5a9
--- /dev/null
+++ b/kirby/src/Panel/Lab/Doc/Slot.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Kirby\Panel\Lab\Doc;
+
+use Kirby\Panel\Lab\Doc;
+use Kirby\Toolkit\A;
+
+/**
+ * Documentation for a single Vue slot
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @internal
+ * @codeCoverageIgnore
+ */
+class Slot
+{
+	public function __construct(
+		public string $name,
+		public string|null $description = null,
+		public string|null $deprecated = null,
+		public string|null $since = null,
+		public array $bindings = [],
+	) {
+		$this->description = Doc::kt($this->description ?? '');
+		$this->deprecated  = Doc::kt($this->deprecated ?? '');
+	}
+
+	public static function factory(array $data): static
+	{
+		return new static(
+			name:        $data['name'],
+			description: $data['description'] ?? null,
+			deprecated:  $data['tags']['deprecated'][0]['description'] ?? null,
+			since:       $data['tags']['since'][0]['description'] ?? null,
+			bindings:    A::map(
+				$data['bindings'] ?? [],
+				fn ($binding) => Argument::factory($binding)
+			)
+		);
+	}
+
+	public function toArray(): array
+	{
+		return [
+			'name'        => $this->name,
+			'bindings'    => $this->bindings,
+			'description' => $this->description,
+			'deprecated'  => $this->deprecated,
+			'since'       => $this->since,
+		];
+	}
+}
diff --git a/kirby/src/Panel/Ui/Button.php b/kirby/src/Panel/Ui/Button.php
new file mode 100644
index 0000000..3947049
--- /dev/null
+++ b/kirby/src/Panel/Ui/Button.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace Kirby\Panel\Ui;
+
+use Kirby\Toolkit\I18n;
+
+/**
+ * @package   Kirby Panel
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+class Button extends Component
+{
+	public function __construct(
+		public string $component = 'k-button',
+		public array|null $badge = null,
+		public string|null $class = null,
+		public string|bool|null $current = null,
+		public string|null $dialog = null,
+		public bool $disabled = false,
+		public string|null $drawer = null,
+		public bool|null $dropdown = null,
+		public string|null $icon = null,
+		public string|null $link = null,
+		public bool|string $responsive = true,
+		public string|null $size = null,
+		public string|null $style = null,
+		public string|null $target = null,
+		public string|array|null $text = null,
+		public string|null $theme = null,
+		public string|array|null $title = null,
+		public string $type = 'button',
+		public string|null $variant = null,
+		...$attrs
+	) {
+		$this->attrs = $attrs;
+	}
+
+	public function props(): array
+	{
+		return [
+			...parent::props(),
+			'badge'      => $this->badge,
+			'current'    => $this->current,
+			'dialog'     => $this->dialog,
+			'disabled'   => $this->disabled,
+			'drawer'     => $this->drawer,
+			'dropdown'   => $this->dropdown,
+			'icon'       => $this->icon,
+			'link'       => $this->link,
+			'responsive' => $this->responsive,
+			'size'       => $this->size,
+			'target'     => $this->target,
+			'text'       => I18n::translate($this->text, $this->text),
+			'theme'      => $this->theme,
+			'title'      => I18n::translate($this->title, $this->title),
+			'type'       => $this->type,
+			'variant'    => $this->variant,
+		];
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/LanguageCreateButton.php b/kirby/src/Panel/Ui/Buttons/LanguageCreateButton.php
new file mode 100644
index 0000000..d9b340e
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/LanguageCreateButton.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\App;
+use Kirby\Toolkit\I18n;
+
+/**
+ * View button to create a new language
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class LanguageCreateButton extends ViewButton
+{
+	public function __construct()
+	{
+		$user       = App::instance()->user();
+		$permission = $user?->role()->permissions()->for('languages', 'create');
+
+		parent::__construct(
+			dialog: 'languages/create',
+			disabled: $permission !== true,
+			icon: 'add',
+			text: I18n::translate('language.create'),
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/LanguageDeleteButton.php b/kirby/src/Panel/Ui/Buttons/LanguageDeleteButton.php
new file mode 100644
index 0000000..a2cddc3
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/LanguageDeleteButton.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\App;
+use Kirby\Cms\Language;
+use Kirby\Toolkit\I18n;
+
+/**
+ * View button to delete a language
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class LanguageDeleteButton extends ViewButton
+{
+	public function __construct(Language $language)
+	{
+		$user       = App::instance()->user();
+		$permission = $user?->role()->permissions()->for('languages', 'delete');
+
+		parent::__construct(
+			dialog: 'languages/' . $language->id() . '/delete',
+			disabled: $permission !== true,
+			icon: 'trash',
+			title: I18n::translate('delete'),
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/LanguageSettingsButton.php b/kirby/src/Panel/Ui/Buttons/LanguageSettingsButton.php
new file mode 100644
index 0000000..a9f8a94
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/LanguageSettingsButton.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\App;
+use Kirby\Cms\Language;
+use Kirby\Toolkit\I18n;
+
+/**
+ * View button to update settings of a language
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class LanguageSettingsButton extends ViewButton
+{
+	public function __construct(Language $language)
+	{
+		$user       = App::instance()->user();
+		$permission = $user?->role()->permissions()->for('languages', 'update');
+
+		parent::__construct(
+			dialog: 'languages/' . $language->id() . '/update',
+			disabled: $permission !== true,
+			icon: 'cog',
+			title: I18n::translate('settings'),
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/LanguagesDropdown.php b/kirby/src/Panel/Ui/Buttons/LanguagesDropdown.php
new file mode 100644
index 0000000..8ea413d
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/LanguagesDropdown.php
@@ -0,0 +1,120 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\App;
+use Kirby\Cms\Language;
+use Kirby\Cms\Languages;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Toolkit\Str;
+
+/**
+ * View button to switch content translation languages
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class LanguagesDropdown extends ViewButton
+{
+	protected App $kirby;
+
+	public function __construct(
+		ModelWithContent $model
+	) {
+		$this->kirby = $model->kirby();
+
+		parent::__construct(
+			component: 'k-languages-dropdown',
+			model: $model,
+			class: 'k-languages-dropdown',
+			icon: 'translate',
+			// Fiber dropdown endpoint to load options
+			// only when dropdown is opened
+			options: $model->panel()->url(true) . '/languages',
+			responsive: 'text',
+			text: Str::upper($this->kirby->language()?->code())
+		);
+	}
+
+	/**
+	 * Returns if any translation other than the current one has unsaved changes
+	 * (the current language has to be handled in `k-languages-dropdown` as its
+	 * state can change dynamically without another backend request)
+	 */
+	public function hasDiff(): bool
+	{
+		foreach (Languages::ensure() as $language) {
+			if ($this->kirby->language()?->code() !== $language->code()) {
+				if ($this->model->version('changes')->exists($language) === true) {
+					return true;
+				}
+			}
+		}
+
+		return false;
+	}
+
+	public function option(Language $language): array
+	{
+		$changes = $this->model->version('changes');
+
+		return [
+			'text'    => $language->name(),
+			'code'    => $language->code(),
+			'current' => $language->code() === $this->kirby->language()?->code(),
+			'default' => $language->isDefault(),
+			'changes' => $changes->exists($language),
+			'lock'    => $changes->isLocked('*')
+		];
+	}
+
+	/**
+	 * Options are used in the Fiber dropdown routes
+	 */
+	public function options(): array
+	{
+		$languages = $this->kirby->languages();
+		$options   = [];
+
+		if ($this->kirby->multilang() === false) {
+			return $options;
+		}
+
+		// add the primary/default language first
+		if ($default = $languages->default()) {
+			$options[] = $this->option($default);
+			$options[] = '-';
+			$languages = $languages->not($default);
+		}
+
+		// add all secondary languages after the separator
+		foreach ($languages as $language) {
+			$options[] = $this->option($language);
+		}
+
+		return $options;
+	}
+
+	public function props(): array
+	{
+		return [
+			...parent::props(),
+			'hasDiff' => $this->hasDiff()
+		];
+	}
+
+	public function render(): array|null
+	{
+		// hides the language selector when there are less than 2 languages
+		if ($this->kirby->languages()->count() < 2) {
+			return null;
+		}
+
+		return parent::render();
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/OpenButton.php b/kirby/src/Panel/Ui/Buttons/OpenButton.php
new file mode 100644
index 0000000..1625c08
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/OpenButton.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Toolkit\I18n;
+
+/**
+ * Open view button
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class OpenButton extends ViewButton
+{
+	public function __construct(
+		public string|null $link,
+		public string|null $target = '_blank'
+	) {
+		parent::__construct(
+			class: 'k-open-view-button',
+			icon: 'open',
+			link: $link,
+			target: $target,
+			title: I18n::translate('open')
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/PageStatusButton.php b/kirby/src/Panel/Ui/Buttons/PageStatusButton.php
new file mode 100644
index 0000000..37f9de4
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/PageStatusButton.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\Page;
+use Kirby\Toolkit\I18n;
+
+/**
+ * Status view button for pages
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class PageStatusButton extends ViewButton
+{
+	public function __construct(
+		Page $page
+	) {
+		$status    = $page->status();
+		$blueprint = $page->blueprint()->status()[$status] ?? null;
+		$disabled  = $page->permissions()->cannot('changeStatus');
+		$text      = $blueprint['label'] ?? I18n::translate('page.status.' . $status);
+		$title     = I18n::translate('page.status') . ': ' . $text;
+
+		if ($disabled === true) {
+			$title .= ' (' . I18n::translate('disabled') . ')';
+		}
+
+		parent::__construct(
+			class: 'k-status-view-button k-page-status-button',
+			component: 'k-status-view-button',
+			dialog: $page->panel()->url(true) . '/changeStatus',
+			disabled: $disabled,
+			icon: 'status-' . $status,
+			style: '--icon-size: 15px',
+			text: $text,
+			title: $title,
+			theme: match($status) {
+				'draft'    => 'negative-icon',
+				'unlisted' => 'info-icon',
+				'listed'   => 'positive-icon'
+			}
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/PreviewButton.php b/kirby/src/Panel/Ui/Buttons/PreviewButton.php
new file mode 100644
index 0000000..35780d2
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/PreviewButton.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Toolkit\I18n;
+
+/**
+ * Preview view button
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class PreviewButton extends ViewButton
+{
+	public function __construct(
+		public string|null $link
+	) {
+		parent::__construct(
+			class: 'k-preview-view-button',
+			icon: 'window',
+			link: $link,
+			title: I18n::translate('preview')
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/SettingsButton.php b/kirby/src/Panel/Ui/Buttons/SettingsButton.php
new file mode 100644
index 0000000..3c0539c
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/SettingsButton.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\ModelWithContent;
+use Kirby\Toolkit\I18n;
+
+/**
+ * Settings view button for models
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class SettingsButton extends ViewButton
+{
+	public function __construct(
+		ModelWithContent $model
+	) {
+		parent::__construct(
+			component: 'k-settings-view-button',
+			class: 'k-settings-view-button',
+			icon: 'cog',
+			options: $model->panel()->url(true),
+			title: I18n::translate('settings'),
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/VersionsButton.php b/kirby/src/Panel/Ui/Buttons/VersionsButton.php
new file mode 100644
index 0000000..8272a7e
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/VersionsButton.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\ModelWithContent;
+use Kirby\Content\VersionId;
+use Kirby\Toolkit\I18n;
+
+/**
+ * Versions view button for models
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class VersionsButton extends ViewButton
+{
+	public function __construct(
+		ModelWithContent $model,
+		VersionId|string $versionId = 'latest'
+	) {
+		$versionId = $versionId === 'compare' ? 'compare' : VersionId::from($versionId)->value();
+		$viewUrl   = $model->panel()->url(true) . '/preview';
+
+		parent::__construct(
+			class: 'k-versions-view-button',
+			icon: $versionId === 'compare' ? 'layout-columns' : 'git-branch',
+			options: [
+				[
+					'label'   => I18n::translate('version.latest'),
+					'icon'    => 'git-branch',
+					'link'    => $viewUrl . '/latest',
+					'current' => $versionId === 'latest'
+				],
+				[
+					'label'   => I18n::translate('version.changes'),
+					'icon'    => 'git-branch',
+					'link'    => $viewUrl . '/changes',
+					'current' => $versionId === 'changes'
+				],
+				'-',
+				[
+					'label'   => I18n::translate('version.compare'),
+					'icon'    => 'layout-columns',
+					'link'    => $viewUrl . '/compare',
+					'current' => $versionId === 'compare'
+				],
+
+			],
+			text: I18n::translate('version.' . $versionId),
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/ViewButton.php b/kirby/src/Panel/Ui/Buttons/ViewButton.php
new file mode 100644
index 0000000..254d57f
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/ViewButton.php
@@ -0,0 +1,215 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Closure;
+use Kirby\Cms\App;
+use Kirby\Cms\Language;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Panel\Panel;
+use Kirby\Panel\Ui\Button;
+use Kirby\Toolkit\Controller;
+
+/**
+ * A view button is a UI button, by default small in size and filles,
+ * that optionally defines options for a dropdown
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+class ViewButton extends Button
+{
+	public function __construct(
+		public string $component = 'k-view-button',
+		public readonly ModelWithContent|Language|null $model = null,
+		public array|null $badge = null,
+		public string|null $class = null,
+		public string|bool|null $current = null,
+		public string|null $dialog = null,
+		public bool $disabled = false,
+		public string|null $drawer = null,
+		public bool|null $dropdown = null,
+		public string|null $icon = null,
+		public string|null $link = null,
+		public array|string|null $options = null,
+		public bool|string $responsive = true,
+		public string|null $size = 'sm',
+		public string|null $style = null,
+		public string|null $target = null,
+		public string|array|null $text = null,
+		public string|null $theme = null,
+		public string|array|null $title = null,
+		public string $type = 'button',
+		public string|null $variant = 'filled',
+		...$attrs
+	) {
+		$this->attrs = $attrs;
+	}
+
+	/**
+	 * Creates new view button by looking up
+	 * the button in all areas, if referenced by name
+	 * and resolving to proper instance
+	 */
+	public static function factory(
+		string|array|Closure|bool $button = true,
+		string|int|null $name = null,
+		string|null $view = null,
+		ModelWithContent|Language|null $model = null,
+		array $data = []
+	): static|null {
+		// if referenced by name (`name: false`),
+		// don't render anything
+		if ($button === false) {
+			return null;
+		}
+
+		// transform `- name` notation to `name: true`
+		if (
+			is_string($name) === false &&
+			is_string($button) === true
+		) {
+			$name   = $button;
+			$button = true;
+		}
+
+		// if referenced by name (`name: true`),
+		// try to get button definition from areas or config
+		if ($button === true) {
+			$button = static::find($name, $view);
+		}
+
+		// resolve Closure to button object or array
+		if ($button instanceof Closure) {
+			$button = static::resolve($button, $model, $data);
+		}
+
+		if (
+			$button === null ||
+			$button instanceof ViewButton
+		) {
+			return $button;
+		}
+
+		// flatten array into list of arguments for this class
+		$button = static::normalize($button);
+
+		// if button definition has a name, use it for the component name
+		if (is_string($name) === true) {
+			// if this specific component does not exist,
+			// `k-view-buttons` will fall back to `k-view-button` again
+			$button['component'] ??= 'k-' . $name . '-view-button';
+		}
+
+		return new static(...$button, model: $model);
+	}
+
+	/**
+	 * Finds a view button by name
+	 * among the defined buttons from all areas
+	 * @unstable
+	 */
+	public static function find(
+		string $name,
+		string|null $view = null
+	): array|Closure {
+		// collect all buttons from areas and config
+		$buttons = [
+			...Panel::buttons(),
+			...App::instance()->option('panel.viewButtons.' . $view, [])
+		];
+
+		// try to find by full name (view-prefixed)
+		if ($view && $button = $buttons[$view . '.' . $name] ?? null) {
+			return $button;
+		}
+
+		// try to find by just name
+		if ($button = $buttons[$name] ?? null) {
+			return $button;
+		}
+
+		// assume it must be a custom view button component
+		return ['component' => 'k-' . $name . '-view-button'];
+	}
+
+	/**
+	 * Transforms an array to be used as
+	 * named arguments in the constructor
+	 * @unstable
+	 */
+	public static function normalize(array $button): array
+	{
+		// if component and props are both not set, assume shortcut
+		// where props were directly passed on top-level
+		if (
+			isset($button['component']) === false &&
+			isset($button['props']) === false
+		) {
+			return $button;
+		}
+
+		// flatten array
+		if ($props = $button['props'] ?? null) {
+			$button = [...$props, ...$button];
+			unset($button['props']);
+		}
+
+		return $button;
+	}
+
+	public function props(): array
+	{
+		// helper for props that support Kirby queries
+		$resolve = fn ($value) =>
+			$value ?
+			$this->model?->toSafeString($value) ?? $value :
+			null;
+
+		return [
+			...$props = parent::props(),
+			'dialog'  => $resolve($props['dialog']),
+			'drawer'  => $resolve($props['drawer']),
+			'icon'    => $resolve($props['icon']),
+			'link'    => $resolve($props['link']),
+			'text'    => $resolve($props['text']),
+			'theme'   => $resolve($props['theme']),
+			'options' => $this->options
+		];
+	}
+
+	/**
+	 * Transforms a closure to the actual view button
+	 * by calling it with the provided arguments
+	 */
+	public static function resolve(
+		Closure $button,
+		ModelWithContent|Language|null $model = null,
+		array $data = []
+	): static|array|null {
+		$kirby      = App::instance();
+		$controller = new Controller($button);
+
+		if (
+			$model instanceof ModelWithContent ||
+			$model instanceof Language
+		) {
+			$data = [
+				'model'             => $model,
+				$model::CLASS_ALIAS => $model,
+				...$data
+			];
+		}
+
+		return $controller->call(data: [
+			'kirby' => $kirby,
+			'site'  => $kirby->site(),
+			'user'  => $kirby->user(),
+			...$data
+		]);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Buttons/ViewButtons.php b/kirby/src/Panel/Ui/Buttons/ViewButtons.php
new file mode 100644
index 0000000..7cf1f03
--- /dev/null
+++ b/kirby/src/Panel/Ui/Buttons/ViewButtons.php
@@ -0,0 +1,104 @@
+<?php
+
+namespace Kirby\Panel\Ui\Buttons;
+
+use Kirby\Cms\App;
+use Kirby\Cms\Language;
+use Kirby\Cms\ModelWithContent;
+use Kirby\Panel\Model;
+
+/**
+ * Collects view buttons for a specific view
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class ViewButtons
+{
+	public function __construct(
+		public readonly string $view,
+		public readonly ModelWithContent|Language|null $model = null,
+		public array|false|null $buttons = null,
+		public array $data = []
+	) {
+		// if no specific buttons are passed,
+		// use default buttons for this view from config
+		$this->buttons ??= App::instance()->option(
+			'panel.viewButtons.' . $view
+		);
+	}
+
+	/**
+	 * Adds data passed to view button closures
+	 *
+	 * @return $this
+	 */
+	public function bind(array $data): static
+	{
+		$this->data = [...$this->data, ...$data];
+		return $this;
+	}
+
+
+	/**
+	 * Sets the default buttons
+	 *
+	 * @return $this
+	 */
+	public function defaults(string ...$defaults): static
+	{
+		$this->buttons ??= $defaults;
+		return $this;
+	}
+
+	/**
+	 * Returns array of button component-props definitions
+	 */
+	public function render(): array
+	{
+		// hides all buttons when `buttons: false` set
+		if ($this->buttons === false) {
+			return [];
+		}
+
+		$buttons = [];
+
+		foreach ($this->buttons ?? [] as $name => $button) {
+			$buttons[] = ViewButton::factory(
+				button: $button,
+				name: $name,
+				view: $this->view,
+				model: $this->model,
+				data: $this->data
+			)?->render();
+		}
+
+		return array_values(array_filter($buttons));
+	}
+
+	/**
+	 * Creates new instance for a view
+	 * with special support for model views
+	 */
+	public static function view(
+		string|Model $view,
+		ModelWithContent|Language|null $model = null
+	): static {
+		if ($view instanceof Model) {
+			$model     = $view->model();
+			$blueprint = $model->blueprint()->buttons();
+			$view      = $model::CLASS_ALIAS;
+		}
+
+		return new static(
+			view: $view,
+			model: $model ?? null,
+			buttons: $blueprint ?? null
+		);
+	}
+}
diff --git a/kirby/src/Panel/Ui/Component.php b/kirby/src/Panel/Ui/Component.php
new file mode 100644
index 0000000..d271bfd
--- /dev/null
+++ b/kirby/src/Panel/Ui/Component.php
@@ -0,0 +1,90 @@
+<?php
+
+namespace Kirby\Panel\Ui;
+
+use Kirby\Exception\LogicException;
+use Kirby\Toolkit\Str;
+
+/**
+ * Component that can be passed as component-props array
+ * to the Vue Panel frontend
+ *
+ * @package   Kirby Panel
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+abstract class Component
+{
+	protected string $key;
+	public array $attrs = [];
+
+	public function __construct(
+		public string $component,
+		public string|null $class = null,
+		public string|null $style = null,
+		...$attrs
+	) {
+		$this->attrs = $attrs;
+	}
+
+	/**
+	 * Magic setter and getter for component properties
+	 *
+	 * ```php
+	 * $component->class('my-class')
+	 * ```
+	 */
+	public function __call(string $name, array $args = [])
+	{
+		if (property_exists($this, $name) === false) {
+			throw new LogicException(
+				message: 'The property "' . $name . '" does not exist on the UI component "' . $this->component . '"'
+			);
+		}
+
+		// getter
+		if ($args === []) {
+			return $this->$name;
+		}
+
+		// setter
+		$this->$name = $args[0];
+		return $this;
+	}
+
+	/**
+	 * Returns a (unique) key that can be used
+	 * for Vue's `:key` attribute
+	 */
+	public function key(): string
+	{
+		return $this->key ??= Str::random(10, 'alphaNum');
+	}
+
+	/**
+	 * Returns the props that will be passed to the Vue component
+	 */
+	public function props(): array
+	{
+		return [
+			'class' => $this->class,
+			'style' => $this->style,
+			...$this->attrs
+		];
+	}
+
+	/**
+	 * Returns array with the Vue component name and props array
+	 */
+	public function render(): array|null
+	{
+		return [
+			'component' => $this->component,
+			'key'       => $this->key(),
+			'props'     => array_filter($this->props())
+		];
+	}
+}
diff --git a/kirby/src/Panel/Ui/FilePreview.php b/kirby/src/Panel/Ui/FilePreview.php
new file mode 100644
index 0000000..bdc058e
--- /dev/null
+++ b/kirby/src/Panel/Ui/FilePreview.php
@@ -0,0 +1,105 @@
+<?php
+
+namespace Kirby\Panel\Ui;
+
+use Kirby\Cms\App;
+use Kirby\Cms\File;
+use Kirby\Exception\InvalidArgumentException;
+use Kirby\Panel\Ui\FilePreviews\DefaultFilePreview;
+use Kirby\Toolkit\I18n;
+
+/**
+ * Defines a component that implements a file preview
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+abstract class FilePreview extends Component
+{
+	public function __construct(
+		public File $file,
+		public string $component
+	) {
+	}
+
+	/**
+	 * Returns true if this class should
+	 * handle the preview of this file
+	 */
+	abstract public static function accepts(File $file): bool;
+
+	/**
+	 * Returns detail information about the file
+	 */
+	public function details(): array
+	{
+		return [
+			[
+				'title' => I18n::translate('template'),
+				'text'  => $this->file->template() ?? '—'
+			],
+			[
+				'title' => I18n::translate('mime'),
+				'text'  => $this->file->mime()
+			],
+			[
+				'title' => I18n::translate('url'),
+				'link'  => $link = $this->file->previewUrl(),
+				'text'  => $link,
+			],
+			[
+				'title' => I18n::translate('size'),
+				'text'  => $this->file->niceSize()
+			],
+		];
+	}
+
+	/**
+	 * Returns a file preview instance by going through all
+	 * available handler classes and finding the first that
+	 * accepts the file
+	 */
+	final public static function factory(File $file): static
+	{
+		// get file preview classes providers from plugins
+		$handlers = App::instance()->extensions('filePreviews');
+
+		foreach ($handlers as $handler) {
+			if (is_subclass_of($handler, self::class) === false) {
+				throw new InvalidArgumentException(
+					message: 'File preview handler "' . $handler . '" must extend ' . self::class
+				);
+			}
+
+			if ($handler::accepts($file) === true) {
+				return new $handler($file);
+			}
+		}
+
+		return new DefaultFilePreview($file);
+	}
+
+	/**
+	 * Icon or image to display as thumbnail
+	 */
+	public function image(): array|null
+	{
+		return $this->file->panel()->image([
+			'back'  => 'transparent',
+			'ratio' => '1/1'
+		], 'cards');
+	}
+
+	public function props(): array
+	{
+		return [
+			'details' => $this->details(),
+			'image'   => $this->image(),
+			'url'     => $this->file->previewUrl()
+		];
+	}
+}
diff --git a/kirby/src/Panel/Ui/FilePreviews/AudioFilePreview.php b/kirby/src/Panel/Ui/FilePreviews/AudioFilePreview.php
new file mode 100644
index 0000000..0b32467
--- /dev/null
+++ b/kirby/src/Panel/Ui/FilePreviews/AudioFilePreview.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Kirby\Panel\Ui\FilePreviews;
+
+use Kirby\Cms\File;
+use Kirby\Panel\Ui\FilePreview;
+
+/**
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class AudioFilePreview extends FilePreview
+{
+	public function __construct(
+		public File $file,
+		public string $component = 'k-audio-file-preview'
+	) {
+	}
+
+	public static function accepts(File $file): bool
+	{
+		return $file->type() === 'audio';
+	}
+}
diff --git a/kirby/src/Panel/Ui/FilePreviews/DefaultFilePreview.php b/kirby/src/Panel/Ui/FilePreviews/DefaultFilePreview.php
new file mode 100644
index 0000000..732d67b
--- /dev/null
+++ b/kirby/src/Panel/Ui/FilePreviews/DefaultFilePreview.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace Kirby\Panel\Ui\FilePreviews;
+
+use Kirby\Cms\File;
+use Kirby\Panel\Ui\FilePreview;
+
+/**
+ * Fallback file preview component
+ *
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class DefaultFilePreview extends FilePreview
+{
+	public function __construct(
+		public File $file,
+		public string $component = 'k-default-file-preview'
+	) {
+	}
+
+	/**
+	 * Accepts any file as last resort
+	 */
+	public static function accepts(File $file): bool
+	{
+		return true;
+	}
+
+	public function props(): array
+	{
+		return [
+			...parent::props(),
+			'image' => $this->image()
+		];
+	}
+}
diff --git a/kirby/src/Panel/Ui/FilePreviews/ImageFilePreview.php b/kirby/src/Panel/Ui/FilePreviews/ImageFilePreview.php
new file mode 100644
index 0000000..a69bfb0
--- /dev/null
+++ b/kirby/src/Panel/Ui/FilePreviews/ImageFilePreview.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace Kirby\Panel\Ui\FilePreviews;
+
+use Kirby\Cms\File;
+use Kirby\Panel\Ui\FilePreview;
+use Kirby\Toolkit\I18n;
+
+/**
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class ImageFilePreview extends FilePreview
+{
+	public function __construct(
+		public File $file,
+		public string $component = 'k-image-file-preview'
+	) {
+	}
+
+	public static function accepts(File $file): bool
+	{
+		return $file->type() === 'image';
+	}
+
+	public function details(): array
+	{
+		return [
+			...parent::details(),
+			[
+				'title' => I18n::translate('dimensions'),
+				'text'  => $this->file->dimensions() . ' ' . I18n::translate('pixel')
+			],
+			[
+				'title' => I18n::translate('orientation'),
+				'text'  => I18n::translate('orientation.' . $this->file->dimensions()->orientation())
+			]
+		];
+	}
+
+	public function props(): array
+	{
+		return [
+			...parent::props(),
+			'focusable' => $this->file->panel()->isFocusable()
+		];
+	}
+}
diff --git a/kirby/src/Panel/Ui/FilePreviews/PdfFilePreview.php b/kirby/src/Panel/Ui/FilePreviews/PdfFilePreview.php
new file mode 100644
index 0000000..46c41af
--- /dev/null
+++ b/kirby/src/Panel/Ui/FilePreviews/PdfFilePreview.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Kirby\Panel\Ui\FilePreviews;
+
+use Kirby\Cms\File;
+use Kirby\Panel\Ui\FilePreview;
+
+/**
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class PdfFilePreview extends FilePreview
+{
+	public function __construct(
+		public File $file,
+		public string $component = 'k-pdf-file-preview'
+	) {
+	}
+
+	public static function accepts(File $file): bool
+	{
+		return $file->extension() === 'pdf';
+	}
+}
diff --git a/kirby/src/Panel/Ui/FilePreviews/VideoFilePreview.php b/kirby/src/Panel/Ui/FilePreviews/VideoFilePreview.php
new file mode 100644
index 0000000..ad3f103
--- /dev/null
+++ b/kirby/src/Panel/Ui/FilePreviews/VideoFilePreview.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Kirby\Panel\Ui\FilePreviews;
+
+use Kirby\Cms\File;
+use Kirby\Panel\Ui\FilePreview;
+
+/**
+ * @package   Kirby Panel
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ * @unstable
+ */
+class VideoFilePreview extends FilePreview
+{
+	public function __construct(
+		public File $file,
+		public string $component = 'k-video-file-preview'
+	) {
+	}
+
+	public static function accepts(File $file): bool
+	{
+		return $file->type() === 'video';
+	}
+}
diff --git a/kirby/src/Plugin/Asset.php b/kirby/src/Plugin/Asset.php
new file mode 100644
index 0000000..e49f149
--- /dev/null
+++ b/kirby/src/Plugin/Asset.php
@@ -0,0 +1,124 @@
+<?php
+
+namespace Kirby\Plugin;
+
+use Kirby\Filesystem\F;
+use Stringable;
+
+/**
+ * Representing a plugin asset with methods
+ * to manage the asset file between the plugin
+ * and media folder
+ *
+ * @package   Kirby Plugin
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class Asset implements Stringable
+{
+	public function __construct(
+		protected string $path,
+		protected string $root,
+		protected Plugin $plugin
+	) {
+	}
+
+	public function extension(): string
+	{
+		return F::extension($this->path());
+	}
+
+	public function filename(): string
+	{
+		return F::filename($this->path());
+	}
+
+	/**
+	 * Create a unique media hash
+	 */
+	public function mediaHash(): string
+	{
+		return crc32($this->filename()) . '-' . $this->modified();
+	}
+
+	/**
+	 * Absolute path to the asset file in the media folder
+	 */
+	public function mediaRoot(): string
+	{
+		return $this->plugin()->mediaRoot() . '/' . $this->mediaHash() . '/' . $this->path();
+	}
+
+	/**
+	 * Public accessible url path for the asset
+	 */
+	public function mediaUrl(): string
+	{
+		return $this->plugin()->mediaUrl() . '/' . $this->mediaHash() . '/' . $this->path();
+	}
+
+	/**
+	 * Timestamp when asset file was last modified
+	 */
+	public function modified(): int|false
+	{
+		return F::modified($this->root());
+	}
+
+	public function path(): string
+	{
+		return $this->path;
+	}
+
+	public function plugin(): Plugin
+	{
+		return $this->plugin;
+	}
+
+	/**
+	 * Publishes the asset file to the plugin's media folder
+	 * by creating a symlink
+	 */
+	public function publish(): void
+	{
+		F::link($this->root(), $this->mediaRoot(), 'symlink');
+	}
+
+	/**
+	 * @internal
+	 * @since 4.0.0
+	 * @deprecated 4.0.0
+	 * @codeCoverageIgnore
+	 */
+	public function publishAt(string $path): void
+	{
+		F::link(
+			$this->root(),
+			$this->plugin()->mediaRoot() . '/' . $path,
+			'symlink'
+		);
+	}
+
+	public function root(): string
+	{
+		return $this->root;
+	}
+
+	/**
+	 * @see self::mediaUrl()
+	 */
+	public function url(): string
+	{
+		return $this->mediaUrl();
+	}
+
+	/**
+	 * @see self::url()
+	 */
+	public function __toString(): string
+	{
+		return $this->url();
+	}
+}
diff --git a/kirby/src/Plugin/Assets.php b/kirby/src/Plugin/Assets.php
new file mode 100644
index 0000000..7eaa122
--- /dev/null
+++ b/kirby/src/Plugin/Assets.php
@@ -0,0 +1,188 @@
+<?php
+
+namespace Kirby\Plugin;
+
+use Closure;
+use Kirby\Cms\App;
+use Kirby\Cms\Collection;
+use Kirby\Filesystem\Dir;
+use Kirby\Filesystem\F;
+use Kirby\Http\Response;
+use Kirby\Toolkit\Str;
+
+/**
+ * Plugin assets are automatically copied/linked
+ * to the media folder, to make them publicly
+ * available. This class handles the magic around that.
+ *
+ * @package   Kirby Plugin
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @author    Nico Hoffmann <nico@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ *
+ * @extends \Kirby\Cms\Collection<\Kirby\Plugin\Asset>
+ */
+class Assets extends Collection
+{
+	/**
+	 * Clean old/deprecated assets on every resolve
+	 */
+	public static function clean(string $pluginName): void
+	{
+		if ($plugin = App::instance()->plugin($pluginName)) {
+			$media  = $plugin->mediaRoot();
+			$assets = $plugin->assets();
+
+			// get all media files
+			$files = Dir::index($media, true);
+
+			// get all active assets' paths from the plugin
+			$active = $assets->values(
+				function ($asset) {
+					$path  = $asset->mediaHash() . '/' . $asset->path();
+					$paths = [];
+					$parts = explode('/', $path);
+
+					// collect all path segments
+					// (e.g. foo/, foo/bar/, foo/bar/baz.css) for the asset
+					for ($i = 1, $max = count($parts); $i <= $max; $i++) {
+						$paths[] = implode('/', array_slice($parts, 0, $i));
+
+						// TODO: remove when media hash is enforced as mandatory
+						$paths[] = implode('/', array_slice($parts, 1, $i));
+					}
+
+					return $paths;
+				}
+			);
+
+			// flatten the array and remove duplicates
+			$active = array_unique(array_merge(...array_values($active)));
+
+			// get outdated media files by comparing all
+			// files in the media folder against the set of asset paths
+			$stale  = array_diff($files, $active);
+
+			foreach ($stale as $file) {
+				$root = $media . '/' . $file;
+
+				if (is_file($root) === true) {
+					F::remove($root);
+				} else {
+					Dir::remove($root);
+				}
+			}
+		}
+	}
+
+	/**
+	 * Filters assets collection by CSS files
+	 */
+	public function css(): static
+	{
+		return $this->filter(fn ($asset) => $asset->extension() === 'css');
+	}
+
+	/**
+	 * Creates a new collection for the plugin's assets
+	 * by considering the plugin's `asset` extension
+	 * (and `assets` directory as fallback)
+	 */
+	public static function factory(Plugin $plugin): static
+	{
+		// get assets defined in the plugin extension
+		if ($assets = $plugin->extends()['assets'] ?? null) {
+			if ($assets instanceof Closure) {
+				$assets = $assets();
+			}
+
+			// normalize array: use relative path as
+			// key when no key is defined
+			foreach ($assets as $key => $root) {
+				if (is_int($key) === true) {
+					unset($assets[$key]);
+					$path = Str::after($root, $plugin->root() . '/');
+					$assets[$path] = $root;
+				}
+			}
+		}
+
+		// fallback: if no assets are defined in the plugin extension,
+		// use all files in the plugin's `assets` directory
+		if ($assets === null) {
+			$assets = [];
+			$root   = $plugin->root() . '/assets';
+
+			foreach (Dir::index($root, true) as $path) {
+				if (is_file($root . '/' . $path) === true) {
+					$assets[$path] = $root . '/' . $path;
+				}
+			}
+		}
+
+		$collection = new static([], $plugin);
+
+		foreach ($assets as $path => $root) {
+			$collection->data[$path] = new Asset($path, $root, $plugin);
+		}
+
+		return $collection;
+	}
+
+	/**
+	 * Filters assets collection by JavaScript files
+	 */
+	public function js(): static
+	{
+		return $this->filter(fn ($asset) => $asset->extension() === 'js');
+	}
+
+	public function plugin(): Plugin
+	{
+		return $this->parent;
+	}
+
+	/**
+	 * Create a symlink for a plugin asset and
+	 * return the public URL
+	 */
+	public static function resolve(
+		string $pluginName,
+		string $hash,
+		string $path
+	): Response|null {
+		if ($plugin = App::instance()->plugin($pluginName)) {
+			// do some spring cleaning for older files
+			static::clean($pluginName);
+
+			// @codeCoverageIgnoreStart
+			// TODO: deprecated media URL without hash
+			if (empty($hash) === true) {
+				$asset = $plugin->asset($path);
+				$asset->publishAt($path);
+				return Response::file($asset->root());
+			}
+
+			// TODO: deprecated media URL with hash (but path)
+			if ($asset = $plugin->asset($hash . '/' . $path)) {
+				$asset->publishAt($hash . '/' . $path);
+				return Response::file($asset->root());
+			}
+			// @codeCoverageIgnoreEnd
+
+			if ($asset = $plugin->asset($path)) {
+				if ($asset->mediaHash() === $hash) {
+					// create a symlink if possible
+					$asset->publish();
+
+					// return the file response
+					return Response::file($asset->root());
+				}
+			}
+		}
+
+		return null;
+	}
+}
diff --git a/kirby/src/Plugin/License.php b/kirby/src/Plugin/License.php
new file mode 100644
index 0000000..aed0162
--- /dev/null
+++ b/kirby/src/Plugin/License.php
@@ -0,0 +1,112 @@
+<?php
+
+namespace Kirby\Plugin;
+
+use Closure;
+use Stringable;
+
+/**
+ * Represents the license of a plugin.
+ * Used to display the license in the Panel system view
+ *
+ * @package   Kirby Plugin
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+class License implements Stringable
+{
+	protected LicenseStatus $status;
+
+	public function __construct(
+		protected Plugin $plugin,
+		protected string $name,
+		protected string|null $link = null,
+		LicenseStatus|null $status = null
+	) {
+		$this->status = $status ?? LicenseStatus::from('unknown');
+	}
+
+	/**
+	 * Returns the string representation of the license
+	 */
+	public function __toString(): string
+	{
+		return $this->name();
+	}
+
+	/**
+	 * Creates a license instance from a given value
+	 */
+	public static function from(
+		Plugin $plugin,
+		Closure|array|string|null $license
+	): static {
+		if ($license instanceof Closure) {
+			return $license($plugin);
+		}
+
+		if (is_array($license)) {
+			return new static(
+				plugin: $plugin,
+				name: $license['name'] ?? '',
+				link: $license['link'] ?? null,
+				status: LicenseStatus::from($license['status'] ?? 'active')
+			);
+		}
+
+		if ($license === null || $license === '-') {
+			return new static(
+				plugin: $plugin,
+				name: '-',
+				status: LicenseStatus::from('unknown')
+			);
+		}
+
+		return new static(
+			plugin: $plugin,
+			name: $license,
+			status: LicenseStatus::from('active')
+		);
+	}
+
+	/**
+	 * Get the license link. This can be the
+	 * license terms or a link to a shop to
+	 * purchase a license.
+	 */
+	public function link(): string|null
+	{
+		return $this->link;
+	}
+
+	/**
+	 * Get the license name
+	 */
+	public function name(): string
+	{
+		return $this->name;
+	}
+
+	/**
+	 * Get the license status
+	 */
+	public function status(): LicenseStatus
+	{
+		return $this->status;
+	}
+
+	/**
+	 * Returns the license information as an array
+	 */
+	public function toArray(): array
+	{
+		return [
+			'link'   => $this->link(),
+			'name'   => $this->name(),
+			'status' => $this->status()->toArray()
+		];
+	}
+}
diff --git a/kirby/src/Plugin/LicenseStatus.php b/kirby/src/Plugin/LicenseStatus.php
new file mode 100644
index 0000000..7f268b2
--- /dev/null
+++ b/kirby/src/Plugin/LicenseStatus.php
@@ -0,0 +1,135 @@
+<?php
+
+namespace Kirby\Plugin;
+
+use Kirby\Cms\LicenseStatus as SystemLicenseStatus;
+use Stringable;
+
+/**
+ * Represents the license status of a plugin.
+ * Used to display the status in the Panel system view
+ *
+ * @package   Kirby Plugin
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ * @since     5.0.0
+ */
+class LicenseStatus implements Stringable
+{
+	public function __construct(
+		protected string $value,
+		protected string $icon,
+		protected string $label,
+		protected string|null $link = null,
+		protected string|null $dialog = null,
+		protected string|null $drawer = null,
+		protected string|null $theme = null
+	) {
+	}
+
+	/**
+	 * Returns the status label
+	 */
+	public function __toString(): string
+	{
+		return $this->label();
+	}
+
+	/**
+	 * Returns the status dialog
+	 */
+	public function dialog(): string|null
+	{
+		return $this->dialog;
+	}
+
+	/**
+	 * Returns the status drawer
+	 */
+	public function drawer(): string|null
+	{
+		return $this->drawer;
+	}
+
+	/**
+	 * Returns a status by its name
+	 */
+	public static function from(LicenseStatus|string|array|null $status): static
+	{
+		if ($status instanceof LicenseStatus) {
+			return $status;
+		}
+
+		if (is_array($status) === true) {
+			return new static(...$status);
+		}
+
+		$status   = SystemLicenseStatus::from($status ?? 'unknown');
+		$status ??= SystemLicenseStatus::Unknown;
+
+		return new static(
+			value: $status->value,
+			icon: $status->icon(),
+			label: $status->label(),
+			theme: $status->theme()
+		);
+	}
+
+	/**
+	 * Returns the status icon
+	 */
+	public function icon(): string
+	{
+		return $this->icon;
+	}
+
+	/**
+	 * Returns the status label
+	 */
+	public function label(): string
+	{
+		return $this->label;
+	}
+
+	/**
+	 * Returns the status link
+	 */
+	public function link(): string|null
+	{
+		return $this->link;
+	}
+
+	/**
+	 * Returns the theme
+	 */
+	public function theme(): string|null
+	{
+		return $this->theme;
+	}
+
+	/**
+	 * Returns the status information as an array
+	 */
+	public function toArray(): array
+	{
+		return [
+			'dialog' => $this->dialog(),
+			'drawer' => $this->drawer(),
+			'icon'   => $this->icon(),
+			'label'  => $this->label(),
+			'link'   => $this->link(),
+			'theme'  => $this->theme(),
+			'value'  => $this->value(),
+		];
+	}
+
+	/**
+	 * Returns the status value
+	 */
+	public function value(): string
+	{
+		return $this->value;
+	}
+}
diff --git a/kirby/src/Plugin/Plugin.php b/kirby/src/Plugin/Plugin.php
new file mode 100644
index 0000000..ab3ee6e
--- /dev/null
+++ b/kirby/src/Plugin/Plugin.php
@@ -0,0 +1,354 @@
+<?php
+
+namespace Kirby\Plugin;
+
+use Closure;
+use Composer\InstalledVersions;
+use Kirby\Cms\App;
+use Kirby\Cms\Helpers;
+use Kirby\Cms\System\UpdateStatus;
+use Kirby\Data\Data;
+use Kirby\Exception\InvalidArgumentException;
+use Kirby\Toolkit\A;
+use Kirby\Toolkit\Str;
+use Kirby\Toolkit\V;
+use Throwable;
+
+/**
+ * Represents a Plugin and handles parsing of
+ * the composer.json. It also creates the prefix
+ * and media url for the plugin.
+ *
+ * @package   Kirby Plugin
+ * @author    Bastian Allgeier <bastian@getkirby.com>
+ * @link      https://getkirby.com
+ * @copyright Bastian Allgeier
+ * @license   https://getkirby.com/license
+ */
+class Plugin
+{
+	protected Assets $assets;
+	protected License|Closure|array|string $license;
+	protected UpdateStatus|null $updateStatus = null;
+
+	/**
+	 * @param string $name Plugin name within Kirby (`vendor/plugin`)
+	 * @param array $extends Associative array of plugin extensions
+	 *
+	 * @throws \Kirby\Exception\InvalidArgumentException If the plugin name has an invalid format
+	 */
+	public function __construct(
+		protected string $name,
+		protected array $extends = [],
+		protected array $info = [],
+		Closure|string|array|null $license = null,
+		protected string|null $root = null,
+		protected string|null $version = null,
+	) {
+		static::validateName($name);
+
+		// TODO: Remove in v7
+		if ($root = $extends['root'] ?? null) {
+			Helpers::deprecated('Plugin "' . $name . '": Passing the `root` inside the `extends` array has been deprecated. Pass it directly as named argument `root`.', 'plugin-extends-root');
+			$this->root ??= $root;
+			unset($this->extends['root']);
+		}
+
+		$this->root ??= dirname(debug_backtrace()[0]['file']);
+
+		// TODO: Remove in v7
+		if ($info = $extends['info'] ?? null) {
+			Helpers::deprecated('Plugin "' . $name . '": Passing an `info` array inside the `extends` array has been deprecated. Pass the individual entries directly as named `info` argument.', 'plugin-extends-root');
+
+			if (empty($info) === false && is_array($info) === true) {
+				$this->info = [...$info, ...$this->info];
+			}
+
+			unset($this->extends['info']);
+		}
+
+		// read composer.json and use as info fallback
+		$info          = Data::read($this->manifest(), fail: false);
+		$this->info    = [...$info, ...$this->info];
+		$this->license = $license ?? $this->info['license'] ?? '-';
+	}
+
+	/**
+	 * Allows access to any composer.json field by method call
+	 */
+	public function __call(string $key, array|null $arguments = null): mixed
+	{
+		return $this->info()[$key] ?? null;
+	}
+
+	/**
+	 * Returns the plugin asset object for a specific asset
+	 */
+	public function asset(string $path): Asset|null
+	{
+		return $this->assets()->get($path);
+	}
+
+	/**
+	 * Returns the plugin assets collection
+	 */
+	public function assets(): Assets
+	{
+		return $this->assets ??= Assets::factory($this);
+	}
+
+	/**
+	 * Returns the array with author information
+	 * from the composer.json file
+	 */
+	public function authors(): array
+	{
+		return $this->info()['authors'] ?? [];
+	}
+
+	/**
+	 * Returns a comma-separated list with all author names
+	 */
+	public function authorsNames(): string
+	{
+		$names = [];
+
+		foreach ($this->authors() as $author) {
+			$names[] = $author['name'] ?? null;
+		}
+
+		return implode(', ', array_filter($names));
+	}
+
+	/**
+	 * Returns the associative array of extensions the plugin bundles
+	 */
+	public function extends(): array
+	{
+		return $this->extends;
+	}
+
+	/**
+	 * Returns the unique ID for the plugin
+	 * (alias for the plugin name)
+	 */
+	public function id(): string
+	{
+		return $this->name();
+	}
+
+	/**
+	 * Returns the info data (from composer.json)
+	 */
+	public function info(): array
+	{
+		return $this->info;
+	}
+
+	/**
+	 * Current $kirby instance
+	 */
+	public function kirby(): App
+	{
+		return App::instance();
+	}
+
+	/**
+	 * Returns the link to the plugin homepage
+	 */
+	public function link(): string|null
+	{
+		$info     = $this->info();
+		$homepage = $info['homepage'] ?? null;
+		$docs     = $info['support']['docs'] ?? null;
+		$source   = $info['support']['source'] ?? null;
+
+		$link = $homepage ?? $docs ?? $source;
+
+		return V::url($link) ? $link : null;
+	}
+
+	/**
+	 * Returns the license object
+	 */
+	public function license(): License
+	{
+		// resolve license info from Closure, array or string
+		return License::from(
+			plugin: $this,
+			license: $this->license
+		);
+	}
+
+	/**
+	 * Returns the path to the plugin's composer.json
+	 */
+	public function manifest(): string
+	{
+		return $this->root() . '/composer.json';
+	}
+
+	/**
+	 * Returns the root where plugin assets are copied to
+	 */
+	public function mediaRoot(): string
+	{
+		return $this->kirby()->root('media') . '/plugins/' . $this->name();
+	}
+
+	/**
+	 * Returns the base URL for plugin assets
+	 */
+	public function mediaUrl(): string
+	{
+		return $this->kirby()->url('media') . '/plugins/' . $this->name();
+	}
+
+	/**
+	 * Returns the plugin name (`vendor/plugin`)
+	 */
+	public function name(): string
+	{
+		return $this->name;
+	}
+
+	/**
+	 * Returns a Kirby option value for this plugin
+	 */
+	public function option(string $key)
+	{
+		return $this->kirby()->option($this->prefix() . '.' . $key);
+	}
+
+	/**
+	 * Returns the option prefix (`vendor.plugin`)
+	 */
+	public function prefix(): string
+	{
+		return str_replace('/', '.', $this->name());
+	}
+
+	/**
+	 * Returns the root where the plugin files are stored
+	 */
+	public function root(): string
+	{
+		return $this->root;
+	}
+
+	/**
+	 * Returns all available plugin metadata
+	 */
+	public function toArray(): array
+	{
+		return [
+			'authors'     => $this->authors(),
+			'description' => $this->description(),
+			'name'        => $this->name(),
+			'license'     => $this->license()->toArray(),
+			'link'        => $this->link(),
+			'root'        => $this->root(),
+			'version'     => $this->version()
+		];
+	}
+
+	/**
+	 * Returns the update status object unless the
+	 * update check has been disabled for the plugin
+	 * @since 3.8.0
+	 *
+	 * @param array|null $data Custom override for the getkirby.com update data
+	 */
+	public function updateStatus(array|null $data = null): UpdateStatus|null
+	{
+		if ($this->updateStatus !== null) {
+			return $this->updateStatus;
+		}
+
+		$kirby  = $this->kirby();
+		$option = $kirby->option('updates.plugins');
+
+		// specific configuration per plugin
+		if (is_array($option) === true) {
+			// filter all option values by glob match
+			$option = A::filter(
+				$option,
+				fn ($value, $key) => fnmatch($key, $this->name()) === true
+			);
+
+			// sort the matches by key length (with longest key first)
+			$keys = array_map('strlen', array_keys($option));
+			array_multisort($keys, SORT_DESC, $option);
+
+			if ($option !== []) {
+				// use the first and therefore longest key (= most specific match)
+				$option = reset($option);
+			} else {
+				// fallback to the default option value
+				$option = true;
+			}
+		}
+
+		$option ??= $kirby->option('updates') ?? true;
+
+		if ($option !== true) {
+			return null;
+		}
+
+		return $this->updateStatus = new UpdateStatus($this, false, $data);
+	}
+
+	/**
+	 * Checks if the name follows the required pattern
+	 * and throws an exception if not
+	 *
+	 * @throws \Kirby\Exception\InvalidArgumentException
+	 */
+	public static function validateName(string $name): void
+	{
+		if (preg_match('!^[a-z0-9-]+\/[a-z0-9-]+$!i', $name) !== 1) {
+			throw new InvalidArgumentException(
+				message: 'The plugin name must follow the format "a-z0-9-/a-z0-9-"'
+			);
+		}
+	}
+
+	/**
+	 * Returns the normalized version number
+	 * from the composer.json file
+	 */
+	public function version(): string|null
+	{
+		$name = $this->info()['name'] ?? null;
+
+		try {
+			// try to get version from "vendor/composer/installed.php",
+			// this is the most reliable source for the version
+			$version = InstalledVersions::getPrettyVersion($name);
+		} catch (Throwable) {
+			$version = null;
+		}
+
+		// fallback to the version provided in the plugin's index.php: as named
+		// argument, entry in the info array or from the composer.json file
+		$version ??= $this->version ?? $this->info()['version'] ?? null;
+
+		if (
+			is_string($version) !== true ||
+			$version === '' ||
+			Str::endsWith($version, '+no-version-set')
+		) {
+			return null;
+		}
+
+		// normalize the version number to be without leading `v`
+		$version = ltrim($version, 'vV');
+
+		// ensure that the version number now starts with a digit
+		if (preg_match('/^[0-9]/', $version) !== 1) {
+			return null;
+		}
+
+		return $version;
+	}
+}
diff --git a/node_modules/.bin/acorn.cmd b/node_modules/.bin/acorn.cmd
new file mode 100644
index 0000000..a9324df
--- /dev/null
+++ b/node_modules/.bin/acorn.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\acorn\bin\acorn" %*
diff --git a/node_modules/.bin/acorn.ps1 b/node_modules/.bin/acorn.ps1
new file mode 100644
index 0000000..6f6dcdd
--- /dev/null
+++ b/node_modules/.bin/acorn.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../acorn/bin/acorn" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../acorn/bin/acorn" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../acorn/bin/acorn" $args
+  } else {
+    & "node$exe"  "$basedir/../acorn/bin/acorn" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/node_modules/.bin/gulp.cmd b/node_modules/.bin/gulp.cmd
new file mode 100644
index 0000000..2a5c641
--- /dev/null
+++ b/node_modules/.bin/gulp.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\gulp\bin\gulp.js" %*
diff --git a/node_modules/.bin/gulp.ps1 b/node_modules/.bin/gulp.ps1
new file mode 100644
index 0000000..6968bb0
--- /dev/null
+++ b/node_modules/.bin/gulp.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../gulp/bin/gulp.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../gulp/bin/gulp.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../gulp/bin/gulp.js" $args
+  } else {
+    & "node$exe"  "$basedir/../gulp/bin/gulp.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/node_modules/.bin/resolve.cmd b/node_modules/.bin/resolve.cmd
new file mode 100644
index 0000000..1a017c4
--- /dev/null
+++ b/node_modules/.bin/resolve.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\resolve\bin\resolve" %*
diff --git a/node_modules/.bin/resolve.ps1 b/node_modules/.bin/resolve.ps1
new file mode 100644
index 0000000..f22b2d3
--- /dev/null
+++ b/node_modules/.bin/resolve.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../resolve/bin/resolve" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../resolve/bin/resolve" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../resolve/bin/resolve" $args
+  } else {
+    & "node$exe"  "$basedir/../resolve/bin/resolve" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/node_modules/.bin/semver.cmd b/node_modules/.bin/semver.cmd
new file mode 100644
index 0000000..9913fa9
--- /dev/null
+++ b/node_modules/.bin/semver.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\semver\bin\semver.js" %*
diff --git a/node_modules/.bin/semver.ps1 b/node_modules/.bin/semver.ps1
new file mode 100644
index 0000000..314717a
--- /dev/null
+++ b/node_modules/.bin/semver.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../semver/bin/semver.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../semver/bin/semver.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../semver/bin/semver.js" $args
+  } else {
+    & "node$exe"  "$basedir/../semver/bin/semver.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/node_modules/.bin/terser.cmd b/node_modules/.bin/terser.cmd
new file mode 100644
index 0000000..abf66a8
--- /dev/null
+++ b/node_modules/.bin/terser.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\terser\bin\terser" %*
diff --git a/node_modules/.bin/terser.ps1 b/node_modules/.bin/terser.ps1
new file mode 100644
index 0000000..0bbfff6
--- /dev/null
+++ b/node_modules/.bin/terser.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../terser/bin/terser" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../terser/bin/terser" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../terser/bin/terser" $args
+  } else {
+    & "node$exe"  "$basedir/../terser/bin/terser" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/node_modules/.bin/which.cmd b/node_modules/.bin/which.cmd
new file mode 100644
index 0000000..ead37d6
--- /dev/null
+++ b/node_modules/.bin/which.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\which\bin\which" %*
diff --git a/node_modules/.bin/which.ps1 b/node_modules/.bin/which.ps1
new file mode 100644
index 0000000..1437a3b
--- /dev/null
+++ b/node_modules/.bin/which.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../which/bin/which" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../which/bin/which" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../which/bin/which" $args
+  } else {
+    & "node$exe"  "$basedir/../which/bin/which" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/site/blueprints/blocks/big-links-list.yml b/site/blueprints/blocks/big-links-list.yml
new file mode 100644
index 0000000..aae9242
--- /dev/null
+++ b/site/blueprints/blocks/big-links-list.yml
@@ -0,0 +1,22 @@
+name: Liste de grands liens
+icon: list-bullet
+preview: fields
+wysiwyg: true
+fields:
+  items:
+    label: false
+    type: structure
+    fields:
+      text:
+        type: text
+        label: texte
+        width: 1/2
+      link:
+        label: Lien
+        type: link
+        required: true
+        options:
+          - url
+          - page
+          - file
+        width: 1/2
\ No newline at end of file
diff --git a/site/blueprints/pages/section.yml b/site/blueprints/pages/section.yml
index 41e573d..68df00d 100644
--- a/site/blueprints/pages/section.yml
+++ b/site/blueprints/pages/section.yml
@@ -34,6 +34,7 @@ tabs:
           - text
           - image
           - links-list
+          - big-links-list
         settings:
           fields:
             imgHeight:
diff --git a/site/blueprints/site.yml b/site/blueprints/site.yml
index 57e0542..2e52c57 100644
--- a/site/blueprints/site.yml
+++ b/site/blueprints/site.yml
@@ -7,16 +7,31 @@ tabs:
     columns:
       - width: 1/1
         fields:
+
           infoBannerHeading:
             type: headline
             label: Bannière d'infos
+
+          infoBannerEnabled:
+            label: Afficher la bannière d'infos
+            type: toggle
+            text:
+              - Non
+              - Oui
+            default: false
+
           infoBannerColor:
             label: Couleur de fond
             extends: fields/color
+            when:
+              infoBannerEnabled: true
+
           infoBanner:
             label: Messages
             type: structure
             help: Affichée en haut de la page d'accueil.
+            when:
+              infoBannerEnabled: true
             fields:
               message:
                 label: Message
@@ -29,8 +44,12 @@ tabs:
                 options:
                   - url
                   - page
+
           separator1:
             type: line
+            when:
+              infoBannerEnabled: true
+
       - width: 1/1
         fields:
           heroHeadline:
@@ -46,38 +65,37 @@ tabs:
             options:
               event: Événement
               custom: Personnalisé
-          heroText:
-            label: Text
+          heroTextLeft:
+            label: Texte gauche
             type: blocks
             when:
               heroMode: custom
             fieldsets:
               - hero-heading
               - hero-text
-          heroLinkUrl:
+      - width: 1/2
+        fields:
+          heroEvent:
+            label: Spectacle
+            type: pages
+            multiple: false
+            query: page('programme').grandChildren
+            when:
+              heroMode: event
+          heroTextRight:
+            label: Texte droite
+            type: writer
+            when:
+              heroMode: custom
+          heroLink:
             label: Lien
             type: link
-            width: 1/2
             options:
               - url
               - page
             help: Optionnel. Laisser vide pour ne pas afficher de lien dans le hero.
             when:
               heroMode: custom
-          heroLinkText:
-            label: Texte du Lien
-            type: text
-            width: 1/2
-            when:
-              heroMode: custom
-      - width: 1/2
-        fields:
-          heroEvent:
-            label: Événement
-            type: pages
-            query: page('programme').grandChildren
-            when:
-              heroMode: event
           heroImage:
             label: Image
             type: files
diff --git a/site/models/event.php b/site/models/event.php
index 0811f6e..cf67ced 100644
--- a/site/models/event.php
+++ b/site/models/event.php
@@ -12,7 +12,7 @@ class EventPage extends Page {
       $firstSession = $sessions->first()->date();
       $lastSession = $sessions->last()->date();
     } catch (\Throwable $th) {
-      throw new Exception('Can\'t define sessions for event "' . $this->title()->value() . '".', 1);
+      return '';
     }
 
     $startDay = intval($firstSession->toDate('d'));
diff --git a/site/plugins/helpers/index.php b/site/plugins/helpers/index.php
index cc4bf2e..a3b5361 100644
--- a/site/plugins/helpers/index.php
+++ b/site/plugins/helpers/index.php
@@ -230,7 +230,7 @@ function getEndTime($session) {
 
   $time1 = DateTime::createFromFormat('Hi', $formattedTime);
   if ($time1 === false) {
-      throw new Exception('format d\'heure invalide : ' . $session['time']);
+      return null;
   }
 
   $formattedDuration = preg_replace('/[^0-9]/', '', $session['duration']);
diff --git a/site/snippets/blocks/big-links-list.php b/site/snippets/blocks/big-links-list.php
new file mode 100644
index 0000000..8149143
--- /dev/null
+++ b/site/snippets/blocks/big-links-list.php
@@ -0,0 +1,8 @@
+<ul class="big-links-list">
+  <?php foreach($block->items()->toStructure() as $item): ?>
+    <li>
+      <span class="li_arrow">→</span><span class="li_text"><?= $item->text() ?></span>
+      <?php snippet('a', ['url' => $item->link()->toUrl()]) ?>
+    </li>
+  <?php endforeach ?>
+</ul>
\ No newline at end of file
diff --git a/site/snippets/events-grid.php b/site/snippets/events-grid.php
index 32196bd..ddaee6d 100644
--- a/site/snippets/events-grid.php
+++ b/site/snippets/events-grid.php
@@ -1,4 +1,4 @@
-<section class="events-grid">
+<section class="events-grid forced-border">
   <?php if (isset($title)): ?>
     <h4><?= $title ?></h4>
   <?php endif ?>
@@ -13,9 +13,17 @@
             if ($events->count() === 4) {
               $span = 3;
             }
-          }
-          snippet('event-card', ["event" => $event, "span" => $span, "color" => $event->color()->isNotEmpty() == 'true' ? $event->color() : null]) 
+          };
         ?>
+        <?php 
+          $categories = $event->categories();
+        ?>
+        <template 
+          x-if=" tab === 'Programme' || ('<?= $categories ?>'.length > 0 && '<?= $categories ?>'.includes(tab))"
+        >
+          <?php snippet('event-card', ["event" => $event, "span" => $span, "color" => $event->color()->isNotEmpty() == 'true' ? $event->color() : null]) ?>
+        </template>
+
     <?php endforeach ?>
   </div>
 </section>
\ No newline at end of file
diff --git a/site/snippets/header.php b/site/snippets/header.php
index 75e3249..dc30b8e 100644
--- a/site/snippets/header.php
+++ b/site/snippets/header.php
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
   <!--===========================================-->
   <!--===========================================-->
-  <!--========== CODED BY ADRIEN PAYET ==========-->
-  <!--============= ADRIEN-PAYET.FR =============-->
+  <!--================= coded by ================-->
+  <!--============ STUDIO-VARIABLE.COM ===========-->
   <!--===========================================-->
   <!--===========================================-->
 <html lang="fr">
@@ -35,6 +35,10 @@
 
     <!-- script.js -->
     <script defer src="<?= url('assets/dist/script.min.js') ?>" type="module"></script>
+
+    <?php if ($page->template() == 'sectioned'): ?>
+        <script defer src="<?= url('/assets/js/anchors-strip_stiky.js') ?>"></script>
+    <?php endif ?>
     
     <style>
       :root {
@@ -46,7 +50,7 @@
     </style>
   </head>
   <body data-template="<?= $page->template() ?>">
-  <?php if ($page->isHomePage()): ?>
+  <?php if ($page->isHomePage() && $site->infoBannerEnabled()->toBool()): ?>
       <?php snippet('info-banner') ?>
   <?php endif ?>
   <?php snippet('nav') ?>
diff --git a/site/snippets/nav.php b/site/snippets/nav.php
index 94115ed..7cf681e 100644
--- a/site/snippets/nav.php
+++ b/site/snippets/nav.php
@@ -1,7 +1,7 @@
 <header class="main-header">
   <nav class="main-nav" aria-label="main-menu">
     <a href="/" title="Aller à l'accueil">
-      <?php if ($page->isHomePage()): ?>
+      <?php if ($page->isHomePage() || $page->template() == "sectioned"): ?>
         <h1 class="logo">
           <span>
             Nouveau
diff --git a/site/templates/event.php b/site/templates/event.php
index e263096..5a1b282 100644
--- a/site/templates/event.php
+++ b/site/templates/event.php
@@ -1,12 +1,4 @@
 <?php snippet('header') ?>
-<section class="key-infos">
-  <ul>
-    <li><p class="key-infos__key">Dates</p><p class="key-infos__info"><?= $page->schedule() ?></p></li>
-    <li><p class="key-infos__key">Durée</p><p class="key-infos__info"><?= $page->duration() ?></p></li>
-    <li><p class="key-infos__key">Public</p><p class="key-infos__info"><?= $page->public() ?></p></li>
-    <li><p class="key-infos__key">Lieu</p><p class="key-infos__info"><?= $page->place() ?></p></li>
-  </ul>
-</section>
 
 <section class="presentation">
   <div id="swiper" style="--span: 8; --color: <?= $page->color()->isNotEmpty() ? $page->color() : 'var(--color-season)' ?>">
diff --git a/site/templates/home.php b/site/templates/home.php
index aa0de81..4540e13 100644
--- a/site/templates/home.php
+++ b/site/templates/home.php
@@ -1,22 +1,14 @@
 <?php snippet('header') ?>
 <section class="hero">
   <?php if ($site->heroMode() == 'custom'): ?>
-    <div class="hero__text">
-      <div>
-        <?= $site->heroText()->toBlocks() ?>
-      </div>
-      <?php if ($site->heroLinkUrl()->isNotEmpty() == 'true'): ?>
-          <a class="hero__link h3" href="<?= $site->heroLinkUrl()->toUrl() ?>"><?php e($site->heroLinkText()->isNotEmpty() == 'true', $site->heroLinkText(), $site->heroLinkUrl()->toUrl()) ?></a>
-      <?php endif ?>
-    </div>
     <div class="hero__image" style="--color: var(--color-season)">
-      <?php if ($site->heroLinkUrl()->isNotEmpty() == 'true'): ?>
-        <a href="<?= $site->heroLinkUrl()->toUrl() ?>" title="en savoir plus"></a>
+      <?php if ($site->heroLink()->isNotEmpty()): ?>
+        <a href="<?= $site->heroLink()->toUrl() ?>" title="en savoir plus"></a>
       <?php endif ?>
       <div class="image-wrapper">
         <?php if ($site->heroImage()->toFiles()->count() > 1): ?>
           <?php snippet('picture', [
-            'file' => $site->heroImage()->toFiles()->first(), 
+            'file' => $site->heroImage()->toFiles()->first(),
             'class' => 'image-cover',
             'size' => 60
           ]) ?>
@@ -24,23 +16,22 @@
         <?php snippet('picture', ['file' => $site->heroImage()->toFiles()->count() > 1 ? $site->heroImage()->toFiles()->nth(1) : $site->heroImage()->toFiles()->first(), 'lazy' => false, 'size' => 60]) ?>
       </div>
     </div>
+    <div class="hero__text">
+      <div class="hero__title">
+        <?= $site->heroTextLeft()->toBlocks() ?>
+      </div>
+      <div class="hero__book">
+        <?= $site->heroTextRight() ?>
+      </div>
+    </div>
   <?php else: ?>
     <?php $heroEvent = $site->heroEvent()->toPage(); ?>
-    <div class="hero__text">
-      <div>
-        <h2>
-          <?= $heroEvent->title() ?>
-        </h2>
-        <?= $heroEvent->chapo() ?>
-      </div>
-      <a class="hero__link h3" href="<?= $heroEvent->url() ?>">Découvrir</a>
-    </div>
     <div class="hero__image" style="--color: var(--color-season)">
       <a href="<?= $heroEvent->url() ?>" title="en savoir plus"></a>
       <div class="image-wrapper">
         <?php if ($heroEvent->gallery()->toFiles()->count() > 1): ?>
           <?php snippet('picture', [
-            'file' => $heroEvent->gallery()->toFiles()->first(), 
+            'file' => $heroEvent->gallery()->toFiles()->first(),
             'class' => 'image-cover',
             'size' => 60
           ]) ?>
@@ -48,6 +39,29 @@
         <?php snippet('picture', ['file' => $heroEvent->gallery()->toFiles()->count() > 1 ? $heroEvent->gallery()->toFiles()->nth(1) : $heroEvent->gallery()->toFiles()->first(), 'lazy' => false, 'size' => 60]) ?>
       </div>
     </div>
+    <div class="hero__text">
+      <div class="hero__title">
+        <a href="<?= $heroEvent->url() ?>">
+          <h2><?= $heroEvent->title() ?></h2>
+          <h3><?= $heroEvent->authors() ?></h3>
+        </a>
+      </div>
+      <div class="hero__book">
+        <?php $schedule = $heroEvent->schedule(); ?>
+        <?php if ($schedule): ?>
+          <?php
+            if ($heroEvent->isMapadoEvent() == 'true') {
+              $bookingUrl = option('ticketingUrl') . 'event/' . $heroEvent->mapadoSlug();
+            } elseif ($heroEvent->bookingUrl()->isNotEmpty()) {
+              $bookingUrl = $heroEvent->bookingUrl()->value();
+            } else {
+              $bookingUrl = null;
+            }
+          ?>
+          <a class="ticket-link h3" href="<?= $bookingUrl ?>" title="Plateforme de réservation"<?= e(Str::contains($bookingUrl, $site->url()), '', ' target="_blank"') ?>><?php snippet('ticket') ?> Billetterie</a>
+        <?php endif ?>
+      </div>
+    </div>
   <?php endif ?>
 </section>
 
@@ -55,7 +69,8 @@
 
 <?php if ($site->events()->isNotEmpty()): ?>
   <?php 
-    snippet('events-grid', ['title' => 'Prochainement', 'events' => $site->events()->toPages(), 'columns' => $site->events()->toPages()->count() === 1 ? 2 : $site->events()->toPages()->count()]) 
+    $homeEvents = $site->events()->toPages()->published();
+    snippet('events-grid', ['title' => 'Prochainement', 'events' => $homeEvents, 'columns' => $homeEvents->count() === 1 ? 2 : $homeEvents->count()]) 
   ?>
 <?php endif ?>
 
diff --git a/site/templates/program.php b/site/templates/program.php
index 4229470..f529ce1 100644
--- a/site/templates/program.php
+++ b/site/templates/program.php
@@ -82,18 +82,24 @@
           x-data="{
             title: '<?= $filter ?>',
             get filterTitle() {
-              return 'Calendrier — ' + this.title
+              if(tab.includes('Calendrier')){
+                return 'Calendrier — ' + this.title
+              }
+              else{
+                return this.title
+              }
             }
           }"
           x-text="title"
           :class="tab === filterTitle ? 'strong' : ''"
           @click="
-            tab = filterTitle; filter = title 
-            
+            tab = filterTitle;
+            filter = title; /* où est utiliser cette vriable ? */
             const url = new URL(window.location.href);
             url.searchParams.set('tab', tab);
             window.history.pushState({}, '', url);
-            setTimeout(scrollToNextClosestDate, 100)
+            setTimeout(scrollToNextClosestDate, 100);
+
           "
         ></button>
       <?php endforeach ?>
@@ -101,24 +107,57 @@
     <section class="page-title">
       <h1 x-text="tab"></h1>
     </section>
-    
     <!-- Programme -->
-    <template x-if="tab === 'Programme'">
+    <template x-if="!tab.includes('Calendrier')">
       <div class="program-content__events">
-        <section class="yellow">
-          <h2>Prochainement — <?= $page->children()->first()->title() ?></h2>
-        </section>
-        <?php snippet('events-grid', ['events' => $events['next'], 'columns' => 3])  ?>
-        <?php if ($events['previous']->count() > 0): ?>  
+
+      <?php
+        $categoriesInNextEvents = [];
+        foreach($events['next'] as $event) {
+          foreach($event->categories()->split() as $cat) {
+            $categoriesInNextEvents[] = $cat;
+          }
+        }
+        $categoriesInNextEvents = array_values(array_unique($categoriesInNextEvents));
+        $hasNextEvents = count($events['next']) > 0;
+      ?>
+
+      <template
+        x-if="<?= $hasNextEvents ? 'true' : 'false' ?> && (tab === 'Programme' || <?= htmlspecialchars(json_encode($categoriesInNextEvents)) ?>.includes(tab))"
+      >
+        <div class="temporality-wrapper">
           <section class="yellow">
-            <h2>Événements passés</h2>
+            <h2>Prochainement — <?= $page->children()->first()->title() ?></h2>
           </section>
-          <?php snippet('events-grid', ['events' => $events['previous'], 'columns' => 3])  ?>
-        <?php endif ?>
+          <?php snippet('events-grid', ['events' => $events['next'], 'columns' => 3]) ?>
+        </div>
+      </template>
+
+        <?php
+          $categoriesInPrevEvents = [];
+          foreach($events['previous'] as $event) {
+            foreach($event->categories()->split() as $cat) {
+              $categoriesInPrevEvents[] = $cat;
+            }
+          }
+          $categoriesInPrevEvents = array_values(array_unique($categoriesInPrevEvents));
+          $hasPrevEvents = $events['previous']->count() > 0;
+        ?>
+
+        <template
+          x-if="<?= $hasPrevEvents ? 'true' : 'false' ?> && (tab === 'Programme' || <?= htmlspecialchars(json_encode($categoriesInPrevEvents)) ?>.includes(tab))"
+        >
+          <div class="temporality-wrapper">
+            <section class="yellow">
+              <h2>Événements passés</h2>
+            </section>
+            <?php snippet('events-grid', ['events' => $events['previous'], 'columns' => 3]) ?>
+          </div>
+        </template>
       </div>
     </template>
 
-    <!-- Calendrier -->
+    <!-- Vue Calendrier -->
     <template x-if="tab.includes('Calendrier')">
       <div class="program-content__events">
         <section class="collapsable-sections">
diff --git a/site/templates/sectioned.php b/site/templates/sectioned.php
index 7e5fb2b..7cd4c62 100644
--- a/site/templates/sectioned.php
+++ b/site/templates/sectioned.php
@@ -12,10 +12,6 @@
   </ul>
 </section>
 
-<section>
-  <h1><?= $page->title() ?></h1>
-</section>
-
 <?php foreach($page->children() as $sectionPage): ?>
   <section id="<?= $sectionPage->slug() ?>" <?= e($sectionPage->backgroundColor()->isNotEmpty() == 'true', ' style="--color: ' . $sectionPage->backgroundColor() . ';"') ?>>
     <?php if ($sectionPage->isTitled() != 'false'): ?>
diff --git a/vendor/bin/yaml-lint.bat b/vendor/bin/yaml-lint.bat
new file mode 100644
index 0000000..fa76637
--- /dev/null
+++ b/vendor/bin/yaml-lint.bat
@@ -0,0 +1,5 @@
+@ECHO OFF
+setlocal DISABLEDELAYEDEXPANSION
+SET BIN_TARGET=%~dp0/yaml-lint
+SET COMPOSER_RUNTIME_BIN_DIR=%~dp0
+php "%BIN_TARGET%" %*
diff --git a/vendor/laminas/laminas-escaper/src/EscaperInterface.php b/vendor/laminas/laminas-escaper/src/EscaperInterface.php
new file mode 100644
index 0000000..3930db8
--- /dev/null
+++ b/vendor/laminas/laminas-escaper/src/EscaperInterface.php
@@ -0,0 +1,58 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Laminas\Escaper;
+
+/**
+ * Interface for context specific methods for use in secure output escaping
+ */
+interface EscaperInterface
+{
+    /**
+     * Escape a string for the HTML Body context where there are very few characters
+     * of special meaning. Internally this will use htmlspecialchars().
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeHtml(string $string);
+
+    /**
+     * Escape a string for the HTML Attribute context. We use an extended set of characters
+     * to escape that are not covered by htmlspecialchars() to cover cases where an attribute
+     * might be unquoted or quoted illegally (e.g. backticks are valid quotes for IE).
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeHtmlAttr(string $string);
+
+    /**
+     * Escape a string for the Javascript context. This does not use json_encode(). An extended
+     * set of characters are escaped beyond ECMAScript's rules for Javascript literal string
+     * escaping in order to prevent misinterpretation of Javascript as HTML leading to the
+     * injection of special characters and entities. The escaping used should be tolerant
+     * of cases where HTML escaping was not applied on top of Javascript escaping correctly.
+     * Backslash escaping is not used as it still leaves the escaped character as-is and so
+     * is not useful in a HTML context.
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeJs(string $string);
+
+    /**
+     * Escape a string for the URI or Parameter contexts. This should not be used to escape
+     * an entire URI - only a subcomponent being inserted. The function is a simple proxy
+     * to rawurlencode() which now implements RFC 3986 since PHP 5.3 completely.
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeUrl(string $string);
+
+    /**
+     * Escape a string for the CSS context. CSS escaping can be applied to any string being
+     * inserted into CSS and escapes everything except alphanumerics.
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeCss(string $string);
+}
diff --git a/vendor/phpmailer/phpmailer/SMTPUTF8.md b/vendor/phpmailer/phpmailer/SMTPUTF8.md
new file mode 100644
index 0000000..ca284ee
--- /dev/null
+++ b/vendor/phpmailer/phpmailer/SMTPUTF8.md
@@ -0,0 +1,48 @@
+# A short history of UTF-8 in email
+
+## Background
+
+For most of its existence, SMTP has been a 7-bit channel, only supporting US-ASCII characters. This has been a problem for many languages, especially those that use non-Latin scripts, and has led to the development of various workarounds.
+
+The first major improvement, introduced in 1994 in [RFC 1652](https://www.rfc-editor.org/rfc/rfc1652) and extended in 2011 in [RFC 6152](https://www.rfc-editor.org/rfc/rfc6152), was the addition of the `8BITMIME` SMTP extension, which allowed raw 8-bit data to be included in message bodies sent over SMTP.
+This allowed the message *contents* to contain 8-bit data, including things like UTF-8 text, even though the SMTP protocol itself was still firmly 7-bit. This worked by having the server switch to 8-bit after the headers, and then back to 7-bit after the completion of a `DATA` command.
+
+From 1996, messages could support [RFC 2047 encoding](https://www.rfc-editor.org/rfc/rfc2047), which permitted inserting characters from any character set into header *values* (but not names), but only by encoding them in somewhat unreadable ways to allow them to survive passage through a 7-bit channel. An example with a subject of "Schrödinger's cat" would be:
+
+```
+Subject: =?utf-8?Q=Schr=C3=B6dinger=92s_Cat?=
+```
+
+Here the accented `ö` is encoded as `=C3=B6`, which is the UTF-8 encoding of the 2-byte character, and the whole thing is wrapped in `=?utf-8?Q?` to indicate that it uses the UTF-8 charset and `quoted-printable` encoding. This is a bit of a hack, and not very human-friendly, but it works.
+
+Similarly, 8-bit message bodies could be encoded using the same `quoted-printable` and `base64` content transfer encoding (CTE) schemes, which preserved the 8-bit content while encoding it in a format that could survive transmission through a 7-bit channel.
+
+Domain names were originally also stuck in a 7-bit world, actually even more constrained to only a subset of the US-ASCII character set. But of course, many people want to have domains in their own language/script. Internationalized domain name (IDN) permitted this, using yet another complex encoding scheme called punycode, defined for domain names in 2003 in [RFC 3492](https://www.rfc-editor.org/rfc/rfc3492). This finally allowed the domain part (after the `@`) of email addresses to contain UTF-8, though it was actually an illusion preserved by email client applications. For example, an address of
+`user@café.example.com` translates to
+`user@xn--caf-dma.example.com` in punycode, rendering it mostly unreadable, but 7-bit friendly, and remaining compatible with email clients that don't know about IDN.
+
+The one remaining part of email that could not handle UTF-8 is the local part of email addresses (the part before the `@`).
+
+I've only mentioned UTF-8 here, but most of these approaches also allowed other character sets that were popular, such as [the ISO-8859 family](https://en.wikipedia.org/wiki/ISO/IEC_8859). However, UTF-8 solves so many problems that these other character sets are gradually falling out of favour, as UTF-8 can support all languages.
+
+This patchwork of overlapping approaches has served us well, but we have to admit that it's a mess.
+
+## SMTPUTF8
+
+`SMTPUTF8` is another SMTP extension, defined in [RFC 6531](https://www.rfc-editor.org/rfc/rfc6531) in 2012. This essentially solves the whole problem, allowing the entire SMTP conversation — commands, headers, and message bodies — to be sent in raw, unencoded UTF-8.
+
+But there's a problem with this approach: adoption. If you send a UTF-8 message to a recipient whose mail server doesn't support this format, the sender has to somehow downgrade the message to make it survive a transition to 7-bit. This is a hard problem to solve, especially since there is no way to make a 7-bit system support UTF-8 in the local parts of addresses. This downgrade problem is what held up the adoption of `SMTPUTF8` in PHPMailer for many years, but in that time the *de facto* approach has become to simply fail in that situation, and tell the recipient it's time they upgraded their mail server 😅.
+
+The vast majority of large email providers (gmail, Yahoo, Microsoft, etc), mail servers (postfix, exim, IIS, etc), and mail clients (Apple Mail, Outlook, Thunderbird, etc) now all support SMTPUTF8, so the need for backward compatibility is no longer what it was.
+
+## SMTPUTF8 in PHPMailer
+
+Several other PHP email libraries have implemented a halfway solution to `SMTPUTF8`, adding only the ability to support UTF-8 in email addresses, not elsewhere in the protocol. I wanted PHPMailer to do it "the right way", and this has taken much longer. PHPMailer now supports UTF-8 everywhere, and does not need to use transfer or header encodings for UTF-8 text when connecting to an `SMTPUTF8`-capable mail server.
+
+This support is handled automatically: if you add an email address that requires UTF-8, PHPMailer will use UTF-8 for everything. If not, it will fall back to 7-bit and encode the message as necessary.
+
+The one place you will need to be careful is in the selection of the address validator. By default, PHPMailer uses PHP's built-in `filter_var` validator, which does not allow UTF-8 email addresses. When PHPMailer spots that you have submitted a UTF-8 address, but have not altered the default validator, it will automatically switch to using a UTF-8-compatible validator. As soon as you do this, any SMTP connection you make will *require* that the server you connect to supports `SMTPUTF8`. You can select this validator explicitly by setting `PHPMailer::$validator = 'eai'` (an acronym for Email Address Internationalization).
+
+### Postfix gotcha
+
+Postfix has supported `SMTPUTF8` for a long time, but it has a peculiarity that it does not always advertise that it does so. However, rather surprisingly, if you use UTF-8 in the conversation, it will work anyway.
diff --git a/vendor/phpmailer/phpmailer/language/phpmailer.lang-ku.php b/vendor/phpmailer/phpmailer/language/phpmailer.lang-ku.php
new file mode 100644
index 0000000..cf3bda6
--- /dev/null
+++ b/vendor/phpmailer/phpmailer/language/phpmailer.lang-ku.php
@@ -0,0 +1,27 @@
+<?php
+
+/**
+ * Kurdish (Sorani) PHPMailer language file: refer to English translation for definitive list
+ * @package PHPMailer
+ * @author Halo Salman <halo@home4t.com>
+ */
+
+$PHPMAILER_LANG['authenticate']         = 'هەڵەی SMTP : نەتوانرا کۆدەکە پشتڕاست بکرێتەوە ';
+$PHPMAILER_LANG['connect_host']         = 'هەڵەی SMTP: نەتوانرا پەیوەندی بە سێرڤەرەوە بکات SMTP.';
+$PHPMAILER_LANG['data_not_accepted']    = 'هەڵەی SMTP: ئەو زانیاریانە قبوڵ نەکرا.';
+$PHPMAILER_LANG['empty_message']        = 'پەیامەکە بەتاڵە';
+$PHPMAILER_LANG['encoding']             = 'کۆدکردنی نەزانراو : ';
+$PHPMAILER_LANG['execute']              = 'ناتوانرێت جێبەجێ بکرێت: ';
+$PHPMAILER_LANG['file_access']          = 'ناتوانرێت دەستت بگات بە فایلەکە: ';
+$PHPMAILER_LANG['file_open']            = 'هەڵەی پەڕگە(فایل): ناتوانرێت بکرێتەوە: ';
+$PHPMAILER_LANG['from_failed']          = 'هەڵە لە ئاستی ناونیشانی نێرەر: ';
+$PHPMAILER_LANG['instantiate']          = 'ناتوانرێت خزمەتگوزاری پۆستە پێشکەش بکرێت.';
+$PHPMAILER_LANG['invalid_address']      = 'نەتوانرا بنێردرێت ، چونکە ناونیشانی ئیمەیڵەکە نادروستە: ';
+$PHPMAILER_LANG['mailer_not_supported'] = ' مەیلەر پشتگیری ناکات';
+$PHPMAILER_LANG['provide_address']      = 'دەبێت ناونیشانی ئیمەیڵی لانیکەم یەک وەرگر دابین بکرێت.';
+$PHPMAILER_LANG['recipients_failed']    = ' هەڵەی SMTP: ئەم هەڵانەی خوارەوەشکستی هێنا لە ناردن بۆ هەردووکیان: ';
+$PHPMAILER_LANG['signing']              = 'هەڵەی واژۆ: ';
+$PHPMAILER_LANG['smtp_connect_failed']  = 'SMTP Connect()پەیوەندی شکستی هێنا .';
+$PHPMAILER_LANG['smtp_error']           = 'هەڵەی ئاستی سێرڤەری SMTP: ';
+$PHPMAILER_LANG['variable_set']         = 'ناتوانرێت بیگۆڕیت یان دوبارە بینێریتەوە: ';
+$PHPMAILER_LANG['extension_missing']    = 'درێژکراوە نەماوە: ';
diff --git a/vendor/phpmailer/phpmailer/language/phpmailer.lang-ur.php b/vendor/phpmailer/phpmailer/language/phpmailer.lang-ur.php
new file mode 100644
index 0000000..0b9de0f
--- /dev/null
+++ b/vendor/phpmailer/phpmailer/language/phpmailer.lang-ur.php
@@ -0,0 +1,30 @@
+<?php
+
+/**
+ * Urdu PHPMailer language file: refer to English translation for definitive list
+ * @package PHPMailer
+ * @author Saqib Ali Siddiqui <saqibsra@gmail.com>
+ */
+
+$PHPMAILER_LANG['authenticate']         = 'SMTP خرابی: تصدیق کرنے سے قاصر۔';
+$PHPMAILER_LANG['connect_host']         = 'SMTP خرابی: سرور سے منسلک ہونے سے قاصر۔';
+$PHPMAILER_LANG['data_not_accepted']    = 'SMTP خرابی: ڈیٹا قبول نہیں کیا گیا۔';
+$PHPMAILER_LANG['empty_message']        = 'پیغام کی باڈی خالی ہے۔';
+$PHPMAILER_LANG['encoding']             = 'نامعلوم انکوڈنگ: ';
+$PHPMAILER_LANG['execute']              = 'عمل کرنے کے قابل نہیں ';
+$PHPMAILER_LANG['file_access']          = 'فائل تک رسائی سے قاصر:';
+$PHPMAILER_LANG['file_open']            = 'فائل کی خرابی: فائل کو کھولنے سے قاصر:';
+$PHPMAILER_LANG['from_failed']          = 'درج ذیل بھیجنے والے کا پتہ ناکام ہو گیا:';
+$PHPMAILER_LANG['instantiate']          = 'میل فنکشن کی مثال بنانے سے قاصر۔';
+$PHPMAILER_LANG['invalid_address']      = 'بھیجنے سے قاصر: غلط ای میل پتہ:';
+$PHPMAILER_LANG['mailer_not_supported'] = ' میلر تعاون یافتہ نہیں ہے۔';
+$PHPMAILER_LANG['provide_address']      = 'آپ کو کم از کم ایک منزل کا ای میل پتہ فراہم کرنا چاہیے۔';
+$PHPMAILER_LANG['recipients_failed']    = 'SMTP خرابی: درج ذیل پتہ پر نہیں بھیجا جاسکا: ';
+$PHPMAILER_LANG['signing']              = 'دستخط کی خرابی: ';
+$PHPMAILER_LANG['smtp_connect_failed']  = 'SMTP ملنا ناکام ہوا';
+$PHPMAILER_LANG['smtp_error']           = 'SMTP سرور کی خرابی: ';
+$PHPMAILER_LANG['variable_set']         = 'متغیر سیٹ نہیں کیا جا سکا: ';
+$PHPMAILER_LANG['extension_missing']    = 'ایکٹینشن موجود نہیں ہے۔ ';
+$PHPMAILER_LANG['smtp_code']            = 'SMTP سرور کوڈ: ';
+$PHPMAILER_LANG['smtp_code_ex']         = 'اضافی SMTP سرور کی معلومات:';
+$PHPMAILER_LANG['invalid_header']       = 'غلط ہیڈر کا نام یا قدر';