Merge branch 'main' into feature/integrate-uui-modal

src/Umbraco.Web.UI.Client/.github/workflows/npm-publish-github-packages.yml

@@ -13,6 +13,7 @@ on:
       - 'package-lock.json'
       - '.github/workflows/npm-publish-github-packages.yml'
       - './rollup-libs.config.js'
+      - 'src/**/*.element.ts'
   pull_request:
     branches: [ main ]
     paths:
@@ -21,6 +22,7 @@ on:
       - 'package-lock.json'
       - '.github/workflows/npm-publish-github-packages.yml'
       - './rollup-libs.config.js'
+      - 'src/**/*.element.ts'
   workflow_dispatch:
 
 env:

src/Umbraco.Web.UI.Client/.gitignore

@@ -41,3 +41,8 @@ playwright/.cache/
 storybook-static/
 
 custom-elements.json
+
+# JSON for HTML Custom Data
+# https://github.com/runem/web-component-analyzer#vscode
+# https://github.com/microsoft/vscode-custom-data
+vscode-html-custom-data.json

src/Umbraco.Web.UI.Client/libs/package.json

@@ -20,11 +20,14 @@
 	},
 	"type": "module",
 	"files": [
-		"*.d.ts"
+		"*.d.ts",
+		"*.json",
+		"*.md"
 	],
 	"peerDependencies": {
 		"@types/uuid": "^9.0.1",
 		"@umbraco-ui/uui": "^1.2.0-rc.0",
 		"rxjs": "^7.8.0"
-	}
+	},
+	"customElements": "custom-elements.json"
 }

src/Umbraco.Web.UI.Client/package-lock.json

@@ -25,6 +25,7 @@
 				"@open-wc/testing": "^3.1.7",
 				"@playwright/test": "^1.30.0",
 				"@rollup/plugin-json": "^6.0.0",
+				"@rollup/plugin-node-resolve": "^15.0.1",
 				"@storybook/addon-a11y": "^7.0.0-rc.3",
 				"@storybook/addon-actions": "^7.0.0-rc.3",
 				"@storybook/addon-essentials": "^7.0.0-rc.3",
@@ -2728,7 +2729,32 @@
 				}
 			}
 		},
-		"node_modules/@rollup/plugin-json/node_modules/@rollup/pluginutils": {
+		"node_modules/@rollup/plugin-node-resolve": {
+			"version": "15.0.1",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz",
+			"integrity": "sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==",
+			"dev": true,
+			"dependencies": {
+				"@rollup/pluginutils": "^5.0.1",
+				"@types/resolve": "1.20.2",
+				"deepmerge": "^4.2.2",
+				"is-builtin-module": "^3.2.0",
+				"is-module": "^1.0.0",
+				"resolve": "^1.22.1"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^2.78.0||^3.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rollup/pluginutils": {
 			"version": "5.0.2",
 			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
 			"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
@@ -2750,55 +2776,6 @@
 				}
 			}
 		},
-		"node_modules/@rollup/plugin-json/node_modules/@types/estree": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
-			"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
-			"dev": true
-		},
-		"node_modules/@rollup/plugin-json/node_modules/estree-walker": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-			"dev": true
-		},
-		"node_modules/@rollup/plugin-node-resolve": {
-			"version": "13.3.0",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz",
-			"integrity": "sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==",
-			"dev": true,
-			"dependencies": {
-				"@rollup/pluginutils": "^3.1.0",
-				"@types/resolve": "1.17.1",
-				"deepmerge": "^4.2.2",
-				"is-builtin-module": "^3.1.0",
-				"is-module": "^1.0.0",
-				"resolve": "^1.19.0"
-			},
-			"engines": {
-				"node": ">= 10.0.0"
-			},
-			"peerDependencies": {
-				"rollup": "^2.42.0"
-			}
-		},
-		"node_modules/@rollup/pluginutils": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
-			"integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
-			"dev": true,
-			"dependencies": {
-				"@types/estree": "0.0.39",
-				"estree-walker": "^1.0.1",
-				"picomatch": "^2.2.2"
-			},
-			"engines": {
-				"node": ">= 8.0.0"
-			},
-			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0"
-			}
-		},
 		"node_modules/@sinclair/typebox": {
 			"version": "0.25.24",
 			"resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.25.24.tgz",
@@ -4927,9 +4904,9 @@
 			"dev": true
 		},
 		"node_modules/@types/estree": {
-			"version": "0.0.39",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
-			"integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+			"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
 			"dev": true
 		},
 		"node_modules/@types/express": {
@@ -5218,13 +5195,10 @@
 			}
 		},
 		"node_modules/@types/resolve": {
-			"version": "1.17.1",
-			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
-			"integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
-			"dev": true,
-			"dependencies": {
-				"@types/node": "*"
-			}
+			"version": "1.20.2",
+			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
+			"integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
+			"dev": true
 		},
 		"node_modules/@types/scheduler": {
 			"version": "0.16.2",
@@ -6658,6 +6632,64 @@
 				"node": ">=10.0.0"
 			}
 		},
