bigpipe-util 0.2.7 → 0.2.8

package/CHANGELOG.md

@@ -4,10 +4,15 @@ 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.8 - 2025-05-02
+
+### Added
+- Added `timeout` to open dialog with a delay in method `showFromModel`
+
 ## v0.2.7 - 2025-03-22
 
 ### Added
-- Added `timeout` to open dialog with a delay
+- Added `timeout` to open dialog with a delay in method `render`
 
 ## v0.2.6 - 2025-01-16
 

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.7",
+  "version": "0.2.8",
   "keywords": [
     "bigpipe",
     "xhr",

package/src/core/Dialog.js

@@ -8,7 +8,7 @@ let dialogId = 1;
 let zIndex;
 let originalBodyPad = null;
 
-Modal.prototype._handleKeydownEvent = function(event) {
+Modal.prototype._handleKeydownEvent = function (event) {
   if (event.which === 27 && this._options.keyboard) {
     const currentModal = stack[stack.length - 1];
     if (currentModal.el.isEqualNode(this.el)) {
@@ -52,9 +52,7 @@ export default class Dialog {
         backdropTransition: options.backdropTransition !== null && options.backdropTransition !== undefined ? options.backdropTransition : 0,
       }, options.controller, args);
 
-      stack.push(dialog);
-
-      return dialog;
+      return stack.push(dialog);
     };
 
     if (options.timeout && typeof options.timeout === 'number') {
@@ -65,20 +63,26 @@ export default class Dialog {
   }
 
   showFromModel(model, args) {
-    const dialog = this._show({
-      title: model.title || '',
-      content: model.body,
-      footer: model.footer || false,
-      animate: model.animate !== null && model.animate !== undefined ? model.animate : false,
-      keyboard: model.keyboard !== null && model.keyboard !== undefined ? model.keyboard : true,
-      backdrop: model.backdrop !== null && model.backdrop !== undefined ? model.backdrop : true,
-      transition: model.transition !== null && model.transition !== undefined ? model.transition : 0,
-      backdropTransition: model.backdropTransition !== null && model.backdropTransition !== undefined ? model.backdropTransition : 0,
-    }, model.controller, args);
-
-    stack.push(dialog);
-
-    return dialog;
+    const renderDialog = () => {
+      const dialog = this._show({
+        title: model.title || '',
+        content: model.body,
+        footer: model.footer || false,
+        animate: model.animate !== null && model.animate !== undefined ? model.animate : false,
+        keyboard: model.keyboard !== null && model.keyboard !== undefined ? model.keyboard : true,
+        backdrop: model.backdrop !== null && model.backdrop !== undefined ? model.backdrop : true,
+        transition: model.transition !== null && model.transition !== undefined ? model.transition : 0,
+        backdropTransition: model.backdropTransition !== null && model.backdropTransition !== undefined ? model.backdropTransition : 0,
+      }, model.controller, args);
+
+      return stack.push(dialog);
+    };
+
+    if (model.timeout && typeof model.timeout === 'number') {
+      return new Promise(resolve => setTimeout(() => resolve(renderDialog()), model.timeout));
+    }
+
+    return renderDialog();
   }
 
   _show(options, controller, args) {