From 5d724c37b5374e04ffbeb334a78f3c69ae49c2c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20D=C4=9Bdi=C4=8D?= <developer@dedic.eu>
Date: Mon, 17 Feb 2025 21:04:24 +0100
Subject: [PATCH 1/4] Updated to Svelte v5

---
 package-lock.json | 826 ++++++++++++++++++++--------------------------
 package.json      |  22 +-
 2 files changed, 378 insertions(+), 470 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 72db6631..33d87fdb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,15 +15,15 @@
         "@inlang/paraglide-js": "2.0.0-beta.18",
         "@material/theme": "^14.0.0",
         "@playwright/test": "^1.50.1",
-        "@smui/button": "^7.0.0",
-        "@smui/checkbox": "^7.0.0",
-        "@smui/data-table": "^7.0.0",
-        "@smui/dialog": "^7.0.0",
-        "@smui/form-field": "^7.0.0",
-        "@smui/linear-progress": "^7.0.0",
-        "@smui/list": "^7.0.0",
-        "@smui/top-app-bar": "^7.0.0",
-        "@sveltejs/vite-plugin-svelte": "^3.1.2",
+        "@smui/button": "^8.0.0-beta.3",
+        "@smui/checkbox": "^8.0.0-beta.3",
+        "@smui/data-table": "^8.0.0-beta.3",
+        "@smui/dialog": "^8.0.0-beta.3",
+        "@smui/form-field": "^8.0.0-beta.3",
+        "@smui/linear-progress": "^8.0.0-beta.3",
+        "@smui/list": "^8.0.0-beta.3",
+        "@smui/top-app-bar": "^8.0.0-beta.3",
+        "@sveltejs/vite-plugin-svelte": "^4.0.4",
         "@types/google-apps-script": "^1.0.96",
         "@types/google.script.client-side": "^0.1.5",
         "@types/node": "^22.10.2",
@@ -44,10 +44,10 @@
         "prettier-plugin-svelte": "^3.3.3",
         "rimraf": "^6.0.1",
         "sass": "^1.83.4",
-        "svelte": "^4.2.19",
+        "svelte": "^5.20.1",
         "svelte-check": "^4.1.4",
         "svelte-eslint-parser": "^0.43.0",
-        "svelte-material-ui": "^7.0.0",
+        "svelte-material-ui": "^8.0.0-beta.3",
         "typescript": "^5.7.3",
         "typescript-eslint": "^8.19.1",
         "vite": "^5.4.14",
@@ -2562,9 +2562,9 @@
       }
     },
     "node_modules/@smui-extra/accordion": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui-extra/accordion/-/accordion-7.0.0.tgz",
-      "integrity": "sha512-yi35uaZYkZR7x1WxUMpKngXwBzNhJqRQ8U4Fyyl8TPg1mxVXKHvhUajNKrbbWIdKqBSZZrSScGj6Qvl/4HniGQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui-extra/accordion/-/accordion-8.0.0-beta.3.tgz",
+      "integrity": "sha512-uZPvjd2qZj80WYMvjOS2S2jVFq0qI809Y2f4LHEoshxBuck56HyC96ryh9333mcFqD60/DgpplsTIaV/XxqUxg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -2574,31 +2574,29 @@
         "@material/ripple": "^14.0.0",
         "@material/theme": "^14.0.0",
         "@material/typography": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/paper": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/paper": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui-extra/autocomplete": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui-extra/autocomplete/-/autocomplete-7.0.0.tgz",
-      "integrity": "sha512-My6ruPmHk0Q0OLENEDQwXYb2WHymBdxzNAg3dmYIpzW8qlNvdeyVcIsn001+FTaZrUe9axVu47rHttm5EFzXYg==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui-extra/autocomplete/-/autocomplete-8.0.0-beta.3.tgz",
+      "integrity": "sha512-JkH4COurBXg32NkbQM8v2UjGjkSQLPKpmNtVT9lbC/0WQvckrafiZSOlS2j6EcP6vvvs+dnf2Cs3ulCHPgfW/w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@smui/common": "^7.0.0",
-        "@smui/list": "^7.0.0",
-        "@smui/menu": "^7.0.0",
-        "@smui/menu-surface": "^7.0.0",
-        "@smui/textfield": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/list": "^8.0.0-beta.3",
+        "@smui/menu": "^8.0.0-beta.3",
+        "@smui/menu-surface": "^8.0.0-beta.3",
+        "@smui/textfield": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui-extra/badge": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui-extra/badge/-/badge-7.0.0.tgz",
-      "integrity": "sha512-DJ1YW/1JuId6pXCD2xFkQnPkSByQGz48MpclWme42YhZhx1fIGHnNBQ1hop2rOwCZ9SVXgPPzMxwe7X9WY4b3g==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui-extra/badge/-/badge-8.0.0-beta.3.tgz",
+      "integrity": "sha512-7SL7VapJtQ1O/9UwLYhAaGpcIu7em/DBEHfspreTxQmst3CodQuEMGBhj/6u9p33MruthOoPni1ZSuFb9yB8Kg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -2607,40 +2605,53 @@
         "@material/shape": "^14.0.0",
         "@material/theme": "^14.0.0",
         "@material/typography": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui-extra/bottom-app-bar": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui-extra/bottom-app-bar/-/bottom-app-bar-7.0.0.tgz",
-      "integrity": "sha512-oaoeuwcibwZVxe0bRa9PaBe12FfM0TxAVoqml0OthEtqARpRsS23HcfTyPDOoZ9i6JTmjzuHEMJA1043llsq6Q==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui-extra/bottom-app-bar/-/bottom-app-bar-8.0.0-beta.3.tgz",
+      "integrity": "sha512-eqyeoB0bjLBsB5D3SUd0df2K30TA9aEE1D1w3AZ9BS1TrahRC4rnWSUXZY0HbLARzHZAVkj+YdUupqZb3hOdiw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/feature-targeting": "^14.0.0",
         "@material/theme": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/paper": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/paper": "^8.0.0-beta.3"
+      }
+    },
+    "node_modules/@smui-extra/chip-input": {
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui-extra/chip-input/-/chip-input-8.0.0-beta.3.tgz",
+      "integrity": "sha512-qPTin4SG0VrRKNihSYW0Y62XKE/RaIBXvbKogaLp6MNy9sDhq/nWqhMow6z8Y/3BL9pwwEdTSPyBqZkAx1qxWA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smui-extra/autocomplete": "^8.0.0-beta.3",
+        "@smui/chips": "^8.0.0-beta.3",
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/floating-label": "^8.0.0-beta.3",
+        "@smui/line-ripple": "^8.0.0-beta.3",
+        "@smui/list": "^8.0.0-beta.3",
+        "@smui/textfield": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/banner": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/banner/-/banner-7.0.0.tgz",
-      "integrity": "sha512-R+9RfIaN1OlMs8j0pCbINSsI5ISYZJ4BSw1QGs6gVhvwUs0I2ld43MzDrXbD1yyXb1TOWzVuXiVkRwr0PPqh+A==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/banner/-/banner-8.0.0-beta.3.tgz",
+      "integrity": "sha512-xv6TMV89xUeeyUx3YhBM7dhrl7Qp4naEzBlelJUTlcA2tfdUMI1tVzmQJHUgltxd1EjnUrY0Px6kNFOWbpeqwg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/banner": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/button": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/button/-/button-7.0.0.tgz",
-      "integrity": "sha512-T1WK03HlOecrufoO4Z/W1dXC/R+VLqrwmBcIVQwqN0TiwUdHDfeCa1TjrqroLn9eJUe73T/O3Abh9b2Nttz77g==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/button/-/button-8.0.0-beta.3.tgz",
+      "integrity": "sha512-1jzK3wznd18kQxOyyrzGEijtcUcvuRcLhTaQwrYk6E7McjTD6O8gvLMTUCwLnQO4r3x9DHuUpBHnPxB4kBcg5w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -2650,283 +2661,262 @@
         "@material/ripple": "^14.0.0",
         "@material/shape": "^14.0.0",
         "@material/theme": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/card": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/card/-/card-7.0.0.tgz",
-      "integrity": "sha512-Nxw8Zg2Zt6RwD6S61rg7TgIQFYV4tRswicMj30XwczshVRsau/Jv82hsx98aH9Xx1vV5DFnEdPt0a5HqxBUsLA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/card/-/card-8.0.0-beta.3.tgz",
+      "integrity": "sha512-mxTg8u74YC2F7UwcwjJfNcyoqxBJVrcx6zhyBti/BFrIJ0QdV/QpMqLNndrvCPV8amrODeBlNApiaqBmU4mLKQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/card": "^14.0.0",
-        "@smui/button": "^7.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/icon-button": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/button": "^8.0.0-beta.3",
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/icon-button": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/checkbox": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/checkbox/-/checkbox-7.0.0.tgz",
-      "integrity": "sha512-cHaO9aWi2Pk9GTBcVmvnF4Cwie+ySqODjCMU3OMmhtUZX3LamneyNMRtNqiKXmpr8sXVE6EK+WUisZrJp5e97g==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/checkbox/-/checkbox-8.0.0-beta.3.tgz",
+      "integrity": "sha512-aiYURQBlph7DNuKzfKmNHbS1FJLVcVdOMrXqB4pJoTrtT6iQKrnbVfhn/+zz8t2arwZwtzvIdOCp/GbhKC2Ttg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/checkbox": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/chips": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/chips/-/chips-7.0.0.tgz",
-      "integrity": "sha512-jYjUJkp0W6+Yr2J2er6ESvlS2BEBsk2CwM1XDh6465B0oVNJh5QQgAskjIxjjnfRbV+TyKYVJ572GMYoLPZuOA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/chips/-/chips-8.0.0-beta.3.tgz",
+      "integrity": "sha512-bp1VVMcRl/dAVTsNZykh7EvdPCsPqENioIR9qAdE30pxGI8Xf/lnu4u6gViYXL4IQiKSvtyUPRkb28nvM1hLyw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/chips": "^14.0.0",
         "@material/dom": "^14.0.0",
         "@material/rtl": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/circular-progress": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/circular-progress/-/circular-progress-7.0.0.tgz",
-      "integrity": "sha512-n6YpMM5VRJ8qBNdbDsNz32CcXESZdNfgsgBNO8Nx7Gq3S0vIglkzHryRQCnKsQA1WN9Tm4lyU0Rafwfb3oWn3w==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/circular-progress/-/circular-progress-8.0.0-beta.3.tgz",
+      "integrity": "sha512-3HguJAek80OUaOoNUeKghhIfhSNbt/lvhIbqe+YX2s3O++3HKXxykBRsAlSrtXbUdjWxB7A/d4RcSdbsQvGdVQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/circular-progress": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/common": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/common/-/common-7.0.0.tgz",
-      "integrity": "sha512-/JUf25KMIDLFNfiuMSMs2g7dEZZFUnDJDxpbT3FlGEY/HKoEf0W9GnbmIOzPje1wxW9ajKHN2SIYDPx9so1vnw==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/common/-/common-8.0.0-beta.3.tgz",
+      "integrity": "sha512-j4XE0cGn1O4PgfAFyemNE6KQicnjOUnSb+gWD52GJntatBEhszz1GdaKUTIF4oxM/V7RW5nSX2xzrilPytLEwg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@material/dom": "^14.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@material/dom": "^14.0.0"
       }
     },
     "node_modules/@smui/data-table": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/data-table/-/data-table-7.0.0.tgz",
