bigpipe-util 0.2.6 → 0.2.7

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to `bigpipe-util` will be documented in this file.
 
 Updates should follow the [Keep a CHANGELOG](http://keepachangelog.com/) principles.
 
+## v0.2.7 - 2025-03-22
+
+### Added
+- Added `timeout` to open dialog with a delay
+
 ## v0.2.6 - 2025-01-16
 
 ### Added

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bigpipe-util",
   "description": "This library currently implements small part of Facebook BigPipe so far, but the advantage is to efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP.",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "keywords": [
     "bigpipe",
     "xhr",

package/src/core/Dialog.js

@@ -42,18 +42,26 @@ export default class Dialog {
 
     dialogId++;
 
-    const dialog = this._show({
-      el: document.getElementById(this.id),
-      animate: options.animate !== null && options.animate !== undefined ? options.animate : false,
-      keyboard: options.keyboard !== null && options.keyboard !== undefined ? options.keyboard : true,
-      backdrop: options.backdrop !== null && options.backdrop !== undefined ? options.backdrop : true,
-      transition: options.transition !== null && options.transition !== undefined ? options.transition : 0,
-      backdropTransition: options.backdropTransition !== null && options.backdropTransition !== undefined ? options.backdropTransition : 0,
-    }, options.controller, args);
-
-    stack.push(dialog);
+    const renderDialog = () => {
+      const dialog = this._show({
+        el: document.getElementById(this.id),
+        animate: options.animate !== null && options.animate !== undefined ? options.animate : false,
+        keyboard: options.keyboard !== null && options.keyboard !== undefined ? options.keyboard : true,
+        backdrop: options.backdrop !== null && options.backdrop !== undefined ? options.backdrop : true,
+        transition: options.transition !== null && options.transition !== undefined ? options.transition : 0,
+        backdropTransition: options.backdropTransition !== null && options.backdropTransition !== undefined ? options.backdropTransition : 0,
+      }, options.controller, args);
+
+      stack.push(dialog);
+
+      return dialog;
+    };
+
+    if (options.timeout && typeof options.timeout === 'number') {
+      return new Promise(resolve => setTimeout(() => resolve(renderDialog()), options.timeout));
+    }
 
-    return dialog;
+    return renderDialog();
   }
 
   showFromModel(model, args) {