fix(CustomStateSet): added to window and will throw illegal constructor by default

Author: calebdwilliams

Diff for: package.json

@@ -10,7 +10,7 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "pretest": "npm run build",
-    "test": "web-test-runner test/*.test.js --node-resolve --playwright --browsers chromium firefox webkit",
+    "test": "web-test-runner test/*.test.* --node-resolve --playwright --browsers chromium firefox webkit",
     "test:watch": "npm run test -- --watch",
     "test:coverage": "npm run test -- --coverage",
     "start": "rollup -c --watch --environment BUILD:dev",

Diff for: src/CustomStateSet.ts

@@ -6,6 +6,9 @@ const customStateMap = new WeakMap<CustomStateSet, ICustomElement>();
 export class CustomStateSet extends Set<string> {
   constructor(ref: ICustomElement) {
     super();
+    if (!ref || !ref.tagName || ref.tagName.indexOf('-') === -1) {
+      throw new TypeError('Illegal constructor');
+    }
 
     customStateMap.set(this, ref);
   }

Diff for: src/element-internals.ts

@@ -248,6 +248,10 @@ declare global {
   }
 }
 
+if (!window.CustomStateSet) {
+  window.CustomStateSet = CustomStateSet;
+}
+
 if (!window.ElementInternals) {
   window.ElementInternals = ElementInternals;
 

Diff for: src/index.ts

@@ -1,9 +1,11 @@
 import { ElementInternals } from './element-internals';
 import './element-internals';
+import { CustomStateSet } from './CustomStateSet';
 export * from './types';
 
 declare global {
   interface Window {
+    CustomStateSet: typeof CustomStateSet;
     ElementInternals: typeof ElementInternals;
   }
   interface Element {