diff --git a/kalk_web/package-lock.json b/kalk_web/package-lock.json
index 41c401d..5d7c506 100644
--- a/kalk_web/package-lock.json
+++ b/kalk_web/package-lock.json
@@ -2119,15 +2119,6 @@
 				"unique-filename": "^1.1.1"
 			},
 			"dependencies": {
-				"lru-cache": {
-					"version": "6.0.0",
-					"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-					"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-					"dev": true,
-					"requires": {
-						"yallist": "^4.0.0"
-					}
-				},
 				"mkdirp": {
 					"version": "1.0.4",
 					"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
@@ -2151,12 +2142,6 @@
 					"requires": {
 						"glob": "^7.1.3"
 					}
-				},
-				"yallist": {
-					"version": "4.0.0",
-					"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-					"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-					"dev": true
 				}
 			}
 		},
@@ -5046,6 +5031,15 @@
 			"integrity": "sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==",
 			"dev": true
 		},
+		"lru-cache": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+			"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+			"dev": true,
+			"requires": {
+				"yallist": "^4.0.0"
+			}
+		},
 		"make-dir": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -5249,14 +5243,6 @@
 			"dev": true,
 			"requires": {
 				"yallist": "^4.0.0"
-			},
-			"dependencies": {
-				"yallist": {
-					"version": "4.0.0",
-					"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-					"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-					"dev": true
-				}
 			}
 		},
 		"minipass-collect": {
@@ -5294,14 +5280,6 @@
 			"requires": {
 				"minipass": "^3.0.0",
 				"yallist": "^4.0.0"
-			},
-			"dependencies": {
-				"yallist": {
-					"version": "4.0.0",
-					"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-					"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-					"dev": true
-				}
 			}
 		},
 		"mississippi": {
@@ -7983,12 +7961,6 @@
 					"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
 					"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
 					"dev": true
-				},
-				"yallist": {
-					"version": "4.0.0",
-					"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-					"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-					"dev": true
 				}
 			}
 		},
@@ -9668,6 +9640,12 @@
 			"integrity": "sha512-wNcy4NvjMYL8gogWWYAO7ZFWFfHcbdbE57tZO8e4cbpj8tfUcwrwqSl3ad8HxpYWCdXcJUCeKKZS62Av1affwQ==",
 			"dev": true
 		},
+		"yallist": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+			"dev": true
+		},
 		"yargs": {
 			"version": "13.3.2",
 			"resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
diff --git a/kalk_web/src/main.ts b/kalk_web/src/main.ts
index 67b675b..8f77606 100644
--- a/kalk_web/src/main.ts
+++ b/kalk_web/src/main.ts
@@ -1,3 +1,4 @@
+import "./public-path.js";
 import KalkCalculator from './KalkCalculator.svelte';
 
 export {
diff --git a/kalk_web/src/public-path.js b/kalk_web/src/public-path.js
new file mode 100644
index 0000000..07f6807
--- /dev/null
+++ b/kalk_web/src/public-path.js
@@ -0,0 +1,4 @@
+// https://github.com/webpack/webpack/issues/7968#issuecomment-421058484
+const url = new URL(document.currentScript.src);
+const widgetLink = url.href.substring(0, url.href.lastIndexOf('/') + 1);
+__webpack_public_path__ = widgetLink;
\ No newline at end of file
diff --git a/kalk_web/webpack.config.ts b/kalk_web/webpack.config.ts
index aae6bf2..fa8dfce 100644
--- a/kalk_web/webpack.config.ts
+++ b/kalk_web/webpack.config.ts
@@ -46,10 +46,12 @@ const config: webpack.Configuration & WebpackDevServer.Configuration = {
 		mainFields: ['svelte', 'browser', 'module', 'main'],
 	},
 	output: {
-		publicPath: './build/',
-		path: __dirname + './public/build',
+		path: __dirname + '/public/build',
 		filename: '[name].js',
 		chunkFilename: '[name].[id].js',
+		library: "kalkComponent",
+		libraryTarget: 'window',
+		libraryExport: 'default'
 	},
 	module: {
 		rules: [