-      "integrity": "sha512-ZpAdnovoi5g0ya6oitMfPWttsiF9u2N9WyZtY5BYfxNU3famCmM8Wbtno8pF0sZ5tNueEw1Xn8A1BI+KNKBPyA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/data-table/-/data-table-8.0.0-beta.3.tgz",
+      "integrity": "sha512-jXs23ZsUnDMxyI1xMR+wFb+JDmBW22nSBTbwSyK0odfed+dHyGGKGMHTt3eWsz1ImUJNod6eVLrhQ0vnST6wPA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/data-table": "^14.0.0",
         "@material/dom": "^14.0.0",
-        "@smui/checkbox": "^7.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/icon-button": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "@smui/select": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/checkbox": "^8.0.0-beta.3",
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/icon-button": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3",
+        "@smui/select": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/dialog": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/dialog/-/dialog-7.0.0.tgz",
-      "integrity": "sha512-F6lxwiGoc9ga0btsnpMWIYXPUXAKS0Ewa3CQH9HUPumqCzImTIlsGWL8fiAP3feVjRK+InRSaryZz0eJFZLo/A==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/dialog/-/dialog-8.0.0-beta.3.tgz",
+      "integrity": "sha512-bsOviW/jsSQwhBHOMjz+5iEpsaI2HZ6Baszp5Z1bVhgh+waVWcIZRTXV0TGLJEcQpian759Z7GaOkiaLFYsc6A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/button": "^14.0.0",
         "@material/dialog": "^14.0.0",
         "@material/dom": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/drawer": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/drawer/-/drawer-7.0.0.tgz",
-      "integrity": "sha512-FZcbgOtpgJIWyqD0N00R3y9rxwcmIVXwYipZ7KnNhHp4W/Ywv3wUuyeflVziN2c2KbnmkruChibyVvdlro9ugQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/drawer/-/drawer-8.0.0-beta.3.tgz",
+      "integrity": "sha512-hMRopQV+oKTSf3IvV9t/Dc1gtalBMYj0fyiYpElfXP85ZNSmN0EfSoD39M7E9CgLywTgAmNTFUql10hNo5mdNw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/dom": "^14.0.0",
         "@material/drawer": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/fab": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/fab/-/fab-7.0.0.tgz",
-      "integrity": "sha512-d8jPe9fyTMD0YMBS48RYFb3JITGonHvD7DRlf4iOYzkBCpv7amGbzJSJn88TWx/665FJugQfUKxD/IkooHVthQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/fab/-/fab-8.0.0-beta.3.tgz",
+      "integrity": "sha512-Bw02W+SuyDNuxiPv7RvvGOXMsFkW/e+tF0DbqPoC9sDmx9Ivjt4mOSohxaqhlsfCWhJd5w+nHV1QsTEcSpO9yQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/fab": "^14.0.0",
         "@material/feature-targeting": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/floating-label": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/floating-label/-/floating-label-7.0.0.tgz",
-      "integrity": "sha512-XHm8fNURqQqPnu+TFPIWuD7NtQIfdT2tv0eiyU+1g9Df1pH9pAVWixTiBaj5HKeky1u99+vFJNBslQS2qTxGhg==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/floating-label/-/floating-label-8.0.0-beta.3.tgz",
+      "integrity": "sha512-lZmvDahjla7JDKspF9tBUq2sFpeaK5R22f2WCQGOmAV39ygV68ZZg7jKcwqDJJlLLflZXDmISmS/O2GTZQRyvg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/floating-label": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/form-field": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/form-field/-/form-field-7.0.0.tgz",
-      "integrity": "sha512-qOs36mqDAjmCSmcgMsuJvSXdub6mk0XWofzhlryHwr/dBcih26RSASpsglUU0qlHer1NOd497JboHIViZib5yQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/form-field/-/form-field-8.0.0-beta.3.tgz",
+      "integrity": "sha512-gHXEMmj3ABDZ+P9s7zCHmOioLlyyPowomVhzVMBcuTqhBRXIfVwJkybcYseWtLrzE3eEjf0Ifi9m7LKzMeLYGg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/feature-targeting": "^14.0.0",
         "@material/form-field": "^14.0.0",
         "@material/rtl": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/icon-button": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/icon-button/-/icon-button-7.0.0.tgz",
-      "integrity": "sha512-SlcmGTW027X44O2QERC5fCZB1zLDsy9k5Cn+ohM0woSFNV3pIlrWtCyYFr1ariRiT8NTF1ScMdW70y8YgK9ikA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/icon-button/-/icon-button-8.0.0-beta.3.tgz",
+      "integrity": "sha512-3tT3RHGsGaelfdl8o9lzvcHhg9XiaOFBYjz4cBPhkJIJ01/FBo2x9M/jno37+7Ic8CTffA8cZlQSqtF5P9epKA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/density": "^14.0.0",
         "@material/icon-button": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/image-list": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/image-list/-/image-list-7.0.0.tgz",
-      "integrity": "sha512-v/GH8GobmRWoyRtxKjSqrdOrw9yzVkofbprkGWtTKu/0tLeIk2WaZpCYcUwyuu2eTQtfZJxKtB5roI9UvVDX4Q==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/image-list/-/image-list-8.0.0-beta.3.tgz",
+      "integrity": "sha512-idPfFM1uNocR4DXxOp5Xjb1JJ1hQ7Vm9KLQw2db83ALWHuJtMdExlyCl3PabgWuwG95ffOsdxOb8yDGMN+B6+g==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/image-list": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/layout-grid": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/layout-grid/-/layout-grid-7.0.0.tgz",
-      "integrity": "sha512-LF4Lh8FwZa9swh5/Yxf1aTiqBTrq3txmExTsCl9UcbGpOLXGS5ITXDJO9YWePj9YtT/GlNHEcGishP1gChkCTQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/layout-grid/-/layout-grid-8.0.0-beta.3.tgz",
+      "integrity": "sha512-YbK/3ppXONkeMKsHQMgAVKO8NQ/y+I4tMe2fAklXnU/q7UnoG8ltcD2zv9Y8M0fF7psDYl3Agt122ASyvZtnxQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/layout-grid": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/line-ripple": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/line-ripple/-/line-ripple-7.0.0.tgz",
-      "integrity": "sha512-Mm5B8xci4SglMehp404veVu3zGlZVHViiYsNPpypaG+4aOrK0dVgBrd1YgqyXHKFSHOama/Olwe2E2YbkQvxlw==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/line-ripple/-/line-ripple-8.0.0-beta.3.tgz",
+      "integrity": "sha512-hnrLfyw6D7b8pBnd0Lcq+xVFTzAkAhL4D/hqzWhaA62PZmMGzpiju2/7CsTo80qfWqjHU43ku/C+2b4DMSFWMg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/line-ripple": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/linear-progress": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/linear-progress/-/linear-progress-7.0.0.tgz",
-      "integrity": "sha512-G5CsHAKqancHpw4X075qA8fOdS94Mu8Pbi74kEWQHcsJrT+6ef4uBt+eFOK0BZ61znxbcS8v+Hp9Zztn+wS5DA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/linear-progress/-/linear-progress-8.0.0-beta.3.tgz",
+      "integrity": "sha512-Vty0o1JanOcO0NDOBty+KVzmXv2UVWOiLJZ8RGhDWDBLlNkyqxUXvRS8KUhuT9YdGeSckU2Lvf7efqeCSm13ZQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/linear-progress": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/list": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/list/-/list-7.0.0.tgz",
-      "integrity": "sha512-kZnpfbkFtIs9vZCr2xxDTO5Dcdj6WAtGa+82sN5zGg6hC5q8KMGKOxNIFdTz2hw5a6Bg//Zg2mK5AB4tVM4LBw==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/list/-/list-8.0.0-beta.3.tgz",
+      "integrity": "sha512-4ePgtxZwegu7poHL5HPtRQ3cyHIafoSsoy3JOV2Xs7ZZ+i1Kka9f1Fe9QPjvpdOoFg7XrdblRX15lGap0uaQfg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/dom": "^14.0.0",
         "@material/feature-targeting": "^14.0.0",
         "@material/list": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/menu": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/menu/-/menu-7.0.0.tgz",
-      "integrity": "sha512-3l24nZlW7WdNdVy8i/UT71UPZXdql+0GkRpI5Wy/GsZc2pOCSd1IWWkoiEqX00c5uTCfqX2S25mnKiOdvzKBwg==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/menu/-/menu-8.0.0-beta.3.tgz",
+      "integrity": "sha512-AKkHOGIKihpkfgyOODlQeHibrmuT7bo+b8GQTmkv61FLpX9AlAQ/YBo3cs4wJWvUGu4QmdS1JyGB9uPNW+ut8Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/dom": "^14.0.0",
         "@material/menu": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/list": "^7.0.0",