+		"node_modules/@web/dev-server-rollup/node_modules/@rollup/plugin-node-resolve": {
+			"version": "13.3.0",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz",
+			"integrity": "sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==",
+			"dev": true,
+			"dependencies": {
+				"@rollup/pluginutils": "^3.1.0",
+				"@types/resolve": "1.17.1",
+				"deepmerge": "^4.2.2",
+				"is-builtin-module": "^3.1.0",
+				"is-module": "^1.0.0",
+				"resolve": "^1.19.0"
+			},
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^2.42.0"
+			}
+		},
+		"node_modules/@web/dev-server-rollup/node_modules/@rollup/pluginutils": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+			"integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+			"dev": true,
+			"dependencies": {
+				"@types/estree": "0.0.39",
+				"estree-walker": "^1.0.1",
+				"picomatch": "^2.2.2"
+			},
+			"engines": {
+				"node": ">= 8.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^1.20.0||^2.0.0"
+			}
+		},
+		"node_modules/@web/dev-server-rollup/node_modules/@types/estree": {
+			"version": "0.0.39",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+			"integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+			"dev": true
+		},
+		"node_modules/@web/dev-server-rollup/node_modules/@types/resolve": {
+			"version": "1.17.1",
+			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+			"integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
+			"dev": true,
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
+		"node_modules/@web/dev-server-rollup/node_modules/estree-walker": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+			"integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+			"dev": true
+		},
 		"node_modules/@web/dev-server-rollup/node_modules/rollup": {
 			"version": "2.79.1",
 			"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
@@ -9861,9 +9893,9 @@
 			}
 		},
 		"node_modules/estree-walker": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
-			"integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
 			"dev": true
 		},
 		"node_modules/esutils": {
@@ -15671,46 +15703,12 @@
 				"rollup": "^1.20.0 || ^2.0.0 || ^3.0.0"
 			}
 		},
-		"node_modules/rollup-plugin-esbuild/node_modules/@rollup/pluginutils": {
-			"version": "5.0.2",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
-			"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
-			"dev": true,
-			"dependencies": {
-				"@types/estree": "^1.0.0",
-				"estree-walker": "^2.0.2",
-				"picomatch": "^2.3.1"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			},
-			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0||^3.0.0"
-			},
-			"peerDependenciesMeta": {
-				"rollup": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/rollup-plugin-esbuild/node_modules/@types/estree": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
-			"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
-			"dev": true
-		},
 		"node_modules/rollup-plugin-esbuild/node_modules/es-module-lexer": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.0.tgz",
 			"integrity": "sha512-2BMfqBDeVCcOlLaL1ZAfp+D868SczNpKArrTM3dhpd7dK/OVlogzY15qpUngt+LMTq5UC/csb9vVQAgupucSbA==",
 			"dev": true
 		},
-		"node_modules/rollup-plugin-esbuild/node_modules/estree-walker": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-			"dev": true
-		},
 		"node_modules/rollup-plugin-url": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/rollup-plugin-url/-/rollup-plugin-url-3.0.1.tgz",
