diff --git a/.babelrc b/.babelrc
index b27997cc..fd29325a 100644
--- a/.babelrc
+++ b/.babelrc
@@ -6,8 +6,18 @@
         "targets": {
           "esmodules": true
         },
-        "exclude": ["@babel/transform-classes"]
+        "exclude": [
+          "@babel/transform-classes",
+          "@babel/plugin-transform-class-properties",
+          "@babel/plugin-transform-private-methods",
+          "@babel/plugin-transform-private-property-in-object"
+        ]
       }
     ]
+  ],
+  "plugins": [
+    ["@babel/plugin-transform-class-properties", { "loose": true }],
+    ["@babel/plugin-transform-private-methods", { "loose": true }],
+    ["@babel/plugin-transform-private-property-in-object", { "loose": true }]
   ]
 }
diff --git a/package.json b/package.json
index 17944507..5993fd6e 100644
--- a/package.json
+++ b/package.json
@@ -10,14 +10,16 @@
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
+    "@babel/plugin-transform-private-methods": "^7.24.0",
+    "@babel/plugin-transform-private-property-in-object": "^7.24.0",
     "@babel/preset-env": "^7.24.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
-    "babel-loader": "^8.3.0",
+    "babel-loader": "^9.1.3",
     "core-js": "^3.36.0",
     "clipboard": "^2.0.1",
-    "copy-webpack-plugin": "^4.4.2",
-    "css-loader": "^0.28.11",
-    "exports-loader": "^0.6.4",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^7.1.2",
+    "exports-loader": "^5.0.0",
     "favico.js": "^0.3.10",
     "filepond": "^4.32.10",
     "grunt": "^1.6.1",
@@ -28,24 +30,23 @@
     "grunt-contrib-less": "^3.0.0",
     "grunt-contrib-watch": "^1.1.0",
     "grunt-terser": "^2.0.0",
-    "grunt-webpack": "^4.0.3",
-    "html-loader": "^0.4.4",
-    "html-webpack-plugin": "^3.2.0",
-    "imports-loader": "^0.7.1",
+    "grunt-webpack": "^6.0.0",
+    "html-loader": "^5.1.0",
+    "html-webpack-plugin": "^5.6.0",
+    "imports-loader": "^5.0.0",
     "install": "^0.13.0",
     "jquery": "^3.7.1",
     "jshint": "^2.13.6",
     "luxon": "^3.7.2",
     "mark.js": "8.11.1",
     "mousetrap": "^1.6.1",
-    "raw-loader": "1.0.0-beta.0",
     "sticky-sidebar": "3.3.1",
-    "style-loader": "^0.21.0",
+    "style-loader": "^4.0.0",
     "sweetalert2": "^11.26.3",
     "ts-loader": "^1.3.3",
     "waypoints": "4.0.1",
-    "webpack": "4.46.0",
-    "webpack-cli": "3.3.12"
+    "webpack": "^5.95.0",
+    "webpack-cli": "^5.1.4"
   },
   "dependencies": {
     "lit": "^2.8.0",
diff --git a/webpack.config.js b/webpack.config.js
index af90b37d..47216b60 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -20,9 +20,17 @@ let babelRCOptions = {
             "exclude": [
                 "@babel/transform-classes",
                 "@babel/transform-regenerator",
-                "@babel/transform-async-generator-functions"
+                "@babel/transform-async-generator-functions",
+                "@babel/plugin-transform-class-properties",
+                "@babel/plugin-transform-private-methods",
+                "@babel/plugin-transform-private-property-in-object"
             ]
         }]
+    ],
+    "plugins": [
+        ["@babel/plugin-transform-class-properties", { "loose": true }],
+        ["@babel/plugin-transform-private-methods", { "loose": true }],
+        ["@babel/plugin-transform-private-property-in-object", { "loose": true }]
     ]
 };