-        "@smui/menu-surface": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/list": "^8.0.0-beta.3",
+        "@smui/menu-surface": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/menu-surface": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/menu-surface/-/menu-surface-7.0.0.tgz",
-      "integrity": "sha512-KnPgCjtk3Gqo3fU+wOz7vKr1kRkCeOlrn2i4yAdW2cWoL/3HAmDWrHy/mpnG+vr2RfLK6Tw30V9L5PpFhKgrSQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/menu-surface/-/menu-surface-8.0.0-beta.3.tgz",
+      "integrity": "sha512-92ZFy5TMs4kDmqaxOWBLAju6jDaBahWPiNHZLuNyGzzMUU+5L3iaBzIkHRy9H5eSILJfEd6rpz0JlPNTT29scQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/animation": "^14.0.0",
         "@material/menu-surface": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/notched-outline": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/notched-outline/-/notched-outline-7.0.0.tgz",
-      "integrity": "sha512-pE0yWIO0K9wrU+LIbBXCBYJUo1+qq5jiLTFVJEoyLqB7jtl438sylXpti9aLyB9DG5V8rbkNCkyNxyq4ZVhmlw==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/notched-outline/-/notched-outline-8.0.0-beta.3.tgz",
+      "integrity": "sha512-l4n6b/VlQX51STktWi4sRk4wY3uhKe7XVAj7SO8yb1235djEucifKXsPnk49sKlPOUW5xUJVmn1VLKIhEAlFJA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/notched-outline": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/floating-label": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/floating-label": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/paper": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/paper/-/paper-7.0.0.tgz",
-      "integrity": "sha512-yRwO7LHciZUjL2odN3Z4zd8RDGVVVMRVBpO8zZRGWa9pvk9hQoQI5gJIZLf9bjifZvwe2TN2hls8dsG8Awjfkw==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/paper/-/paper-8.0.0-beta.3.tgz",
+      "integrity": "sha512-RKTC+VCIei7XsEOSrU79dnDg5NAauObHt9iFX0hu2vkubViPE1f8tnxCLo16nVapQiC0kVtLbh42AI6w4UErQw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -2935,55 +2925,51 @@
         "@material/shape": "^14.0.0",
         "@material/theme": "^14.0.0",
         "@material/typography": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/radio": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/radio/-/radio-7.0.0.tgz",
-      "integrity": "sha512-M83PDtiFDw7p4XHg0061m8RbAVb8EyZqm2bmSTu8PIeEFtmmggooh+NtIRmrroQoDF2zDdr2896j1vmIz64jLQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/radio/-/radio-8.0.0-beta.3.tgz",
+      "integrity": "sha512-PkbXEBoSmniFQPx8b5uh3k9a+yeRnXrXpBpKANEn7AaItdIrfe84YpgNeenP16TuT4sbXefk5hiyckBUrrRqCw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/radio": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/ripple": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/ripple/-/ripple-7.0.0.tgz",
-      "integrity": "sha512-N42jqgLOleOj3fU1BnkTPbjtWpisp8x9oUgF32SDkVh48ih8J8+/xQ1W5g28WrNDErjSu9G4DTcYN6BJYOng3Q==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/ripple/-/ripple-8.0.0-beta.3.tgz",
+      "integrity": "sha512-4CCrNNuj7a0DD4LmR1SRT9TsDyP529bbbIzS3C3f0fcJvH5cQfvGjf/jkcz0nK2alMqbCKA3CEC3SZ3D9o3bRg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/dom": "^14.0.0",
         "@material/ripple": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/segmented-button": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/segmented-button/-/segmented-button-7.0.0.tgz",
-      "integrity": "sha512-Bx4A0dzCvdBMxeKzOh9LuCJHYBGQlwP0fXCp+gt21xE4vc9zDul3v8kjsVRY1tvrk2UA7AmPEP8nVBz0qOH71Q==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/segmented-button/-/segmented-button-8.0.0-beta.3.tgz",
+      "integrity": "sha512-Vj+s5zk3YbzyH5B8DvlurkRc4afls99AYKE/ONvQX7G1fA+m0lqeJ57KgRxGH2Snf1t5EAd36agAXTXtfFvpow==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/base": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/segmented-button": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/select": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/select/-/select-7.0.0.tgz",
-      "integrity": "sha512-ARHVovPy7Tu4b4C9O8Pr9pqI+gGXLH4fxG7NkXXpy8OZ92FDBlAB1ztRQa6XxykIRTCHhmuWOogEw6UimNvJ+w==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/select/-/select-8.0.0-beta.3.tgz",
+      "integrity": "sha512-/NHr6zwbHRGdcwGZPstYcRo0AOV2iftqmiqgLqpAGhWW/2OsR3eC5CFTY5SqE+dMwCkPcQEi1rYcCScYSyuZpQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -2992,120 +2978,112 @@
         "@material/rtl": "^14.0.0",
         "@material/select": "^14.0.0",
         "@material/theme": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/floating-label": "^7.0.0",
-        "@smui/line-ripple": "^7.0.0",
-        "@smui/list": "^7.0.0",
-        "@smui/menu": "^7.0.0",
-        "@smui/menu-surface": "^7.0.0",
-        "@smui/notched-outline": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/floating-label": "^8.0.0-beta.3",
+        "@smui/line-ripple": "^8.0.0-beta.3",
+        "@smui/list": "^8.0.0-beta.3",
+        "@smui/menu": "^8.0.0-beta.3",
+        "@smui/menu-surface": "^8.0.0-beta.3",
+        "@smui/notched-outline": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/slider": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/slider/-/slider-7.0.0.tgz",
-      "integrity": "sha512-ItVupldtzAtPvHGrflB/8LIn1UoFD+Ow2XZuMJXPjqTxS2vsJI3RVKDqsN5oY5xFabiLzTEaUJeukv1/ZQlDrQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/slider/-/slider-8.0.0-beta.3.tgz",
+      "integrity": "sha512-34jN+OW4oMmIINt6nu1h5KvwVU4GwTIu2Ub324z5o1kjTfStLP0jw2Nx1T0gUmLWRZIqKU8kuuhAQsCh4vySZA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/dom": "^14.0.0",
         "@material/slider": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/snackbar": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/snackbar/-/snackbar-7.0.0.tgz",
-      "integrity": "sha512-01XcqJJhpOx1szlWfV5Eex+cZOPP4HkFz7MefsC33NOS68eWoNEre6rEsKw6XEeYnbKHv6wNbyowX4c8eRKncg==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/snackbar/-/snackbar-8.0.0-beta.3.tgz",
+      "integrity": "sha512-RyudbDPBuprxqsCirfx/OzaZgRoipaeY6rt8bu1e2xlMvSM4R5HM335mz2WwXkHedsdg8Ng941JNLbYaYOwGFg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/dom": "^14.0.0",
         "@material/feature-targeting": "^14.0.0",
         "@material/snackbar": "^14.0.0",
-        "@smui/button": "^7.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/icon-button": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/button": "^8.0.0-beta.3",
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/icon-button": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/switch": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/switch/-/switch-7.0.0.tgz",
-      "integrity": "sha512-LeY1aIMvbJOOmex5o/M7jOX0y6K/1Xa2u6myju30mOy595ibxMGRfuNSdePHBBrR79QbsEow/otltSA1vspw2Q==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/switch/-/switch-8.0.0-beta.3.tgz",
+      "integrity": "sha512-c/e0AXVV9cdcz9/okt8EGYi597T2ZmLEm0i1f8Yikw/oghsrmHD2VzaLvMYNVmG6iXQ9resuy/RaWw+OJXZw0A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/feature-targeting": "^14.0.0",
         "@material/switch": "^14.0.0",
         "@material/theme": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/tab": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/tab/-/tab-7.0.0.tgz",
-      "integrity": "sha512-FlOwRO4vBlAH5wm4EFrOPiKtsGkoMbyWqtMyGwBLrGQUTPVUUrFFnHD0J2QHztKKiaIJme+GqrD1bQA9whfKkA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/tab/-/tab-8.0.0-beta.3.tgz",
+      "integrity": "sha512-fejlJ/VNvfn5DpeQxuhtmybh+4fro6XbHbkeAQ5ECEi2LqOOOHgu9nlgSE8raXoJ5dQMTzgB0YOwJA4/FIoVBg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/tab": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "@smui/tab-indicator": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3",
+        "@smui/tab-indicator": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/tab-bar": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/tab-bar/-/tab-bar-7.0.0.tgz",
-      "integrity": "sha512-ycAuoGAS2YaV541vDib69CAswNQ+yMRFnloagRcUhyJ4t1eypLDXnba29r1oiEkhwdunDMcH7UCbeyrZUIBJFg==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/tab-bar/-/tab-bar-8.0.0-beta.3.tgz",
+      "integrity": "sha512-P34pWnwpdrENk2OB4Nbjnq4tzaPbaQHDxVq02Eqs2CPHYwkroSJQJAWkMo1Y2g0T51JQYaZeoFftpaqvt08s9w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/tab-bar": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/tab": "^7.0.0",
-        "@smui/tab-scroller": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/tab": "^8.0.0-beta.3",
+        "@smui/tab-scroller": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/tab-indicator": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/tab-indicator/-/tab-indicator-7.0.0.tgz",
-      "integrity": "sha512-wyLpiljJwF1X9ZvCsVFIzqVkbxFF1wyxvAnBem74y6gKlyKa1F5oUm+bwNI/zB7lyWkTjsvWKlWsrzqDdOuFPg==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/tab-indicator/-/tab-indicator-8.0.0-beta.3.tgz",
+      "integrity": "sha512-C3xjXEDssh6/3+rbpsEQ9qOH1zx12+bnvO5eVu5DhPUWrFuFWPAY+m/1/FIkQSZZ1CaSKHcqJQM3GTTdRwbhIg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/tab-indicator": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/tab-scroller": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/tab-scroller/-/tab-scroller-7.0.0.tgz",
-      "integrity": "sha512-4smThaPvy3sVj4/Ezgo8er7BqWmnnemmpuWPcNpmt3+hckUhKwVoqtoa9HUdRZClDbyegABvhwbTjIkR39IM+Q==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/tab-scroller/-/tab-scroller-8.0.0-beta.3.tgz",
+      "integrity": "sha512-OS5RigcYj5CM78bg0igIVTEDv7aAUTqHIoCt89AFP3QtG5hp+X33rr4x0i3q42+QD6xpVYAHsleMUEJevxzauw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/dom": "^14.0.0",
         "@material/tab-scroller": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/textfield": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/textfield/-/textfield-7.0.0.tgz",
