1.0.8

package-lock.json

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

package.json

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

ts/csstools.elementbasicsetup.ts

@@ -14,11 +14,16 @@ export const elementBasicSetup = async () => {
     // lets make sure the dom is ready
     const documentReady = defer();
     document.onreadystatechange = () => {
-      if (document.readyState === 'interactive') {
+      if (document.readyState === 'interactive' || document.readyState === 'complete') {
+        console.log('elementBasicSetup: element basic setup complete')
         documentReady.resolve();
+      } else {
+        console.log('elementBasicSetup: document not yet ready');
       }
     };
+    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');