@energy8platform/game-engine 0.14.2 → 0.14.4

package/dist/index.cjs.js

@@ -3258,7 +3258,8 @@ class FlexContainer extends pixi_js.Container {
         this._explicitWidth = width;
         this._explicitHeight = height;
         this._layoutDirty = true;
-        this.updateLayout();
+        if (!this._layoutSuspended)
+            this.updateLayout();
     }
     /** Update layout direction */
     setDirection(direction) {
@@ -3291,6 +3292,10 @@ class FlexContainer extends pixi_js.Container {
      * adding/removing children without resize.
      */
     updateLayout() {
+        if (this._layoutSuspended) {
+            this._layoutDirty = true;
+            return;
+        }
         this._layoutDirty = false;
         const { direction, justifyContent, alignItems, gap, flexWrap, alignContent } = this._config;
         const [pt, pr, pb, pl] = this._padding;
@@ -3499,11 +3504,12 @@ class FlexContainer extends pixi_js.Container {
                 this._explicitWidth = typeof w === 'number' ? w : 0;
                 this._explicitHeight = typeof h === 'number' ? h : 0;
                 this._layoutDirty = true;
-                this.updateLayout();
+                if (!this._layoutSuspended)
+                    this.updateLayout();
             }
             return;
         }
-        if (this._layoutDirty)
+        if (this._layoutDirty && !this._layoutSuspended)
             this.updateLayout();
     }
     destroy(options) {
@@ -4086,6 +4092,14 @@ class Panel extends pixi_js.Container {
     get content() {
         return this._content;
     }
+    /** Suspend content layout recalculation. Call resumeLayout() to flush. */
+    suspendLayout() {
+        this._content.suspendLayout();
+    }
+    /** Resume content layout and flush if dirty. */
+    resumeLayout() {
+        this._content.resumeLayout();
+    }
     /** Convenience: add a child to the content layout */
     addContent(child) {
         this._content.addFlexChild(child);
@@ -4389,6 +4403,7 @@ class Modal extends pixi_js.Container {
     _contentContainer;
     _config;
     _showing = false;
+    _internalSetup = true;
     /** Called when the modal is closed */
     onClose;
     constructor(config = {}) {
@@ -4410,11 +4425,34 @@ class Modal extends pixi_js.Container {
         this._contentContainer = new pixi_js.Container();
         this.addChild(this._contentContainer);
         this.visible = false;
+        this._internalSetup = false;
     }
     /** Content container — add your UI here */
     get content() {
         return this._contentContainer;
     }
+    /**
+     * Override addChild so external children are routed to _contentContainer.
+     * Enables `<modal><flexContainer>...</flexContainer></modal>` in React JSX.
+     */
+    addChild(...children) {
+        if (this._internalSetup) {
+            return super.addChild(...children);
+        }
+        for (const child of children) {
+            this._contentContainer.addChild(child);
+        }
+        return children[0];
+    }
+    removeChild(...children) {
+        if (this._internalSetup) {
+            return super.removeChild(...children);
+        }
+        for (const child of children) {
+            this._contentContainer.removeChild(child);
+        }
+        return children[0];
+    }
     /** Whether the modal is currently showing */
     get isShowing() {
         return this._showing;