-      "integrity": "sha512-3p/pipFrj6xuA6YUhIEHf4fxInMENI3EFHVYeF1wU0vERSojtqBw+NnAscgv/PHKv4X6nFY3ZvD/9cVf7S4frA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/textfield/-/textfield-8.0.0-beta.3.tgz",
+      "integrity": "sha512-+82oCsIvp/mOp7yi4J/lE+U040fWFXDaoo0aGoYurePhzlX8LIoEupAfIeQ56EBfkDwwW9ZkDpkfsFUc1oYU8A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -3114,49 +3092,45 @@
         "@material/ripple": "^14.0.0",
         "@material/rtl": "^14.0.0",
         "@material/textfield": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/floating-label": "^7.0.0",
-        "@smui/line-ripple": "^7.0.0",
-        "@smui/notched-outline": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/floating-label": "^8.0.0-beta.3",
+        "@smui/line-ripple": "^8.0.0-beta.3",
+        "@smui/notched-outline": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/tooltip": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/tooltip/-/tooltip-7.0.0.tgz",
-      "integrity": "sha512-19fzYEerNnpPnpuf7uq6XrcXrE9x3n1Y3Z51+q1U/PmWGCj72n+QazhQNpxFM308DKpmsXdXXUpCP+HzLbB2Yg==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/tooltip/-/tooltip-8.0.0-beta.3.tgz",
+      "integrity": "sha512-WYDwa+iBMZg+eYlJDj4OQRLnsZMxSsiWp+LY/X2MQxMtNlxHF6MVb90Q3VHIsHRw11lyzV8cDsKkP+i7ZJ0hCA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/tooltip": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/top-app-bar": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/top-app-bar/-/top-app-bar-7.0.0.tgz",
-      "integrity": "sha512-BYqItdD81VfI9stSC/lx95qc3ovGI+l+9yHjH+CgqQg3teH9vzMuYx4RzBs87tu7kfutNAepHT297glMvPqqsA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/top-app-bar/-/top-app-bar-8.0.0-beta.3.tgz",
+      "integrity": "sha512-/C5jZ/Zhdu9WmuouD3wTpSBNJPzZQLLLR77VBoEGLIwMs31LOKaMv96aO9RPYOlWAJb2isgN8kdFBOEN/2Lvnw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/feature-targeting": "^14.0.0",
         "@material/top-app-bar": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@smui/touch-target": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@smui/touch-target/-/touch-target-7.0.0.tgz",
-      "integrity": "sha512-UqhkId+8jWaQxUnO2b613jO5MCAHrxWZEY9GLbafw3kFRNT27BLCRSiMXWiBpm422orGu7K426KlfuYgLsEdZA==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/touch-target/-/touch-target-8.0.0-beta.3.tgz",
+      "integrity": "sha512-Ut5ILLwneSLgRjUhsjV6GzyUTOAxBEKX/e085PmyLpZZdxPmlmx9NV8o3FZF0fgsmjSqiL9V6hND820mDBOgtQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@material/touch-target": "^14.0.0",
-        "@smui/common": "^7.0.0",
-        "svelte2tsx": "^0.7.8"
+        "@smui/common": "^8.0.0-beta.3"
       }
     },
     "node_modules/@sqlite.org/sqlite-wasm": {
@@ -3170,43 +3144,42 @@
       }
     },
     "node_modules/@sveltejs/vite-plugin-svelte": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.2.tgz",
-      "integrity": "sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-4.0.4.tgz",
+      "integrity": "sha512-0ba1RQ/PHen5FGpdSrW7Y3fAMQjrXantECALeOiOdBdzR5+5vPP6HVZRLmZaQL+W8m++o+haIAKq5qT+MiZ7VA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@sveltejs/vite-plugin-svelte-inspector": "^2.1.0",
-        "debug": "^4.3.4",
+        "@sveltejs/vite-plugin-svelte-inspector": "^3.0.0-next.0||^3.0.0",
+        "debug": "^4.3.7",
         "deepmerge": "^4.3.1",
         "kleur": "^4.1.5",
-        "magic-string": "^0.30.10",
-        "svelte-hmr": "^0.16.0",
-        "vitefu": "^0.2.5"
+        "magic-string": "^0.30.12",
+        "vitefu": "^1.0.3"
       },
       "engines": {
-        "node": "^18.0.0 || >=20"
+        "node": "^18.0.0 || ^20.0.0 || >=22"
       },
       "peerDependencies": {
-        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "svelte": "^5.0.0-next.96 || ^5.0.0",
         "vite": "^5.0.0"
       }
     },
     "node_modules/@sveltejs/vite-plugin-svelte-inspector": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.1.0.tgz",
-      "integrity": "sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-3.0.1.tgz",
+      "integrity": "sha512-2CKypmj1sM4GE7HjllT7UKmo4Q6L5xFRd7VMGEWhYnZ+wc6AUVU01IBd7yUi6WnFndEwWoMNOd6e8UjoN0nbvQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "debug": "^4.3.4"
+        "debug": "^4.3.7"
       },
       "engines": {
-        "node": "^18.0.0 || >=20"
+        "node": "^18.0.0 || ^20.0.0 || >=22"
       },
       "peerDependencies": {
-        "@sveltejs/vite-plugin-svelte": "^3.0.0",
-        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "@sveltejs/vite-plugin-svelte": "^4.0.0-next.0||^4.0.0",
+        "svelte": "^5.0.0-next.96 || ^5.0.0",
         "vite": "^5.0.0"
       }
     },
@@ -3711,6 +3684,16 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/acorn-typescript": {
+      "version": "1.4.13",
+      "resolved": "https://registry.npmjs.org/acorn-typescript/-/acorn-typescript-1.4.13.tgz",
+      "integrity": "sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": ">=8.9.0"
+      }
+    },
     "node_modules/agent-base": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
@@ -4505,18 +4488,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/code-red": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
-      "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.4.15",
-        "@types/estree": "^1.0.1",
-        "acorn": "^8.10.0",
-        "estree-walker": "^3.0.3",
-        "periscopic": "^3.1.0"
+      "engines": {
+        "node": ">=6"
       }
     },
     "node_modules/color-convert": {
@@ -4619,20 +4598,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-      }
-    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -4792,13 +4757,6 @@
         }
       }
     },
-    "node_modules/dedent-js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz",
-      "integrity": "sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/deep-eql": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
@@ -5705,6 +5663,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/esm-env": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+      "integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/espree": {
       "version": "10.3.0",
       "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
@@ -5763,6 +5728,16 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/esrap": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/esrap/-/esrap-1.4.5.tgz",
+      "integrity": "sha512-CjNMjkBWWZeHn+VX+gS8YvFwJ5+NDhg8aWZBSFJPR8qQduDNjbJodA2WcwCm7uQa5Rjqj+nZvVmceg1RbHFB9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
     "node_modules/esrecurse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -8200,16 +8175,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lower-case": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
-      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
     "node_modules/lowercase-keys": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
@@ -8291,13 +8256,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-      "dev": true,
-      "license": "CC0-1.0"
-    },
     "node_modules/memorystream": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
@@ -8488,17 +8446,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/no-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
-      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "lower-case": "^2.0.2",
-        "tslib": "^2.0.3"
-      }
-    },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -9499,17 +9446,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/pascal-case": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
-      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
     "node_modules/path-exists": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
@@ -9604,18 +9540,6 @@
         "node": ">= 14.16"
       }
     },
-    "node_modules/periscopic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
-      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0",
-        "estree-walker": "^3.0.0",
-        "is-reference": "^3.0.0"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -11463,29 +11387,29 @@
       }
     },
     "node_modules/svelte": {
-      "version": "4.2.19",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.19.tgz",
-      "integrity": "sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==",
+      "version": "5.20.1",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.20.1.tgz",
+      "integrity": "sha512-aCARru2WTdzJl55Ws8SK27+kvQwd8tijl4kY7NoDUXUHtTHhxMa8Lf6QNZKmU7cuPu3jjFloDO1j5HgYJNIIWg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@ampproject/remapping": "^2.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.15",
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "@types/estree": "^1.0.1",
-        "acorn": "^8.9.0",
-        "aria-query": "^5.3.0",
-        "axobject-query": "^4.0.0",
-        "code-red": "^1.0.3",
-        "css-tree": "^2.3.1",
-        "estree-walker": "^3.0.3",
-        "is-reference": "^3.0.1",
+        "@ampproject/remapping": "^2.3.0",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@types/estree": "^1.0.5",
+        "acorn": "^8.12.1",
+        "acorn-typescript": "^1.4.13",
+        "aria-query": "^5.3.1",
+        "axobject-query": "^4.1.0",
+        "clsx": "^2.1.1",
+        "esm-env": "^1.2.1",
+        "esrap": "^1.4.3",
+        "is-reference": "^3.0.3",
         "locate-character": "^3.0.0",
-        "magic-string": "^0.30.4",
-        "periscopic": "^3.1.0"
+        "magic-string": "^0.30.11",
+        "zimmerframe": "^1.1.2"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/svelte-check": {
@@ -11635,83 +11559,56 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/svelte-hmr": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.16.0.tgz",
-      "integrity": "sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^12.20 || ^14.13.1 || >= 16"
-      },
-      "peerDependencies": {
-        "svelte": "^3.19.0 || ^4.0.0"
-      }
-    },
     "node_modules/svelte-material-ui": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/svelte-material-ui/-/svelte-material-ui-7.0.0.tgz",
