1.0.9

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "private": false,
   "description": "tools to simplify complex css structures",
   "main": "dist_ts/index.js",

ts/domtools.classes.domtools.ts

@@ -0,0 +1,5 @@
+export class DeesDomTools {
+  public static createDomTools = () => {
+    globalThis.deesDomTools = new DeesDomTools();
+  }
+}

ts/domtools.elementbasicsetup.ts

@@ -13,12 +13,18 @@ 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();
+      } else {
+        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!');
 
     // lets get started
     const head = document.querySelector('head');

ts/index.ts

@@ -1,7 +1,7 @@
-export * from './csstools.elementbasicsetup';
+export * from './domtools.elementbasicsetup';
-export * from './csstools.elementbasicstyles';
+export * from './domtools.elementbasicstyles';
 
-import * as breakpoints from './csstools.breakpoints';
+import * as breakpoints from './domtools.breakpoints';
 
 export {
   breakpoints