@@ -19907,56 +19905,31 @@
 			"dev": true,
 			"requires": {
 				"@rollup/pluginutils": "^5.0.1"
-			},
-			"dependencies": {
-				"@rollup/pluginutils": {
-					"version": "5.0.2",
-					"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
-					"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
-					"dev": true,
-					"requires": {
-						"@types/estree": "^1.0.0",
-						"estree-walker": "^2.0.2",
-						"picomatch": "^2.3.1"
-					}
-				},
-				"@types/estree": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
-					"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
-					"dev": true
-				},
-				"estree-walker": {
-					"version": "2.0.2",
-					"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-					"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-					"dev": true
-				}
 			}
 		},
 		"@rollup/plugin-node-resolve": {
-			"version": "13.3.0",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz",
-			"integrity": "sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==",
+			"version": "15.0.1",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz",
+			"integrity": "sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==",
 			"dev": true,
 			"requires": {
-				"@rollup/pluginutils": "^3.1.0",
-				"@types/resolve": "1.17.1",
+				"@rollup/pluginutils": "^5.0.1",
+				"@types/resolve": "1.20.2",
 				"deepmerge": "^4.2.2",
-				"is-builtin-module": "^3.1.0",
+				"is-builtin-module": "^3.2.0",
 				"is-module": "^1.0.0",
-				"resolve": "^1.19.0"
+				"resolve": "^1.22.1"
 			}
 		},
 		"@rollup/pluginutils": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
-			"integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+			"version": "5.0.2",
+			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+			"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
 			"dev": true,
 			"requires": {
-				"@types/estree": "0.0.39",
-				"estree-walker": "^1.0.1",
-				"picomatch": "^2.2.2"
+				"@types/estree": "^1.0.0",
+				"estree-walker": "^2.0.2",
+				"picomatch": "^2.3.1"
 			}
 		},
 		"@sinclair/typebox": {
@@ -21515,9 +21488,9 @@
 			"dev": true
 		},
 		"@types/estree": {
-			"version": "0.0.39",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
-			"integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+			"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
 			"dev": true
 		},
 		"@types/express": {
@@ -21806,13 +21779,10 @@
 			}
 		},
 		"@types/resolve": {
-			"version": "1.17.1",
-			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
-			"integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
-			"dev": true,
-			"requires": {
-				"@types/node": "*"
-			}
+			"version": "1.20.2",
+			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
+			"integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
+			"dev": true
 		},
 		"@types/scheduler": {
 			"version": "0.16.2",
@@ -23091,6 +23061,52 @@
 				"whatwg-url": "^11.0.0"
 			},
 			"dependencies": {
+				"@rollup/plugin-node-resolve": {
+					"version": "13.3.0",
+					"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz",
+					"integrity": "sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==",
+					"dev": true,
+					"requires": {
+						"@rollup/pluginutils": "^3.1.0",
+						"@types/resolve": "1.17.1",
+						"deepmerge": "^4.2.2",
+						"is-builtin-module": "^3.1.0",
+						"is-module": "^1.0.0",
+						"resolve": "^1.19.0"
+					}
+				},
+				"@rollup/pluginutils": {
+					"version": "3.1.0",
+					"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+					"integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+					"dev": true,
+					"requires": {
+						"@types/estree": "0.0.39",
+						"estree-walker": "^1.0.1",
+						"picomatch": "^2.2.2"
+					}
+				},
+				"@types/estree": {
+					"version": "0.0.39",
+					"resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+					"integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+					"dev": true
+				},
+				"@types/resolve": {
+					"version": "1.17.1",
+					"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+					"integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
+					"dev": true,
+					"requires": {
+						"@types/node": "*"
+					}
+				},
+				"estree-walker": {
+					"version": "1.0.1",
+					"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+					"integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+					"dev": true
+				},
 				"rollup": {
 					"version": "2.79.1",
 					"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
@@ -25540,9 +25556,9 @@
 			"dev": true
 		},
 		"estree-walker": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
-			"integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
 			"dev": true
 		},
 		"esutils": {
@@ -29890,34 +29906,11 @@
 				"jsonc-parser": "^3.2.0"
 			},
 			"dependencies": {
-				"@rollup/pluginutils": {
-					"version": "5.0.2",
-					"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
-					"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
-					"dev": true,
-					"requires": {
-						"@types/estree": "^1.0.0",
-						"estree-walker": "^2.0.2",
-						"picomatch": "^2.3.1"
-					}
-				},
-				"@types/estree": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
-					"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
-					"dev": true
-				},
 				"es-module-lexer": {
 					"version": "1.2.0",
 					"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.0.tgz",
 					"integrity": "sha512-2BMfqBDeVCcOlLaL1ZAfp+D868SczNpKArrTM3dhpd7dK/OVlogzY15qpUngt+LMTq5UC/csb9vVQAgupucSbA==",
 					"dev": true
-				},
-				"estree-walker": {
-					"version": "2.0.2",
-					"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-					"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-					"dev": true
 				}
 			}
 		},

