brick-engine-js 1.0.21 → 1.0.23

package/dist/docs/reference/interfaces/modules/Grid.html

@@ -443,41 +443,43 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <div id="toc" class="toc2">
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
-<li><a href="#properties">1. Properties</a></li>
-<li><a href="#methods">2. Methods</a>
+<li><a href="#architectural-purpose">1. Architectural Purpose</a></li>
+<li><a href="#properties">2. Properties</a></li>
+<li><a href="#methods">3. Methods</a>
 <ul class="sectlevel2">
-<li><a href="#getgrid-cell">2.1. <code>getGrid(): Cell[][]</code></a></li>
-<li><a href="#resetgrid-void">2.2. <code>resetGrid(): void</code></a></li>
-<li><a href="#foreachcallback-cell-cell-void-void">2.3. <code>forEach(callback: (cell: Cell) &#8658; void): void</code></a></li>
-<li><a href="#isvalidcoordinatecoordinate-coordinate-boolean">2.4. <code>isValidCoordinate(coordinate: Coordinate): boolean</code></a></li>
-<li><a href="#getcellcoordinate-coordinate-cell-null">2.5. <code>getCell(coordinate: Coordinate): Cell | null</code></a></li>
-<li><a href="#setcellvaluecoordinate-coordinate-value-number-void">2.6. <code>setCellValue(coordinate: Coordinate, value: number): void</code></a></li>
-<li><a href="#setcellcolorcoordinate-coordinate-color-color-void">2.7. <code>setCellColor(coordinate: Coordinate, color: Color): void</code></a></li>
-<li><a href="#iscellactivecoordinate-coordinate-boolean">2.8. <code>isCellActive(coordinate: Coordinate): boolean</code></a></li>
-<li><a href="#iscellinactivecoordinate-coordinate-boolean">2.9. <code>isCellInactive(coordinate: Coordinate): boolean</code></a></li>
-<li><a href="#isrowfully-number-boolean">2.10. <code>isRowFull(y: number): boolean</code></a></li>
-<li><a href="#isrowemptyy-number-boolean">2.11. <code>isRowEmpty(y: number): boolean</code></a></li>
-<li><a href="#clearrowy-number-void">2.12. <code>clearRow(y: number): void</code></a></li>
-<li><a href="#shiftrowsdownfromy-number-void">2.13. <code>shiftRowsDown(fromY: number): void</code></a></li>
-<li><a href="#shiftrowsupfromy-number-void">2.14. <code>shiftRowsUp(fromY: number): void</code></a></li>
-<li><a href="#clearfullrows-number">2.15. <code>clearFullRows(): number</code></a></li>
-<li><a href="#iscolumnfullx-number-boolean">2.16. <code>isColumnFull(x: number): boolean</code></a></li>
-<li><a href="#iscolumnemptyx-number-boolean">2.17. <code>isColumnEmpty(x: number): boolean</code></a></li>
-<li><a href="#clearcolumnx-number-void">2.18. <code>clearColumn(x: number): void</code></a></li>
-<li><a href="#shiftcolumnsrightfromx-number-void">2.19. <code>shiftColumnsRight(fromX: number): void</code></a></li>
-<li><a href="#shiftcolumnsleftfromx-number-void">2.20. <code>shiftColumnsLeft(fromX: number): void</code></a></li>
-<li><a href="#clearfullcolumns-number">2.21. <code>clearFullColumns(): number</code></a></li>
-<li><a href="#isareaoccupiedcoordinates-coordinate-boolean">2.22. <code>isAreaOccupied(coordinates: Coordinate[]): boolean</code></a></li>
-<li><a href="#fillareastart-coordinate-end-coordinate-value-number-color-color-void">2.23. <code>fillArea(start: Coordinate, end: Coordinate, value: number, color: Color): void</code></a></li>
-<li><a href="#stamppiececoordinates-coordinate-value-number-color-color-void">2.24. <code>stampPiece(coordinates: Coordinate[], value: number, color: Color): void</code></a></li>
+<li><a href="#getgrid-cell">3.1. <code>getGrid(): Cell[][]</code></a></li>
+<li><a href="#resetgrid-void">3.2. <code>resetGrid(): void</code></a></li>
+<li><a href="#foreachcallback-cell-cell-void-void">3.3. <code>forEach(callback: (cell: Cell) &#8658; void): void</code></a></li>
+<li><a href="#iscoordinatevalidcoordinate-coordinate-boolean">3.4. <code>isCoordinateValid(coordinate: Coordinate): boolean</code></a></li>
+<li><a href="#getcellcoordinate-coordinate-cell-null">3.5. <code>getCell(coordinate: Coordinate): Cell | null</code></a></li>
+<li><a href="#setcellvaluecoordinate-coordinate-value-number-void">3.6. <code>setCellValue(coordinate: Coordinate, value: number): void</code></a></li>
+<li><a href="#setcellcolorcoordinate-coordinate-color-color-void">3.7. <code>setCellColor(coordinate: Coordinate, color: Color): void</code></a></li>
+<li><a href="#iscellactivecoordinate-coordinate-boolean">3.8. <code>isCellActive(coordinate: Coordinate): boolean</code></a></li>
+<li><a href="#iscellinactivecoordinate-coordinate-boolean">3.9. <code>isCellInactive(coordinate: Coordinate): boolean</code></a></li>
+<li><a href="#isrowfully-number-boolean">3.10. <code>isRowFull(y: number): boolean</code></a></li>
+<li><a href="#isrowemptyy-number-boolean">3.11. <code>isRowEmpty(y: number): boolean</code></a></li>
+<li><a href="#clearrowy-number-void">3.12. <code>clearRow(y: number): void</code></a></li>
+<li><a href="#shiftrowsdownfromy-number-void">3.13. <code>shiftRowsDown(fromY: number): void</code></a></li>
+<li><a href="#shiftrowsupfromy-number-void">3.14. <code>shiftRowsUp(fromY: number): void</code></a></li>
+<li><a href="#clearfullrows-number">3.15. <code>clearFullRows(): number</code></a></li>
+<li><a href="#iscolumnfullx-number-boolean">3.16. <code>isColumnFull(x: number): boolean</code></a></li>
+<li><a href="#iscolumnemptyx-number-boolean">3.17. <code>isColumnEmpty(x: number): boolean</code></a></li>
+<li><a href="#clearcolumnx-number-void">3.18. <code>clearColumn(x: number): void</code></a></li>
+<li><a href="#shiftcolumnsrightfromx-number-void">3.19. <code>shiftColumnsRight(fromX: number): void</code></a></li>
+<li><a href="#shiftcolumnsleftfromx-number-void">3.20. <code>shiftColumnsLeft(fromX: number): void</code></a></li>
+<li><a href="#clearfullcolumns-number">3.21. <code>clearFullColumns(): number</code></a></li>
+<li><a href="#isareaoccupiedcoordinates-coordinate-boolean">3.22. <code>isAreaOccupied(coordinates: Coordinate[]): boolean</code></a></li>
+<li><a href="#fillareastart-coordinate-end-coordinate-value-number-color-color-void">3.23. <code>fillArea(start: Coordinate, end: Coordinate, value: number, color: Color): void</code></a></li>
+<li><a href="#stamppiececoordinates-coordinate-value-number-color-color-void">3.24. <code>stampPiece(coordinates: Coordinate[], value: number, color: Color): void</code></a></li>
 </ul>
 </li>
-<li><a href="#general-usage">3. General Usage</a></li>
+<li><a href="#general-usage">4. General Usage</a></li>
 </ul>
 </div>
 </div>
 <div id="content">
-<div id="preamble">
+<div class="sect1">
+<h2 id="architectural-purpose"><a class="link" href="#architectural-purpose">1. Architectural Purpose</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Interface defining the behaviors of a 2D grid of cells.</p>
@@ -485,7 +487,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="properties"><a class="link" href="#properties">1. Properties</a></h2>
+<h2 id="properties"><a class="link" href="#properties">2. Properties</a></h2>
 <div class="sectionbody">
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
@@ -509,15 +511,35 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <td class="tableblock halign-left valign-top"><p class="tableblock"><code>number</code></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">The number of rows in the grid.</p></td>
 </tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>topRow</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The index of the top-most row (always 0).</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>bottomRow</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The index of the bottom-most row (<code>height - 1</code>).</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>leftColumn</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The index of the left-most column (always 0).</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>rightColumn</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The index of the right-most column (<code>width - 1</code>).</p></td>
+</tr>
 </tbody>
 </table>
 </div>
 </div>
 <div class="sect1">
-<h2 id="methods"><a class="link" href="#methods">2. Methods</a></h2>
+<h2 id="methods"><a class="link" href="#methods">3. Methods</a></h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="getgrid-cell"><a class="link" href="#getgrid-cell">2.1. <code>getGrid(): <a href="../../types/Cell.html">Cell</a>[][]</code></a></h3>
+<h3 id="getgrid-cell"><a class="link" href="#getgrid-cell">3.1. <code>getGrid(): <a href="../../types/Cell.html">Cell</a>[][]</code></a></h3>
 <div class="paragraph">
 <p>Returns the raw 2D array of <code><a href="../../types/Cell.html">Cell</a></code> objects representing the grid state.</p>
 </div>
@@ -530,14 +552,14 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="resetgrid-void"><a class="link" href="#resetgrid-void">2.2. <code>resetGrid(): void</code></a></h3>
+<h3 id="resetgrid-void"><a class="link" href="#resetgrid-void">3.2. <code>resetGrid(): void</code></a></h3>
 <div class="paragraph">
 <p>Clears all cell values and resets colors to <code><a href="../../enums/Color.html">DEFAULT</a></code>.</p>
 </div>
 <hr>
 </div>
 <div class="sect2">
-<h3 id="foreachcallback-cell-cell-void-void"><a class="link" href="#foreachcallback-cell-cell-void-void">2.3. <code>forEach(callback: (cell: <a href="../../types/Cell.html">Cell</a>) &#8658; void): void</code></a></h3>
+<h3 id="foreachcallback-cell-cell-void-void"><a class="link" href="#foreachcallback-cell-cell-void-void">3.3. <code>forEach(callback: (cell: <a href="../../types/Cell.html">Cell</a>) &#8658; void): void</code></a></h3>
 <div class="paragraph">
 <p>Iterates over every cell in the grid, executing the provided callback.</p>
 </div>
@@ -566,7 +588,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="isvalidcoordinatecoordinate-coordinate-boolean"><a class="link" href="#isvalidcoordinatecoordinate-coordinate-boolean">2.4. <code>isValidCoordinate(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): boolean</code></a></h3>
+<h3 id="iscoordinatevalidcoordinate-coordinate-boolean"><a class="link" href="#iscoordinatevalidcoordinate-coordinate-boolean">3.4. <code>isCoordinateValid(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if the given coordinate falls within the grid boundaries.</p>
 </div>
@@ -601,7 +623,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="getcellcoordinate-coordinate-cell-null"><a class="link" href="#getcellcoordinate-coordinate-cell-null">2.5. <code>getCell(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): <a href="../../types/Cell.html">Cell</a> | null</code></a></h3>
+<h3 id="getcellcoordinate-coordinate-cell-null"><a class="link" href="#getcellcoordinate-coordinate-cell-null">3.5. <code>getCell(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): <a href="../../types/Cell.html">Cell</a> | null</code></a></h3>
 <div class="paragraph">
 <p>Retrieves the <code><a href="../../types/Cell.html">Cell</a></code> object at the specified coordinate.</p>
 </div>
@@ -636,7 +658,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="setcellvaluecoordinate-coordinate-value-number-void"><a class="link" href="#setcellvaluecoordinate-coordinate-value-number-void">2.6. <code>setCellValue(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>, value: number): void</code></a></h3>
+<h3 id="setcellvaluecoordinate-coordinate-value-number-void"><a class="link" href="#setcellvaluecoordinate-coordinate-value-number-void">3.6. <code>setCellValue(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>, value: number): void</code></a></h3>
 <div class="paragraph">
 <p>Updates the numeric value of the cell at the given coordinate.</p>
 </div>
@@ -670,7 +692,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="setcellcolorcoordinate-coordinate-color-color-void"><a class="link" href="#setcellcolorcoordinate-coordinate-color-color-void">2.7. <code>setCellColor(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>, color: <a href="../../enums/Color.html">Color</a>): void</code></a></h3>
+<h3 id="setcellcolorcoordinate-coordinate-color-color-void"><a class="link" href="#setcellcolorcoordinate-coordinate-color-color-void">3.7. <code>setCellColor(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>, color: <a href="../../enums/Color.html">Color</a>): void</code></a></h3>
 <div class="paragraph">
 <p>Updates the visual color of the cell at the given coordinate.</p>
 </div>
@@ -704,7 +726,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="iscellactivecoordinate-coordinate-boolean"><a class="link" href="#iscellactivecoordinate-coordinate-boolean">2.8. <code>isCellActive(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): boolean</code></a></h3>
+<h3 id="iscellactivecoordinate-coordinate-boolean"><a class="link" href="#iscellactivecoordinate-coordinate-boolean">3.8. <code>isCellActive(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if the cell&#8217;s value is greater than <code>0</code>.</p>
 </div>
@@ -739,7 +761,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="iscellinactivecoordinate-coordinate-boolean"><a class="link" href="#iscellinactivecoordinate-coordinate-boolean">2.9. <code>isCellInactive(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): boolean</code></a></h3>
+<h3 id="iscellinactivecoordinate-coordinate-boolean"><a class="link" href="#iscellinactivecoordinate-coordinate-boolean">3.9. <code>isCellInactive(coordinate: <a href="../../types/Coordinate.html">Coordinate</a>): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if the cell&#8217;s value is <code>0</code>.</p>
 </div>
@@ -774,7 +796,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="isrowfully-number-boolean"><a class="link" href="#isrowfully-number-boolean">2.10. <code>isRowFull(y: number): boolean</code></a></h3>
+<h3 id="isrowfully-number-boolean"><a class="link" href="#isrowfully-number-boolean">3.10. <code>isRowFull(y: number): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if every cell in the specified row <code>y</code> is active.</p>
 </div>
@@ -809,7 +831,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="isrowemptyy-number-boolean"><a class="link" href="#isrowemptyy-number-boolean">2.11. <code>isRowEmpty(y: number): boolean</code></a></h3>
+<h3 id="isrowemptyy-number-boolean"><a class="link" href="#isrowemptyy-number-boolean">3.11. <code>isRowEmpty(y: number): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if every cell in the specified row <code>y</code> is inactive.</p>
 </div>
@@ -844,7 +866,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="clearrowy-number-void"><a class="link" href="#clearrowy-number-void">2.12. <code>clearRow(y: number): void</code></a></h3>
+<h3 id="clearrowy-number-void"><a class="link" href="#clearrowy-number-void">3.12. <code>clearRow(y: number): void</code></a></h3>
 <div class="paragraph">
 <p>Resets all cells in row <code>y</code> to their inactive state.</p>
 </div>
@@ -873,7 +895,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="shiftrowsdownfromy-number-void"><a class="link" href="#shiftrowsdownfromy-number-void">2.13. <code>shiftRowsDown(fromY: number): void</code></a></h3>
+<h3 id="shiftrowsdownfromy-number-void"><a class="link" href="#shiftrowsdownfromy-number-void">3.13. <code>shiftRowsDown(fromY: number): void</code></a></h3>
 <div class="paragraph">
 <p>Moves all rows above (and including) <code>fromY</code> down by one position.</p>
 </div>
@@ -902,7 +924,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="shiftrowsupfromy-number-void"><a class="link" href="#shiftrowsupfromy-number-void">2.14. <code>shiftRowsUp(fromY: number): void</code></a></h3>
+<h3 id="shiftrowsupfromy-number-void"><a class="link" href="#shiftrowsupfromy-number-void">3.14. <code>shiftRowsUp(fromY: number): void</code></a></h3>
 <div class="paragraph">
 <p>Moves all rows below (and including) <code>fromY</code> up by one position.</p>
 </div>
@@ -931,7 +953,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="clearfullrows-number"><a class="link" href="#clearfullrows-number">2.15. <code>clearFullRows(): number</code></a></h3>
+<h3 id="clearfullrows-number"><a class="link" href="#clearfullrows-number">3.15. <code>clearFullRows(): number</code></a></h3>
 <div class="paragraph">
 <p>Detects, clears, and shifts rows for all full rows in the grid.</p>
 </div>
@@ -944,7 +966,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="iscolumnfullx-number-boolean"><a class="link" href="#iscolumnfullx-number-boolean">2.16. <code>isColumnFull(x: number): boolean</code></a></h3>
+<h3 id="iscolumnfullx-number-boolean"><a class="link" href="#iscolumnfullx-number-boolean">3.16. <code>isColumnFull(x: number): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if every cell in column <code>x</code> is active.</p>
 </div>
@@ -979,7 +1001,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="iscolumnemptyx-number-boolean"><a class="link" href="#iscolumnemptyx-number-boolean">2.17. <code>isColumnEmpty(x: number): boolean</code></a></h3>
+<h3 id="iscolumnemptyx-number-boolean"><a class="link" href="#iscolumnemptyx-number-boolean">3.17. <code>isColumnEmpty(x: number): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if every cell in column <code>x</code> is inactive.</p>
 </div>
@@ -1014,7 +1036,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="clearcolumnx-number-void"><a class="link" href="#clearcolumnx-number-void">2.18. <code>clearColumn(x: number): void</code></a></h3>
+<h3 id="clearcolumnx-number-void"><a class="link" href="#clearcolumnx-number-void">3.18. <code>clearColumn(x: number): void</code></a></h3>
 <div class="paragraph">
 <p>Resets all cells in column <code>x</code> to their inactive state.</p>
 </div>
@@ -1043,7 +1065,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="shiftcolumnsrightfromx-number-void"><a class="link" href="#shiftcolumnsrightfromx-number-void">2.19. <code>shiftColumnsRight(fromX: number): void</code></a></h3>
+<h3 id="shiftcolumnsrightfromx-number-void"><a class="link" href="#shiftcolumnsrightfromx-number-void">3.19. <code>shiftColumnsRight(fromX: number): void</code></a></h3>
 <div class="paragraph">
 <p>Moves all columns to the left of <code>fromX</code> one position to the right.</p>
 </div>
@@ -1072,7 +1094,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="shiftcolumnsleftfromx-number-void"><a class="link" href="#shiftcolumnsleftfromx-number-void">2.20. <code>shiftColumnsLeft(fromX: number): void</code></a></h3>
+<h3 id="shiftcolumnsleftfromx-number-void"><a class="link" href="#shiftcolumnsleftfromx-number-void">3.20. <code>shiftColumnsLeft(fromX: number): void</code></a></h3>
 <div class="paragraph">
 <p>Moves all columns to the right of <code>fromX</code> one position to the left.</p>
 </div>
@@ -1101,7 +1123,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="clearfullcolumns-number"><a class="link" href="#clearfullcolumns-number">2.21. <code>clearFullColumns(): number</code></a></h3>
+<h3 id="clearfullcolumns-number"><a class="link" href="#clearfullcolumns-number">3.21. <code>clearFullColumns(): number</code></a></h3>
 <div class="paragraph">
 <p>Detects and clears all full columns.</p>
 </div>
@@ -1114,7 +1136,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="isareaoccupiedcoordinates-coordinate-boolean"><a class="link" href="#isareaoccupiedcoordinates-coordinate-boolean">2.22. <code>isAreaOccupied(coordinates: <a href="../../types/Coordinate.html">Coordinate</a>[]): boolean</code></a></h3>
+<h3 id="isareaoccupiedcoordinates-coordinate-boolean"><a class="link" href="#isareaoccupiedcoordinates-coordinate-boolean">3.22. <code>isAreaOccupied(coordinates: <a href="../../types/Coordinate.html">Coordinate</a>[]): boolean</code></a></h3>
 <div class="paragraph">
 <p>Returns <code>true</code> if any of the provided coordinates are already active in the grid. Used for collision detection.</p>
 </div>
@@ -1149,7 +1171,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="fillareastart-coordinate-end-coordinate-value-number-color-color-void"><a class="link" href="#fillareastart-coordinate-end-coordinate-value-number-color-color-void">2.23. <code>fillArea(start: <a href="../../types/Coordinate.html">Coordinate</a>, end: <a href="../../types/Coordinate.html">Coordinate</a>, value: number, color: <a href="../../enums/Color.html">Color</a>): void</code></a></h3>
+<h3 id="fillareastart-coordinate-end-coordinate-value-number-color-color-void"><a class="link" href="#fillareastart-coordinate-end-coordinate-value-number-color-color-void">3.23. <code>fillArea(start: <a href="../../types/Coordinate.html">Coordinate</a>, end: <a href="../../types/Coordinate.html">Coordinate</a>, value: number, color: <a href="../../enums/Color.html">Color</a>): void</code></a></h3>
 <div class="paragraph">
 <p>Batch updates a rectangular area defined by <code>start</code> and <code>end</code> with the given value and color.</p>
 </div>
@@ -1193,7 +1215,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="stamppiececoordinates-coordinate-value-number-color-color-void"><a class="link" href="#stamppiececoordinates-coordinate-value-number-color-color-void">2.24. <code>stampPiece(coordinates: <a href="../../types/Coordinate.html">Coordinate</a>[], value: number, color: <a href="../../enums/Color.html">Color</a>): void</code></a></h3>
+<h3 id="stamppiececoordinates-coordinate-value-number-color-color-void"><a class="link" href="#stamppiececoordinates-coordinate-value-number-color-color-void">3.24. <code>stampPiece(coordinates: <a href="../../types/Coordinate.html">Coordinate</a>[], value: number, color: <a href="../../enums/Color.html">Color</a>): void</code></a></h3>
 <div class="paragraph">
 <p>Applies the specified value and color to multiple discrete coordinates simultaneously.</p>
 </div>
@@ -1233,7 +1255,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="general-usage"><a class="link" href="#general-usage">3. General Usage</a></h2>
+<h2 id="general-usage"><a class="link" href="#general-usage">4. General Usage</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>The <code>Grid</code> interface is implemented by both the main <code><a href="../../modules/GameGrid.html">GameGrid</a></code> and the <code><a href="../../modules/GameHudGrid.html">GameHudGrid</a></code>.</p>

package/dist/docs/reference/interfaces/modules/Renderer.html

@@ -443,17 +443,19 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <div id="toc" class="toc2">
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
-<li><a href="#methods">1. Methods</a>
+<li><a href="#architectural-purpose">1. Architectural Purpose</a></li>
+<li><a href="#methods">2. Methods</a>
 <ul class="sectlevel2">
-<li><a href="#rendergrid-cell-modules-gamemodules-void">1.1. <code>render(grid: Cell[][], modules: GameModules): void</code></a></li>
+<li><a href="#rendergrid-cell-modules-gamemodules-void">2.1. <code>render(grid: Cell[][], modules: GameModules): void</code></a></li>
 </ul>
 </li>
-<li><a href="#general-usage">2. General Usage</a></li>
+<li><a href="#general-usage">3. General Usage</a></li>
 </ul>
 </div>
 </div>
 <div id="content">
-<div id="preamble">
+<div class="sect1">
+<h2 id="architectural-purpose"><a class="link" href="#architectural-purpose">1. Architectural Purpose</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Defines the core drawing contract for engine visual layers.</p>
@@ -461,10 +463,10 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="methods"><a class="link" href="#methods">1. Methods</a></h2>
+<h2 id="methods"><a class="link" href="#methods">2. Methods</a></h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="rendergrid-cell-modules-gamemodules-void"><a class="link" href="#rendergrid-cell-modules-gamemodules-void">1.1. <code>render(grid: <a href="../../types/Cell.html">Cell</a>[][], modules: <a href="../GameModules.html">GameModules</a>): void</code></a></h3>
+<h3 id="rendergrid-cell-modules-gamemodules-void"><a class="link" href="#rendergrid-cell-modules-gamemodules-void">2.1. <code>render(grid: <a href="../../types/Cell.html">Cell</a>[][], modules: <a href="../GameModules.html">GameModules</a>): void</code></a></h3>
 <div class="paragraph">
 <p>Executes the drawing logic for a single frame.</p>
 </div>
@@ -499,7 +501,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="general-usage"><a class="link" href="#general-usage">2. General Usage</a></h2>
+<h2 id="general-usage"><a class="link" href="#general-usage">3. General Usage</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Implemented by <code><a href="../../modules/DisplayRenderer.html">DisplayRenderer</a></code> and <code><a href="../../modules/HudRenderer.html">HudRenderer</a></code>. The engine&#8217;s composite renderer iterates through all registered <code>Renderer</code> implementations and calls their <code>render</code> method 60 times per second.</p>

package/dist/docs/reference/interfaces/modules/RendererComposite.html

@@ -443,19 +443,21 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <div id="toc" class="toc2">
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
-<li><a href="#properties">1. Properties</a></li>
-<li><a href="#methods">2. Methods</a>
+<li><a href="#architectural-purpose">1. Architectural Purpose</a></li>
+<li><a href="#properties">2. Properties</a></li>
+<li><a href="#methods">3. Methods</a>
 <ul class="sectlevel2">
-<li><a href="#addrendererrenderer-renderer-void">2.1. <code>addRenderer(renderer: Renderer): void</code></a></li>
-<li><a href="#rendergrid-cell-modules-gamemodules-void">2.2. <code>render(grid: Cell[][], modules: GameModules): void</code></a></li>
+<li><a href="#addrendererrenderer-renderer-void">3.1. <code>addRenderer(renderer: Renderer): void</code></a></li>
+<li><a href="#rendergrid-cell-modules-gamemodules-void">3.2. <code>render(grid: Cell[][], modules: GameModules): void</code></a></li>
 </ul>
 </li>
-<li><a href="#general-usage">3. General Usage</a></li>
+<li><a href="#general-usage">4. General Usage</a></li>
 </ul>
 </div>
 </div>
 <div id="content">
-<div id="preamble">
+<div class="sect1">
+<h2 id="architectural-purpose"><a class="link" href="#architectural-purpose">1. Architectural Purpose</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>An advanced renderer that manages a collection of individual layers.</p>
@@ -463,7 +465,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="properties"><a class="link" href="#properties">1. Properties</a></h2>
+<h2 id="properties"><a class="link" href="#properties">2. Properties</a></h2>
 <div class="sectionbody">
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
@@ -487,10 +489,10 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="methods"><a class="link" href="#methods">2. Methods</a></h2>
+<h2 id="methods"><a class="link" href="#methods">3. Methods</a></h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="addrendererrenderer-renderer-void"><a class="link" href="#addrendererrenderer-renderer-void">2.1. <code>addRenderer(renderer: <a href="Renderer.html">Renderer</a>): void</code></a></h3>
+<h3 id="addrendererrenderer-renderer-void"><a class="link" href="#addrendererrenderer-renderer-void">3.1. <code>addRenderer(renderer: <a href="Renderer.html">Renderer</a>): void</code></a></h3>
 <div class="paragraph">
 <p>Attaches a new visual layer.</p>
 </div>
@@ -519,7 +521,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="rendergrid-cell-modules-gamemodules-void"><a class="link" href="#rendergrid-cell-modules-gamemodules-void">2.2. <code>render(grid: <a href="../../types/Cell.html">Cell</a>[][], modules: <a href="../GameModules.html">GameModules</a>): void</code></a></h3>
+<h3 id="rendergrid-cell-modules-gamemodules-void"><a class="link" href="#rendergrid-cell-modules-gamemodules-void">3.2. <code>render(grid: <a href="../../types/Cell.html">Cell</a>[][], modules: <a href="../GameModules.html">GameModules</a>): void</code></a></h3>
 <div class="paragraph">
 <p>Orchestrates the rendering call for all layers.</p>
 </div>
@@ -554,7 +556,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="general-usage"><a class="link" href="#general-usage">3. General Usage</a></h2>
+<h2 id="general-usage"><a class="link" href="#general-usage">4. General Usage</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>This interface is the entry point for the visual system. It ensures that the background, the game grid, and the HUD are drawn in the correct order and with synchronized metrics.</p>

package/dist/docs/reference/interfaces/modules/Score.html

@@ -443,23 +443,25 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <div id="toc" class="toc2">
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
-<li><a href="#properties">1. Properties</a></li>
-<li><a href="#methods">2. Methods</a>
+<li><a href="#architectural-purpose">1. Architectural Purpose</a></li>
+<li><a href="#properties">2. Properties</a></li>
+<li><a href="#methods">3. Methods</a>
 <ul class="sectlevel2">
-<li><a href="#increasescoreamount-number-void">2.1. <code>increaseScore(amount: number): void</code></a></li>
-<li><a href="#resetscore-void">2.2. <code>resetScore(): void</code></a></li>
-<li><a href="#getformattedscoredigits-number-string">2.3. <code>getFormattedScore(digits?: number): string</code></a></li>
-<li><a href="#increaselevelamount-number-void">2.4. <code>increaseLevel(amount: number): void</code></a></li>
-<li><a href="#resetlevel-void">2.5. <code>resetLevel(): void</code></a></li>
-<li><a href="#setupgamehighscoreid-string-void">2.6. <code>setupGameHighScore(id: string): void</code></a></li>
+<li><a href="#increasescoreamount-number-void">3.1. <code>increaseScore(amount: number): void</code></a></li>
+<li><a href="#resetscore-void">3.2. <code>resetScore(): void</code></a></li>
+<li><a href="#getformattedscoredigits-number-string">3.3. <code>getFormattedScore(digits?: number): string</code></a></li>
+<li><a href="#increaselevelamount-number-void">3.4. <code>increaseLevel(amount: number): void</code></a></li>
+<li><a href="#resetlevel-void">3.5. <code>resetLevel(): void</code></a></li>
+<li><a href="#setupgamehighscoreid-string-void">3.6. <code>setupGameHighScore(id: string): void</code></a></li>
 </ul>
 </li>
-<li><a href="#general-usage">3. General Usage</a></li>
+<li><a href="#general-usage">4. General Usage</a></li>
 </ul>
 </div>
 </div>
 <div id="content">
-<div id="preamble">
+<div class="sect1">
+<h2 id="architectural-purpose"><a class="link" href="#architectural-purpose">1. Architectural Purpose</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Interface for tracking session performance, multipliers, and levels.</p>
@@ -467,7 +469,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="properties"><a class="link" href="#properties">1. Properties</a></h2>
+<h2 id="properties"><a class="link" href="#properties">2. Properties</a></h2>
 <div class="sectionbody">
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
@@ -506,10 +508,10 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="methods"><a class="link" href="#methods">2. Methods</a></h2>
+<h2 id="methods"><a class="link" href="#methods">3. Methods</a></h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="increasescoreamount-number-void"><a class="link" href="#increasescoreamount-number-void">2.1. <code>increaseScore(amount: number): void</code></a></h3>
+<h3 id="increasescoreamount-number-void"><a class="link" href="#increasescoreamount-number-void">3.1. <code>increaseScore(amount: number): void</code></a></h3>
 <div class="paragraph">
 <p>Adds points to the total, automatically applying any active multipliers.</p>
 </div>
@@ -538,14 +540,14 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="resetscore-void"><a class="link" href="#resetscore-void">2.2. <code>resetScore(): void</code></a></h3>
+<h3 id="resetscore-void"><a class="link" href="#resetscore-void">3.2. <code>resetScore(): void</code></a></h3>
 <div class="paragraph">
 <p>Resets the session score to <code>0</code>.</p>
 </div>
 <hr>
 </div>
 <div class="sect2">
-<h3 id="getformattedscoredigits-number-string"><a class="link" href="#getformattedscoredigits-number-string">2.3. <code>getFormattedScore(digits?: number): string</code></a></h3>
+<h3 id="getformattedscoredigits-number-string"><a class="link" href="#getformattedscoredigits-number-string">3.3. <code>getFormattedScore(digits?: number): string</code></a></h3>
 <div class="paragraph">
 <p>Returns a string representation of the score padded with leading zeros (defaulting to 6 digits).</p>
 </div>
@@ -580,7 +582,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="increaselevelamount-number-void"><a class="link" href="#increaselevelamount-number-void">2.4. <code>increaseLevel(amount: number): void</code></a></h3>
+<h3 id="increaselevelamount-number-void"><a class="link" href="#increaselevelamount-number-void">3.4. <code>increaseLevel(amount: number): void</code></a></h3>
 <div class="paragraph">
 <p>Increments the current game level up to <code>maxLevel</code>.</p>
 </div>
@@ -609,14 +611,14 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 <hr>
 </div>
 <div class="sect2">
-<h3 id="resetlevel-void"><a class="link" href="#resetlevel-void">2.5. <code>resetLevel(): void</code></a></h3>
+<h3 id="resetlevel-void"><a class="link" href="#resetlevel-void">3.5. <code>resetLevel(): void</code></a></h3>
 <div class="paragraph">
 <p>Resets the game difficulty level to its initial value.</p>
 </div>
 <hr>
 </div>
 <div class="sect2">
-<h3 id="setupgamehighscoreid-string-void"><a class="link" href="#setupgamehighscoreid-string-void">2.6. <code>setupGameHighScore(id: string): void</code></a></h3>
+<h3 id="setupgamehighscoreid-string-void"><a class="link" href="#setupgamehighscoreid-string-void">3.6. <code>setupGameHighScore(id: string): void</code></a></h3>
 <div class="paragraph">
 <p>Initializes the high score for a specific game, loading it from namespaced storage.</p>
 </div>
@@ -646,7 +648,7 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 </div>
 </div>
 <div class="sect1">
-<h2 id="general-usage"><a class="link" href="#general-usage">3. General Usage</a></h2>
+<h2 id="general-usage"><a class="link" href="#general-usage">4. General Usage</a></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Implemented by <code><a href="../../modules/GameScore.html">GameScore</a></code>. It handles the numeric progression of the game and formats the data for display on the HUD.</p>