-      "integrity": "sha512-j8vT8zX8ekQ8MNBAvU9q/okQrXCYrJSxoDH06PQNCYrbNrTYzqKa+Fb9KSEGTaqs4PXi9aqjn687ykCiGqbPmQ==",
+      "version": "8.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/svelte-material-ui/-/svelte-material-ui-8.0.0-beta.3.tgz",
+      "integrity": "sha512-X1qifLdsIGgsfu3WkaAEbDumFYc6KpdHTZwwSaSFgO5se4wUs5LuLCszFG2GYdBcOi+wVa3Ko7FenMu+zz28XQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@smui-extra/accordion": "^7.0.0",
-        "@smui-extra/autocomplete": "^7.0.0",
-        "@smui-extra/badge": "^7.0.0",
-        "@smui-extra/bottom-app-bar": "^7.0.0",
-        "@smui/banner": "^7.0.0",
-        "@smui/button": "^7.0.0",
-        "@smui/card": "^7.0.0",
-        "@smui/checkbox": "^7.0.0",
-        "@smui/chips": "^7.0.0",
-        "@smui/circular-progress": "^7.0.0",
-        "@smui/common": "^7.0.0",
-        "@smui/data-table": "^7.0.0",
-        "@smui/dialog": "^7.0.0",
-        "@smui/drawer": "^7.0.0",
-        "@smui/fab": "^7.0.0",
-        "@smui/floating-label": "^7.0.0",
-        "@smui/form-field": "^7.0.0",
-        "@smui/icon-button": "^7.0.0",
-        "@smui/image-list": "^7.0.0",
-        "@smui/layout-grid": "^7.0.0",
-        "@smui/line-ripple": "^7.0.0",
-        "@smui/linear-progress": "^7.0.0",
-        "@smui/list": "^7.0.0",
-        "@smui/menu": "^7.0.0",
-        "@smui/menu-surface": "^7.0.0",
-        "@smui/notched-outline": "^7.0.0",
-        "@smui/paper": "^7.0.0",
-        "@smui/radio": "^7.0.0",
-        "@smui/ripple": "^7.0.0",
-        "@smui/segmented-button": "^7.0.0",
-        "@smui/select": "^7.0.0",
-        "@smui/slider": "^7.0.0",
-        "@smui/snackbar": "^7.0.0",
-        "@smui/switch": "^7.0.0",
-        "@smui/tab": "^7.0.0",
-        "@smui/tab-bar": "^7.0.0",
-        "@smui/tab-indicator": "^7.0.0",
-        "@smui/tab-scroller": "^7.0.0",
-        "@smui/textfield": "^7.0.0",
-        "@smui/tooltip": "^7.0.0",
-        "@smui/top-app-bar": "^7.0.0",
-        "@smui/touch-target": "^7.0.0"
-      }
-    },
-    "node_modules/svelte2tsx": {
-      "version": "0.7.34",
-      "resolved": "https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.7.34.tgz",
-      "integrity": "sha512-WTMhpNhFf8/h3SMtR5dkdSy2qfveomkhYei/QW9gSPccb0/b82tjHvLop6vT303ZkGswU/da1s6XvrLgthQPCw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "dedent-js": "^1.0.1",
-        "pascal-case": "^3.1.1"
-      },
-      "peerDependencies": {
-        "svelte": "^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0",
-        "typescript": "^4.9.4 || ^5.0.0"
+        "@smui-extra/accordion": "^8.0.0-beta.3",
+        "@smui-extra/autocomplete": "^8.0.0-beta.3",
+        "@smui-extra/badge": "^8.0.0-beta.3",
+        "@smui-extra/bottom-app-bar": "^8.0.0-beta.3",
+        "@smui-extra/chip-input": "^8.0.0-beta.3",
+        "@smui/banner": "^8.0.0-beta.3",
+        "@smui/button": "^8.0.0-beta.3",
+        "@smui/card": "^8.0.0-beta.3",
+        "@smui/checkbox": "^8.0.0-beta.3",
+        "@smui/chips": "^8.0.0-beta.3",
+        "@smui/circular-progress": "^8.0.0-beta.3",
+        "@smui/common": "^8.0.0-beta.3",
+        "@smui/data-table": "^8.0.0-beta.3",
+        "@smui/dialog": "^8.0.0-beta.3",
+        "@smui/drawer": "^8.0.0-beta.3",
+        "@smui/fab": "^8.0.0-beta.3",
+        "@smui/floating-label": "^8.0.0-beta.3",
+        "@smui/form-field": "^8.0.0-beta.3",
+        "@smui/icon-button": "^8.0.0-beta.3",
+        "@smui/image-list": "^8.0.0-beta.3",
+        "@smui/layout-grid": "^8.0.0-beta.3",
+        "@smui/line-ripple": "^8.0.0-beta.3",
+        "@smui/linear-progress": "^8.0.0-beta.3",
+        "@smui/list": "^8.0.0-beta.3",
+        "@smui/menu": "^8.0.0-beta.3",
+        "@smui/menu-surface": "^8.0.0-beta.3",
+        "@smui/notched-outline": "^8.0.0-beta.3",
+        "@smui/paper": "^8.0.0-beta.3",
+        "@smui/radio": "^8.0.0-beta.3",
+        "@smui/ripple": "^8.0.0-beta.3",
+        "@smui/segmented-button": "^8.0.0-beta.3",
+        "@smui/select": "^8.0.0-beta.3",
+        "@smui/slider": "^8.0.0-beta.3",
+        "@smui/snackbar": "^8.0.0-beta.3",
+        "@smui/switch": "^8.0.0-beta.3",
+        "@smui/tab": "^8.0.0-beta.3",
+        "@smui/tab-bar": "^8.0.0-beta.3",
+        "@smui/tab-indicator": "^8.0.0-beta.3",
+        "@smui/tab-scroller": "^8.0.0-beta.3",
+        "@smui/textfield": "^8.0.0-beta.3",
+        "@smui/tooltip": "^8.0.0-beta.3",
+        "@smui/top-app-bar": "^8.0.0-beta.3",
+        "@smui/touch-target": "^8.0.0-beta.3"
       }
     },
     "node_modules/synckit": {
@@ -12764,13 +12661,17 @@
       }
     },
     "node_modules/vitefu": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
-      "integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.0.5.tgz",
+      "integrity": "sha512-h4Vflt9gxODPFNGPwp4zAMZRpZR7eslzwH2c5hn5kNZ5rhnKyRJ50U+yGCdc2IRaBs8O4haIgLNGrV5CrpMsCA==",
       "dev": true,
       "license": "MIT",
+      "workspaces": [
+        "tests/deps/*",
+        "tests/projects/*"
+      ],
       "peerDependencies": {
-        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
       },
       "peerDependenciesMeta": {
         "vite": {
@@ -13306,6 +13207,13 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zimmerframe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.2.tgz",
+      "integrity": "sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==",
+      "dev": true,
+      "license": "MIT"
     }
   }
 }
diff --git a/package.json b/package.json
index 2a0235d2..6f7adce1 100644
--- a/package.json
+++ b/package.json
@@ -20,15 +20,15 @@
     "@inlang/paraglide-js": "2.0.0-beta.18",
     "@material/theme": "^14.0.0",
     "@playwright/test": "^1.50.1",
-    "@smui/button": "^7.0.0",
-    "@smui/checkbox": "^7.0.0",
-    "@smui/data-table": "^7.0.0",
-    "@smui/dialog": "^7.0.0",
-    "@smui/form-field": "^7.0.0",
-    "@smui/linear-progress": "^7.0.0",
-    "@smui/list": "^7.0.0",
-    "@smui/top-app-bar": "^7.0.0",
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@smui/button": "^8.0.0-beta.3",
+    "@smui/checkbox": "^8.0.0-beta.3",
+    "@smui/data-table": "^8.0.0-beta.3",
+    "@smui/dialog": "^8.0.0-beta.3",
+    "@smui/form-field": "^8.0.0-beta.3",
+    "@smui/linear-progress": "^8.0.0-beta.3",
+    "@smui/list": "^8.0.0-beta.3",
+    "@smui/top-app-bar": "^8.0.0-beta.3",
+    "@sveltejs/vite-plugin-svelte": "^4.0.4",
     "@types/google-apps-script": "^1.0.96",
     "@types/google.script.client-side": "^0.1.5",
     "@types/node": "^22.10.2",
@@ -49,10 +49,10 @@
     "prettier-plugin-svelte": "^3.3.3",
     "rimraf": "^6.0.1",
     "sass": "^1.83.4",
-    "svelte": "^4.2.19",
+    "svelte": "^5.20.1",
     "svelte-check": "^4.1.4",
     "svelte-eslint-parser": "^0.43.0",
-    "svelte-material-ui": "^7.0.0",
+    "svelte-material-ui": "^8.0.0-beta.3",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.19.1",
     "vite": "^5.4.14",

From 2daaf222e876fef48eec01a27666571778529bcf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20D=C4=9Bdi=C4=8D?= <developer@dedic.eu>
Date: Mon, 17 Feb 2025 21:07:11 +0100
Subject: [PATCH 2/4] Disabled outdated svelte eslint rules

---
 eslint.config.js | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index bd1338a7..4ea6fd15 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -162,19 +162,12 @@ export default tseslint.config(
       ],
       "svelte/button-has-type": "error",
       "svelte/derived-has-same-inputs-outputs": "error",
-      "svelte/experimental-require-slot-types": "error",
-      "svelte/experimental-require-strict-events": "error",
       "svelte/infinite-reactive-loop": "error",
       "svelte/no-dom-manipulating": "error",
-      "svelte/no-dupe-on-directives": "error",
       "svelte/no-dupe-use-directives": "error",
       "svelte/no-extra-reactive-curlies": "error",
       "svelte/no-ignored-unsubscribe": "error",
-      "svelte/no-immutable-reactive-statements": "error",
       "svelte/no-inline-styles": "error",