src/Umbraco.Web.UI.Client/package.json

@@ -28,7 +28,7 @@
 	"scripts": {
 		"dev": "vite",
 		"build": "tsc && vite build --mode staging",
-		"build:libs": "rollup -c rollup-libs.config.js && node utils/move-libs.js",
+		"build:libs": "npm run wc-analyze && npm run wc-analyze:vscode && rollup -c rollup-libs.config.js && node utils/move-libs.js",
 		"build:for:static": "tsc && vite build",
 		"build:for:cms": "tsc && vite build -c vite.cms.config.ts && npm run build:libs",
 		"build:for:cms:watch": "vite build -c vite.cms.config.ts --watch",
@@ -50,6 +50,7 @@
 		"build-storybook": "npm run wc-analyze && storybook build",
 		"generate:icons": "node ./devops/icons/index.js",
 		"wc-analyze": "wca **/*.element.ts --outFile custom-elements.json",
+		"wc-analyze:vscode": "wca **/*.element.ts --format vscode --outFile vscode-html-custom-data.json",
 		"new-extension": "plop  --plopfile ./devops/plop/plop.js",
 		"compile": "tsc",
 		"check": "npm run lint && npm run compile && npm run build-storybook"
@@ -75,6 +76,7 @@
 		"@open-wc/testing": "^3.1.7",
 		"@playwright/test": "^1.30.0",
 		"@rollup/plugin-json": "^6.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.1",
 		"@storybook/addon-a11y": "^7.0.0-rc.3",
 		"@storybook/addon-actions": "^7.0.0-rc.3",
 		"@storybook/addon-essentials": "^7.0.0-rc.3",

src/Umbraco.Web.UI.Client/utils/move-libs.js

@@ -10,8 +10,12 @@
 // Note: This script is not used in the build process, it is only used to transform the d.ts files
 //       when the d.ts files are copied to the dist folder
 
+// Note: Updated to help copy the two JSON files generated from webcomponant analyzer tool
+// One is specific to VSCode HTMLCutomData for intellisense and the other is a more broad format used in storybook etc
+
 import { readdirSync, readFileSync, writeFileSync, cpSync, mkdirSync } from 'fs';
 
+const rootDir = './';
 const srcDir = './libs';
 const inputDir = './dist/libs';
 const outputDir = '../Umbraco.Cms.StaticAssets/wwwroot/umbraco/backoffice/libs';
@@ -19,6 +23,8 @@ const outputDir = '../Umbraco.Cms.StaticAssets/wwwroot/umbraco/backoffice/libs';
 // Copy package files
 cpSync(`${srcDir}/package.json`, `${inputDir}/package.json`, { recursive: true });
 cpSync(`${srcDir}/README.md`, `${inputDir}/README.md`, { recursive: true });
+cpSync(`${rootDir}/custom-elements.json`, `${inputDir}/custom-elements.json`, { recursive: true });
+cpSync(`${rootDir}/vscode-html-custom-data.json`, `${inputDir}/vscode-html-custom-data.json`, { recursive: true });
 
 const libs = readdirSync(inputDir);