@seamly/web-ui 23.0.6-alpha.2 → 23.0.6

package/build/dist/lib/style-guide.js

@@ -5581,7 +5581,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "23.0.6-alpha.2",
+      clientVersion: "23.0.6",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -22910,7 +22910,7 @@ class ExternalApi {
   constructor(appConfig) {
     this._waitingActions = [];
     this._instances = {};
-    this.timeoutId = undefined;
+    this.timeouts = {};
     this.appConfig = appConfig;
     this.context = {};
   }
@@ -23020,10 +23020,7 @@ class ExternalApi {
       this._instances[config.namespace] = instance;
       // Clear the context after creating the instance, so we do not reuse it for the next
       this.context = {};
-      window.clearTimeout(this.timeoutId);
-      this.timeoutId = window.setTimeout(() => {
-        instance.render();
-      }, 60);
+      this.debouncedRender(instance, config.namespace);
     }
   }
   handleDestroy(actionObj) {
@@ -23050,6 +23047,17 @@ class ExternalApi {
   createInstance(config) {
     return new Engine(config, this);
   }
+
+  /**
+   * @param {Engine} instance
+   * @param {string} namespace
+   */
+  debouncedRender(instance, namespace) {
+    window.clearTimeout(this.timeouts[namespace]);
+    this.timeouts[namespace] = window.setTimeout(() => {
+      instance.render();
+    }, 100);
+  }
   destroy(instance) {
     if (!instance) {
       Object.entries(this._instances).forEach(([namespace, _instance]) => {