@energy8platform/game-engine 0.14.0 → 0.14.2

package/dist/index.d.ts

@@ -1355,6 +1355,7 @@ declare class FlexContainer extends Container {
     /** @internal */ _rawHeight: number | string;
     private _layoutChildren;
     private _layoutDirty;
+    private _layoutSuspended;
     constructor(config?: FlexContainerConfig);
     /** Add a child with optional flex config. Also registers in flex layout. */
     addFlexChild(child: Container, flexConfig?: FlexItemConfig): this;
@@ -1367,9 +1368,14 @@ declare class FlexContainer extends Container {
      * This enables declarative usage from React JSX.
      */
     addChild<T extends Container>(...children: T[]): T;
+    addChildAt<T extends Container>(child: T, index: number): T;
     removeChild<T extends Container>(...children: T[]): T;
     /** Get all flex layout children (read-only) */
     get flexChildren(): readonly Container[];
+    /** Suspend automatic layout recalculation. Call resumeLayout() to flush. */
+    suspendLayout(): void;
+    /** Resume automatic layout and flush if dirty. */
+    resumeLayout(): void;
     /** Update the container size and recalculate layout */
     resize(width: number, height: number): void;
     /** Update layout direction */

package/dist/index.esm.js

@@ -3150,6 +3150,7 @@ class FlexContainer extends Container {
     /** @internal */ _rawHeight;
     _layoutChildren = [];
     _layoutDirty = true;
+    _layoutSuspended = false;
     constructor(config = {}) {
         super();
         this._config = {
@@ -3211,7 +3212,19 @@ class FlexContainer extends Container {
             }
         }
         const result = super.addChild(...children);
-        if (this._layoutDirty)
+        if (this._layoutDirty && !this._layoutSuspended)
+            this.updateLayout();
+        return result;
+    }
+    addChildAt(child, index) {
+        if (!this._layoutChildren.includes(child)) {
+            // Insert into layout children at matching position
+            const layoutIndex = Math.min(index, this._layoutChildren.length);
+            this._layoutChildren.splice(layoutIndex, 0, child);
+            this._layoutDirty = true;
+        }
+        const result = super.addChildAt(child, index);
+        if (this._layoutDirty && !this._layoutSuspended)
             this.updateLayout();
         return result;
     }
@@ -3229,6 +3242,16 @@ class FlexContainer extends Container {
     get flexChildren() {
         return this._layoutChildren;
     }
+    /** Suspend automatic layout recalculation. Call resumeLayout() to flush. */
+    suspendLayout() {
+        this._layoutSuspended = true;
+    }
+    /** Resume automatic layout and flush if dirty. */
+    resumeLayout() {
+        this._layoutSuspended = false;
+        if (this._layoutDirty)
+            this.updateLayout();
+    }
     /** Update the container size and recalculate layout */
     resize(width, height) {
         this._explicitWidth = width;