Adding an isReady method.

DripEmail · Dec 12, 2023 · 2040784 · 2040784
1 parent 7da199d
commit 2040784
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/dist/much-select-debug.js b/dist/much-select-debug.js
@@ -219,6 +219,8 @@ class MuchSelect extends HTMLElement {
   constructor() {
     super();
 
+    this._isReady = false;
+
     /**
      * Used in the CSS and elsewhere to determine what the
      *  minimum width should be.
@@ -381,6 +383,7 @@ class MuchSelect extends HTMLElement {
         window.requestAnimationFrame(() => {
           this.dispatchEvent(new CustomEvent("ready", { bubbles: true }));
           this.dispatchEvent(new CustomEvent("muchSelectReady"));
+          this._isReady = true;
         });
       }),
     );
@@ -2003,6 +2006,20 @@ class MuchSelect extends HTMLElement {
       }
     });
   }
+
+  async isReady(count = 0) {
+    // return if this._isReady is true, if not wait a bit and then check 3 more times.
+    if (this._isReady) {
+      return true;
+    }
+    if (count < 3) {
+      await new Promise((resolve) => {
+        setTimeout(resolve, 100);
+      });
+      return this.isReady(count + 1);
+    }
+    return false;
+  }
 }
 
 // noinspection JSUnusedGlobalSymbols

diff --git a/dist/much-select.js b/dist/much-select.js
@@ -219,6 +219,8 @@ class MuchSelect extends HTMLElement {
   constructor() {
     super();
 
+    this._isReady = false;
+
     /**
      * Used in the CSS and elsewhere to determine what the
      *  minimum width should be.
@@ -381,6 +383,7 @@ class MuchSelect extends HTMLElement {
         window.requestAnimationFrame(() => {
           this.dispatchEvent(new CustomEvent("ready", { bubbles: true }));
           this.dispatchEvent(new CustomEvent("muchSelectReady"));
+          this._isReady = true;
         });
       }),
     );
@@ -2003,6 +2006,20 @@ class MuchSelect extends HTMLElement {
       }
     });
   }
+
+  async isReady(count = 0) {
+    // return if this._isReady is true, if not wait a bit and then check 3 more times.
+    if (this._isReady) {
+      return true;
+    }
+    if (count < 3) {
+      await new Promise((resolve) => {
+        setTimeout(resolve, 100);
+      });
+      return this.isReady(count + 1);
+    }
+    return false;
+  }
 }
 
 // noinspection JSUnusedGlobalSymbols

diff --git a/src/much-select.js b/src/much-select.js
@@ -217,6 +217,8 @@ class MuchSelect extends HTMLElement {
   constructor() {
     super();
 
+    this._isReady = false;
+
     /**
      * Used in the CSS and elsewhere to determine what the
      *  minimum width should be.
@@ -379,6 +381,7 @@ class MuchSelect extends HTMLElement {
         window.requestAnimationFrame(() => {
           this.dispatchEvent(new CustomEvent("ready", { bubbles: true }));
           this.dispatchEvent(new CustomEvent("muchSelectReady"));
+          this._isReady = true;
         });
       }),
     );
@@ -2001,6 +2004,20 @@ class MuchSelect extends HTMLElement {
       }
     });
   }
+
+  async isReady(count = 0) {
+    // return if this._isReady is true, if not wait a bit and then check 3 more times.
+    if (this._isReady) {
+      return true;
+    }
+    if (count < 3) {
+      await new Promise((resolve) => {
+        setTimeout(resolve, 100);
+      });
+      return this.isReady(count + 1);
+    }
+    return false;
+  }
 }
 
 // noinspection JSUnusedGlobalSymbols