-      "svelte/no-reactive-functions": "error",
-      "svelte/no-reactive-literals": "error",
-      "svelte/no-reactive-reassign": "error",
       "svelte/no-store-async": "error",
       "svelte/no-target-blank": "error",
       "svelte/no-unused-class-name": [
@@ -188,7 +181,6 @@ export default tseslint.config(
       "svelte/prefer-destructured-store-props": "error",
       "svelte/prefer-style-directive": "error",
       "svelte/require-each-key": "error",
-      "svelte/require-event-dispatcher-types": "error",
       "svelte/require-optimized-style-attribute": "error",
       "svelte/require-store-callbacks-use-set-param": "error",
       "svelte/require-store-reactive-access": "error",
@@ -211,14 +203,6 @@ export default tseslint.config(
         parser: tseslint.parser,
       },
     },
-    rules: {
-      "@typescript-eslint/init-declarations": "off",
-    },
-    settings: {
-      svelte: {
-        ignoreWarnings: ["@typescript-eslint/explicit-function-return-type"],
-      },
-    },
   },
   {
     files: ["tests/backend/**/*.ts"],

From 2dc1aa21278759e1b48d1c2f3e24de8776503154 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20D=C4=9Bdi=C4=8D?= <developer@dedic.eu>
Date: Tue, 18 Feb 2025 17:54:20 +0100
Subject: [PATCH 3/4] Converted to Svelte 5

---
 frontend.vite.config.ts             |  2 +-
 src/frontend/App.svelte             | 87 ++++++++++++++++++-----------
 src/frontend/BackButton.svelte      |  9 ++-
 src/frontend/Confirmation.svelte    | 41 ++++++++++----
 src/frontend/ContinueButton.svelte  | 16 +++++-
 src/frontend/Done.svelte            |  8 ++-
 src/frontend/FolderSelection.svelte | 49 ++++++++--------
 src/frontend/Introduction.svelte    | 19 ++++---
 src/frontend/Moving.svelte          | 16 ++++--
 src/frontend/StepHeader.svelte      | 12 ++--
 src/frontend/index.ts               |  5 +-
 11 files changed, 172 insertions(+), 92 deletions(-)

diff --git a/frontend.vite.config.ts b/frontend.vite.config.ts
index 48eb91f9..249668e5 100644
--- a/frontend.vite.config.ts
+++ b/frontend.vite.config.ts
@@ -14,7 +14,7 @@ export default defineConfig({
         ) {
           return;
         }
-        defaultHandler?.(warning);
+        defaultHandler(warning);
       },
       preprocess: vitePreprocess(),
     }),
diff --git a/src/frontend/App.svelte b/src/frontend/App.svelte
index 6d3ea203..641032fd 100644
--- a/src/frontend/App.svelte
+++ b/src/frontend/App.svelte
@@ -1,4 +1,4 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import Button, { Label } from "@smui/button";
   import Dialog, { Actions, Content, Title as DialogTitle } from "@smui/dialog";
   import LinearProgress from "@smui/linear-progress";
@@ -36,13 +36,13 @@
     | "done"
     | "introduction"
     | "moving"
-    | "source-selection" = "introduction";
-  let moving = false;
-  let showNonEmptyDialog: () => void;
-  let errorDialogOpen: boolean;
-  let errorMessage = "";
+    | "source-selection" = $state("introduction");
+  let moving = $state(false);
+  let movingComponent: Moving | undefined = $state();
+  let errorDialogOpen = $state(false);
+  let errorMessage = $state("");
 
-  $: progress =
+  let progress = $derived(
     currentTab === "introduction"
       ? 1 / 5
       : currentTab === "source-selection"
@@ -51,15 +51,16 @@
           ? 3 / 5
           : currentTab === "confirmation"
             ? 4 / 5
-            : 0;
+            : 0,
+  );
 
