diff --git a/ts/csstools.breakpoints.ts b/ts/domtools.breakpoints.ts
similarity index 100%
rename from ts/csstools.breakpoints.ts
rename to ts/domtools.breakpoints.ts
diff --git a/ts/domtools.classes.domtools.ts b/ts/domtools.classes.domtools.ts
new file mode 100644
index 0000000..ecf8592
--- /dev/null
+++ b/ts/domtools.classes.domtools.ts
@@ -0,0 +1,5 @@
+export class DeesDomTools {
+  public static createDomTools = () => {
+    globalThis.deesDomTools = new DeesDomTools();
+  }
+}
\ No newline at end of file
diff --git a/ts/csstools.elementbasicsetup.ts b/ts/domtools.elementbasicsetup.ts
similarity index 93%
rename from ts/csstools.elementbasicsetup.ts
rename to ts/domtools.elementbasicsetup.ts
index ff7e772..6cfcd2d 100644
--- a/ts/csstools.elementbasicsetup.ts
+++ b/ts/domtools.elementbasicsetup.ts
@@ -13,7 +13,7 @@ export const elementBasicSetup = async () => {
 
     // lets make sure the dom is ready
     const documentReady = defer();
-    document.onreadystatechange = () => {
+    const readyStateChangedFunc = () => {
       if (document.readyState === 'interactive' || document.readyState === 'complete') {
         console.log('elementBasicSetup: element basic setup complete')
         documentReady.resolve();
@@ -21,6 +21,7 @@ export const elementBasicSetup = async () => {
         console.log('elementBasicSetup: document not yet ready');
       }
     };
+    document.addEventListener('readystatechange', readyStateChangedFunc);
     console.log('elementBasicSetup: waiting for document to be ready');
     await documentReady.promise;
     console.log('elementBasicSetup: document ready!');
diff --git a/ts/csstools.elementbasicstyles.ts b/ts/domtools.elementbasicstyles.ts
similarity index 100%
rename from ts/csstools.elementbasicstyles.ts
rename to ts/domtools.elementbasicstyles.ts
diff --git a/ts/index.ts b/ts/index.ts
index df6fa3e..c17dc38 100644
--- a/ts/index.ts
+++ b/ts/index.ts
@@ -1,7 +1,7 @@
-export * from './csstools.elementbasicsetup';
-export * from './csstools.elementbasicstyles';
+export * from './domtools.elementbasicsetup';
+export * from './domtools.elementbasicstyles';
 
-import * as breakpoints from './csstools.breakpoints';
+import * as breakpoints from './domtools.breakpoints';
 
 export {
   breakpoints