-  let copyComments = true;
-  let mergeFolders = true;
-  let sourcePath: Array<NamedRecord> = [];
-  let destinationPath: Array<NamedRecord> = [];
-  let source: NamedRecord | null = null;
-  let destination: NamedRecord | null = null;
-  let errors: Array<MoveError> | null = null;
+  let copyComments = $state(true);
+  let mergeFolders = $state(true);
+  let sourcePath: Array<NamedRecord> = $state([]);
+  let destinationPath: Array<NamedRecord> = $state([]);
+  let source: NamedRecord | null = $state(null);
+  let destination: NamedRecord | null = $state(null);
+  let errors: Array<MoveError> | null = $state(null);
 
   function showErrorDialog(message: string): void {
     errorMessage = message;
@@ -79,7 +80,7 @@
           showErrorDialog(m.errorDialog_InvalidParameterError());
           break;
         case "notEmpty":
-          showNonEmptyDialog();
+          (movingComponent?.showNonEmptyDialog as (() => void) | undefined)?.();
           break;
         case "sourceEqualsDestination":
           currentTab = "confirmation";
@@ -158,7 +159,9 @@
     <Introduction bind:copyComments bind:mergeFolders />
     <ContinueButton
       disabled={false}
-      on:next={() => (currentTab = "source-selection")}
+      on:next={(): void => {
+        currentTab = "source-selection";
+      }}
     />
   {:else if currentTab === "source-selection"}
     <FolderSelection
@@ -166,17 +169,23 @@
       bind:path={sourcePath}
       bind:selected={source}
     >
-      <div slot="header">
+      {#snippet header()}
         {m.sourceSelection_header()}
-      </div>
-      <div slot="introduction">
+      {/snippet}
+      {#snippet introduction()}
         {m.sourceSelection_introduction()}
-      </div>
+      {/snippet}
     </FolderSelection>
-    <BackButton on:previous={() => (currentTab = "introduction")} />
+    <BackButton
+      on:previous={(): void => {
+        currentTab = "introduction";
+      }}
+    />
     <ContinueButton
       disabled={source === null}
-      on:next={() => (currentTab = "destination-selection")}
+      on:next={(): void => {
+        currentTab = "destination-selection";
+      }}
     />
   {:else if currentTab === "destination-selection"}
     <FolderSelection
@@ -184,17 +193,23 @@
       bind:path={destinationPath}
       bind:selected={destination}
     >
-      <div slot="header">
+      {#snippet header()}
         {m.destinationSelection_header()}
-      </div>
-      <div slot="introduction">
+      {/snippet}
+      {#snippet introduction()}
         {m.destinationSelection_introduction()}
-      </div>
+      {/snippet}
     </FolderSelection>
-    <BackButton on:previous={() => (currentTab = "source-selection")} />
+    <BackButton
+      on:previous={(): void => {
+        currentTab = "source-selection";
+      }}
+    />
     <ContinueButton
       disabled={destination === null}
-      on:next={() => (currentTab = "confirmation")}
+      on:next={(): void => {
+        currentTab = "confirmation";
+      }}
     />
   {:else if currentTab === "confirmation"}
     <Confirmation
@@ -202,16 +217,20 @@
       {destinationPath}
       {source}
       {sourcePath}
-      on:previous={() => (currentTab = "destination-selection")}
-      on:next={() => {
+      on:previous={(): void => {
+        currentTab = "destination-selection";
+      }}
+      on:next={(): void => {
         move();
       }}
     />
   {:else if currentTab === "moving"}
     <Moving
-      bind:showNonEmptyDialog
-      on:nonEmptyDialogCancel={() => (currentTab = "destination-selection")}
-      on:nonEmptyDialogConfirm={() => {
+      bind:this={movingComponent}
+      on:nonEmptyDialogCancel={(): void => {
+        currentTab = "destination-selection";
+      }}
+      on:nonEmptyDialogConfirm={(): void => {
         move(true);
       }}
     />
diff --git a/src/frontend/BackButton.svelte b/src/frontend/BackButton.svelte
index ce50855e..64e23a3c 100644
--- a/src/frontend/BackButton.svelte
+++ b/src/frontend/BackButton.svelte
@@ -1,4 +1,4 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import Button, { Icon, Label } from "@smui/button";
   import { createEventDispatcher } from "svelte";
 
@@ -8,7 +8,12 @@
 </script>
 
 <br />
-<Button variant="outlined" on:click={() => dispatch("previous")}>
+<Button
+  onclick={(): void => {
+    dispatch("previous");
+  }}
+  variant="outlined"
+>
   <Icon class="material-icons">navigate_before</Icon>
   <Label>{m.back_buttonLabel()}</Label>
 </Button>
diff --git a/src/frontend/Confirmation.svelte b/src/frontend/Confirmation.svelte
index fc0ecad0..0b135b8e 100644
--- a/src/frontend/Confirmation.svelte
+++ b/src/frontend/Confirmation.svelte
@@ -1,4 +1,4 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import Button, { Icon, Label } from "@smui/button";
   import { createEventDispatcher } from "svelte";
 
@@ -8,19 +8,29 @@
   import * as m from "./paraglide/messages";
   import StepHeader from "./StepHeader.svelte";
 
-  export let sourcePath: Array<NamedRecord> = [];
-  export let destinationPath: Array<NamedRecord> = [];
-  export let source: NamedRecord | null;
-  export let destination: NamedRecord | null;
+  interface Props {
+    destination: NamedRecord | null;
+    destinationPath?: Array<NamedRecord>;
+    source: NamedRecord | null;
+    sourcePath?: Array<NamedRecord>;
+  }
+  const {
+    destination,
+    destinationPath = [],
+    source,
+    sourcePath = [],
+  }: Props = $props();
 
   const dispatch = createEventDispatcher<{ next: null; previous: null }>();
 
-  $: sourceDisplay =
+  let sourceDisplay = $derived(
     sourcePath.map((segment) => `${segment.name}/`).join("") +
-    (source?.name ?? "");
-  $: destinationDisplay =
+      (source?.name ?? ""),
+  );
+  let destinationDisplay = $derived(
     destinationPath.map((segment) => `${segment.name}/`).join("") +
-    (destination?.name ?? "");
+      (destination?.name ?? ""),
+  );
 </script>
 
 <StepHeader>
@@ -32,8 +42,17 @@
     source: sourceDisplay,
   })}
 </p>
-<BackButton on:previous={() => dispatch("previous")} />
-<Button variant="raised" on:click={() => dispatch("next")}>
+<BackButton
+  on:previous={(): void => {
+    dispatch("previous");
+  }}
+/>
+<Button
+  onclick={(): void => {
+    dispatch("next");
+  }}
+  variant="raised"
+>
   <Label>{m.confirmation_buttonLabel()}</Label>
   <Icon class="material-icons">cloud_done</Icon>
 </Button>
diff --git a/src/frontend/ContinueButton.svelte b/src/frontend/ContinueButton.svelte
index 633c13e7..0155a5d6 100644
--- a/src/frontend/ContinueButton.svelte
+++ b/src/frontend/ContinueButton.svelte
@@ -1,15 +1,25 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import Button, { Icon, Label } from "@smui/button";
   import { createEventDispatcher } from "svelte";
 
   import * as m from "./paraglide/messages";
 
-  export let disabled: boolean;
+  interface Props {
+    disabled: boolean;
+  }
+
+  const { disabled }: Props = $props();
 
   const dispatch = createEventDispatcher<{ next: null }>();
 </script>
 
-<Button {disabled} variant="raised" on:click={() => dispatch("next")}>
+<Button
+  {disabled}
+  onclick={(): void => {
+    dispatch("next");
+  }}
+  variant="raised"
+>
   <Label>{m.continue_buttonLabel()}</Label>
   <Icon class="material-icons">navigate_next</Icon>
 </Button>
diff --git a/src/frontend/Done.svelte b/src/frontend/Done.svelte
index 28764b9d..f99736d9 100644
--- a/src/frontend/Done.svelte
+++ b/src/frontend/Done.svelte
@@ -1,4 +1,4 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import DataTable, { Body, Cell, Head, Row } from "@smui/data-table";
 
   import type { MoveError } from "../interfaces/MoveError";
@@ -6,7 +6,11 @@
   import * as m from "./paraglide/messages";
   import StepHeader from "./StepHeader.svelte";
 
-  export let errors: Array<MoveError> | null = [];
+  interface Props {
+    errors?: Array<MoveError> | null;
+  }
+
+  const { errors = [] }: Props = $props();
 </script>
 
 <StepHeader>
diff --git a/src/frontend/FolderSelection.svelte b/src/frontend/FolderSelection.svelte
index fb3ce51f..9b72f765 100644
--- a/src/frontend/FolderSelection.svelte
+++ b/src/frontend/FolderSelection.svelte
@@ -1,7 +1,7 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import LinearProgress from "@smui/linear-progress";
   import List, { Item, Separator, Subheader, Text } from "@smui/list";
-  import { createEventDispatcher } from "svelte";
+  import { createEventDispatcher, type Snippet } from "svelte";
 
   import type { ListResponse } from "../interfaces/ListResponse";
   import type { NamedRecord } from "../interfaces/NamedRecord";
@@ -9,17 +9,22 @@
   import * as m from "./paraglide/messages";
   import StepHeader from "./StepHeader.svelte";
 
-  interface $$Slots {
-    header: Record<string, never>;
-    introduction: Record<string, never>;
+  interface Props {
+    header: Snippet;
+    introduction: Snippet;
+    path?: Array<NamedRecord>;
+    selected?: NamedRecord | null;
   }
-
-  export let path: Array<NamedRecord> = [];
-  export let selected: NamedRecord | null = null;
+  let {
+    header,
+    introduction,
+    path = $bindable([]),
+    selected = $bindable(null),
+  }: Props = $props();
 
   const dispatch = createEventDispatcher<{ error: { message: string } }>();
 
-  let items: Array<NamedRecord> | null = null;
+  let items: Array<NamedRecord> | null = $state(null);
 
   function handleListError(type: string): void {
     switch (type) {
@@ -107,26 +112,26 @@
 </script>
 
 <StepHeader>
-  <slot name="header" />
+  {@render header()}
 </StepHeader>
 <p>
-  <slot name="introduction" />
+  {@render introduction()}
 </p>
 <div>
   <List singleSelection>
     <Separator />
     <Subheader>
-      <button class="breadcrumb" type="button" on:click={rootNavigation}>
+      <button class="breadcrumb" onclick={rootNavigation} type="button">
         {m.drive_driveList()}
       </button>
       {#each path as segment (segment.id)}
         &nbsp; &gt; &nbsp;
         <button
           class="breadcrumb"
-          type="button"
-          on:click={() => {
+          onclick={(): void => {
             breadcrumbNavigation(segment);
           }}
+          type="button"
         >
           {segment.name}
         </button>
@@ -138,20 +143,20 @@
     {:else}
       {#each items as item (item.id)}
         <Item
-          selected={selected !== null && selected.id === item.id}
-          on:dblclick={() => {
-            itemNavigation(item);
-          }}
-          on:keydown={(e) => {
-            handleItemKeydown(e, item);
-          }}
-          on:SMUI:action={() => {
+          onSMUIAction={(): void => {
             if (selected === item) {
               itemNavigation(item);
             } else {
               selected = item;
             }
           }}
+          ondblclick={(): void => {
+            itemNavigation(item);
+          }}
+          onkeydown={(e): void => {
+            handleItemKeydown(e, item);
+          }}
+          selected={selected !== null && selected.id === item.id}
         >
           <Text>
             {item.name}
diff --git a/src/frontend/Introduction.svelte b/src/frontend/Introduction.svelte
index dd8bda20..d1177657 100644
--- a/src/frontend/Introduction.svelte
+++ b/src/frontend/Introduction.svelte
@@ -1,12 +1,17 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import Checkbox from "@smui/checkbox";
   import FormField from "@smui/form-field";
 
   import * as m from "./paraglide/messages";
   import StepHeader from "./StepHeader.svelte";
 
-  export let copyComments: boolean;
-  export let mergeFolders: boolean;
+  interface Props {
+    copyComments: boolean;
+    mergeFolders: boolean;
+  }
+
+  let { copyComments = $bindable(), mergeFolders = $bindable() }: Props =
+    $props();
 </script>
 
 <StepHeader>
@@ -20,23 +25,23 @@
 </h5>
 <FormField>
   <Checkbox bind:checked={copyComments} />
-  <span slot="label">
+  {#snippet label()}
     <div class="form-heading">
       {m.introduction_configuration_copyComments_title()}
     </div>
     {m.introduction_configuration_copyComments_description()}
-  </span>
+  {/snippet}
 </FormField>
 <br />
 <br />
 <FormField>
   <Checkbox bind:checked={mergeFolders} />
-  <span slot="label">
+  {#snippet label()}
     <div class="form-heading">
       {m.introduction_configuration_mergeFolders_title()}
     </div>
     {m.introduction_configuration_mergeFolders_description()}
-  </span>
+  {/snippet}
 </FormField>
 <br />
 <br />
diff --git a/src/frontend/Moving.svelte b/src/frontend/Moving.svelte
index e3e91b92..d83ff235 100644
--- a/src/frontend/Moving.svelte
+++ b/src/frontend/Moving.svelte
@@ -1,11 +1,11 @@
-<script lang="ts" strictEvents>
+<script lang="ts">
   import Button, { Label } from "@smui/button";
   import Dialog, { Actions, Content, Title } from "@smui/dialog";
   import { createEventDispatcher } from "svelte";
 
   import * as m from "./paraglide/messages";
 
-  let nonEmptyDialogOpen: boolean;
+  let nonEmptyDialogOpen = $state(false);
 
   export function showNonEmptyDialog(): void {
     nonEmptyDialogOpen = true;
@@ -32,12 +32,20 @@
     {m.moving_nonEmptyDialog_content()}
   </Content>
   <Actions>
-    <Button on:click={() => dispatch("nonEmptyDialogCancel")}>
+    <Button
+      onclick={(): void => {
+        dispatch("nonEmptyDialogCancel");
+      }}
+    >
       <Label>
         {m.moving_nonEmptyDialog_cancel()}
       </Label>
     </Button>
-    <Button on:click={() => dispatch("nonEmptyDialogConfirm")}>
+    <Button
+      onclick={(): void => {
+        dispatch("nonEmptyDialogConfirm");
+      }}
+    >
       <Label>
         {m.moving_nonEmptyDialog_confirm()}
       </Label>
diff --git a/src/frontend/StepHeader.svelte b/src/frontend/StepHeader.svelte
index bc12d1c4..84676305 100644
--- a/src/frontend/StepHeader.svelte
+++ b/src/frontend/StepHeader.svelte
@@ -1,11 +1,15 @@
-<script lang="ts" strictEvents>
-  interface $$Slots {
-    default: Record<string, never>;
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    children: Snippet;
   }
+
+  const { children }: Props = $props();
 </script>
 
 <h2>
-  <slot />
+  {@render children()}
 </h2>
 
 <style lang="scss">
diff --git a/src/frontend/index.ts b/src/frontend/index.ts
index 86c822cd..08a4931e 100644
--- a/src/frontend/index.ts
+++ b/src/frontend/index.ts
@@ -1,6 +1,7 @@
-/// <reference types="svelte"/>
+import { mount } from "svelte";
+
 import App from "./App.svelte";
 
-new App({
+mount(App, {
   target: document.body,
 });

From 0b92b7a892e2d7e1fcd0ada27751724d7864f9e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20D=C4=9Bdi=C4=8D?= <developer@dedic.eu>
Date: Tue, 18 Feb 2025 19:41:45 +0100
Subject: [PATCH 4/4] Using Svelte 5 events

---
 eslint.config.js                    |  4 ++++
 src/frontend/App.svelte             | 36 ++++++++++++-----------------
 src/frontend/BackButton.svelte      | 14 +++++------
 src/frontend/Confirmation.svelte    | 20 +++++-----------
 src/frontend/ContinueButton.svelte  | 14 +++--------
 src/frontend/FolderSelection.svelte | 23 +++++++-----------
 src/frontend/Moving.svelte          | 25 ++++++++------------
 7 files changed, 51 insertions(+), 85 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 4ea6fd15..5a6e4694 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -44,6 +44,10 @@ export default tseslint.config(
       "@typescript-eslint/init-declarations": "error",
       "@typescript-eslint/method-signature-style": ["error", "method"],
       "@typescript-eslint/no-import-type-side-effects": "error",
+      "@typescript-eslint/no-invalid-void-type": [
+        "error",
+        { allowAsThisParameter: true },
+      ],
       "@typescript-eslint/no-shadow": "error",
       "@typescript-eslint/no-unnecessary-parameter-property-assignment":
         "error",
diff --git a/src/frontend/App.svelte b/src/frontend/App.svelte
index 641032fd..e4efc8a4 100644
--- a/src/frontend/App.svelte
+++ b/src/frontend/App.svelte
@@ -125,12 +125,6 @@
         forceNonEmpty,
       );
   }
-
-  function showErrorDialogWithEvent(
-    event: CustomEvent<{ message: string }>,
-  ): void {
-    showErrorDialog(event.detail.message);
-  }
 </script>
 
 <svelte:head>
@@ -159,13 +153,13 @@
     <Introduction bind:copyComments bind:mergeFolders />
     <ContinueButton
       disabled={false}
-      on:next={(): void => {
+      onclick={(): void => {
         currentTab = "source-selection";
       }}
     />
   {:else if currentTab === "source-selection"}
     <FolderSelection
-      on:error={showErrorDialogWithEvent}
+      onerror={showErrorDialog}
       bind:path={sourcePath}
       bind:selected={source}
     >
@@ -177,19 +171,19 @@
       {/snippet}
     </FolderSelection>
     <BackButton
-      on:previous={(): void => {
+      onclick={(): void => {
         currentTab = "introduction";
       }}
     />
     <ContinueButton
       disabled={source === null}
-      on:next={(): void => {
+      onclick={(): void => {
         currentTab = "destination-selection";
       }}
     />
   {:else if currentTab === "destination-selection"}
     <FolderSelection
-      on:error={showErrorDialogWithEvent}
+      onerror={showErrorDialog}
       bind:path={destinationPath}
       bind:selected={destination}
     >
@@ -201,13 +195,13 @@
       {/snippet}
     </FolderSelection>
     <BackButton
-      on:previous={(): void => {
+      onclick={(): void => {
         currentTab = "source-selection";
       }}
     />
     <ContinueButton
       disabled={destination === null}
-      on:next={(): void => {
+      onclick={(): void => {
         currentTab = "confirmation";
       }}
     />
@@ -215,22 +209,22 @@
     <Confirmation
       {destination}
       {destinationPath}
-      {source}
-      {sourcePath}
-      on:previous={(): void => {
-        currentTab = "destination-selection";
-      }}
-      on:next={(): void => {
+      onnext={(): void => {
         move();
       }}
+      onprevious={(): void => {
+        currentTab = "destination-selection";
+      }}
+      {source}
+      {sourcePath}
     />
   {:else if currentTab === "moving"}
     <Moving
       bind:this={movingComponent}
-      on:nonEmptyDialogCancel={(): void => {
+      onNonEmptyDialogCancel={(): void => {
         currentTab = "destination-selection";
       }}
-      on:nonEmptyDialogConfirm={(): void => {
+      onNonEmptyDialogConfirm={(): void => {
         move(true);
       }}
     />
diff --git a/src/frontend/BackButton.svelte b/src/frontend/BackButton.svelte
index 64e23a3c..db1dadb3 100644
--- a/src/frontend/BackButton.svelte
+++ b/src/frontend/BackButton.svelte
@@ -1,19 +1,17 @@
 <script lang="ts">
   import Button, { Icon, Label } from "@smui/button";
-  import { createEventDispatcher } from "svelte";
 
   import * as m from "./paraglide/messages";
 
-  const dispatch = createEventDispatcher<{ previous: null }>();
+  interface Props {
+    onclick(this: void): void;
+  }
+
+  const { onclick }: Props = $props();
 </script>
 
 <br />
-<Button
-  onclick={(): void => {
-    dispatch("previous");
-  }}
-  variant="outlined"
->
+<Button {onclick} variant="outlined">
   <Icon class="material-icons">navigate_before</Icon>
   <Label>{m.back_buttonLabel()}</Label>
 </Button>
diff --git a/src/frontend/Confirmation.svelte b/src/frontend/Confirmation.svelte
index 0b135b8e..de1b0bb1 100644
--- a/src/frontend/Confirmation.svelte
+++ b/src/frontend/Confirmation.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import Button, { Icon, Label } from "@smui/button";
-  import { createEventDispatcher } from "svelte";
 
   import type { NamedRecord } from "../interfaces/NamedRecord";
 
@@ -11,18 +10,20 @@
   interface Props {
     destination: NamedRecord | null;
     destinationPath?: Array<NamedRecord>;
+    onnext(this: void): void;
+    onprevious(this: void): void;
     source: NamedRecord | null;
     sourcePath?: Array<NamedRecord>;
   }
   const {
     destination,
     destinationPath = [],
+    onnext,
+    onprevious,
     source,
     sourcePath = [],
   }: Props = $props();
 
-  const dispatch = createEventDispatcher<{ next: null; previous: null }>();
-
   let sourceDisplay = $derived(
     sourcePath.map((segment) => `${segment.name}/`).join("") +
       (source?.name ?? ""),
@@ -42,17 +43,8 @@
     source: sourceDisplay,
   })}
 </p>
-<BackButton
-  on:previous={(): void => {
-    dispatch("previous");
-  }}
-/>
-<Button
-  onclick={(): void => {
-    dispatch("next");
-  }}
-  variant="raised"
->
+<BackButton onclick={onprevious} />
+<Button onclick={onnext} variant="raised">
   <Label>{m.confirmation_buttonLabel()}</Label>
   <Icon class="material-icons">cloud_done</Icon>
 </Button>
diff --git a/src/frontend/ContinueButton.svelte b/src/frontend/ContinueButton.svelte
index 0155a5d6..200e1981 100644
--- a/src/frontend/ContinueButton.svelte
+++ b/src/frontend/ContinueButton.svelte
@@ -1,25 +1,17 @@
 <script lang="ts">
   import Button, { Icon, Label } from "@smui/button";
-  import { createEventDispatcher } from "svelte";
 
   import * as m from "./paraglide/messages";
 
   interface Props {
     disabled: boolean;
+    onclick(this: void): void;
   }
 
-  const { disabled }: Props = $props();
-
-  const dispatch = createEventDispatcher<{ next: null }>();
+  const { disabled, onclick }: Props = $props();
 </script>
 
-<Button
-  {disabled}
-  onclick={(): void => {
-    dispatch("next");
-  }}
-  variant="raised"
->
+<Button {disabled} {onclick} variant="raised">
   <Label>{m.continue_buttonLabel()}</Label>
   <Icon class="material-icons">navigate_next</Icon>
 </Button>
diff --git a/src/frontend/FolderSelection.svelte b/src/frontend/FolderSelection.svelte
index 9b72f765..0ff94f74 100644
--- a/src/frontend/FolderSelection.svelte
+++ b/src/frontend/FolderSelection.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
+  import type { Snippet } from "svelte";
+
   import LinearProgress from "@smui/linear-progress";
   import List, { Item, Separator, Subheader, Text } from "@smui/list";
-  import { createEventDispatcher, type Snippet } from "svelte";
 
   import type { ListResponse } from "../interfaces/ListResponse";
   import type { NamedRecord } from "../interfaces/NamedRecord";
@@ -12,36 +13,30 @@
   interface Props {
     header: Snippet;
     introduction: Snippet;
+    onerror(this: void, message: string): void;
     path?: Array<NamedRecord>;
     selected?: NamedRecord | null;
   }
   let {
     header,
     introduction,
+    onerror,
     path = $bindable([]),
     selected = $bindable(null),
   }: Props = $props();
 
-  const dispatch = createEventDispatcher<{ error: { message: string } }>();
-
   let items: Array<NamedRecord> | null = $state(null);
 
   function handleListError(type: string): void {
     switch (type) {
       case "DriveAPIError":
-        dispatch("error", {
-          message: m.errorDialog_DriveAPIError(),
-        });
+        onerror(m.errorDialog_DriveAPIError());
         break;
       case "invalidParameter":
-        dispatch("error", {
-          message: m.errorDialog_InvalidParameterError(),
-        });
+        onerror(m.errorDialog_InvalidParameterError());
         break;
       default:
-        dispatch("error", {
-          message: m.errorDialog_unknownError(),
-        });
+        onerror(m.errorDialog_unknownError());
         break;
     }
   }
@@ -55,9 +50,7 @@
   }
 
   function handleError(response: Error): void {
-    dispatch("error", {
-      message: m.errorDialog_unknownErrorWithMessage() + response.message,
-    });
+    onerror(m.errorDialog_unknownErrorWithMessage() + response.message);
   }
 
   function handleFolderResponse(response: ListResponse): void {
diff --git a/src/frontend/Moving.svelte b/src/frontend/Moving.svelte
index d83ff235..a5bf8d6a 100644
--- a/src/frontend/Moving.svelte
+++ b/src/frontend/Moving.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
   import Button, { Label } from "@smui/button";
   import Dialog, { Actions, Content, Title } from "@smui/dialog";
-  import { createEventDispatcher } from "svelte";
 
   import * as m from "./paraglide/messages";
 
+  interface Props {
+    onNonEmptyDialogCancel(this: void): void;
+    onNonEmptyDialogConfirm(this: void): void;
+  }
+
+  const { onNonEmptyDialogCancel, onNonEmptyDialogConfirm }: Props = $props();
+
   let nonEmptyDialogOpen = $state(false);
 
   export function showNonEmptyDialog(): void {
     nonEmptyDialogOpen = true;
   }
-
-  const dispatch = createEventDispatcher<{
-    nonEmptyDialogCancel: null;
-    nonEmptyDialogConfirm: null;
-  }>();
 </script>
 
 <p>
@@ -32,20 +33,12 @@
     {m.moving_nonEmptyDialog_content()}
   </Content>
   <Actions>
-    <Button
-      onclick={(): void => {
-        dispatch("nonEmptyDialogCancel");
-      }}
-    >
+    <Button onclick={onNonEmptyDialogCancel}>
       <Label>
         {m.moving_nonEmptyDialog_cancel()}
       </Label>
     </Button>
-    <Button
-      onclick={(): void => {
-        dispatch("nonEmptyDialogConfirm");
-      }}
-    >
+    <Button onclick={onNonEmptyDialogConfirm}>
       <Label>
         {m.moving_nonEmptyDialog_confirm()}
       </Label>