@selimssevgi/cube-design-angular 0.6.0 → 0.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selimssevgi/cube-design-angular",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "cube design in angular: the pieces anlat, mosaic and cubes share, starting with the isometric cube picture.",
   "keywords": [
     "angular",

package/types/selimssevgi-cube-design-angular.d.ts

@@ -943,9 +943,27 @@ export declare function squareGap(n: number): number;
 /** the room a square may take: the width it is given, and the window's height for the square. */
 export interface SquareRoom {
   width: number;
-  /** the window's height less a head (48 px); only the square view is held to it, so it is seen whole. */
+  /**
+   * the window's height below where the square starts (`squareTall`: the app's top bar and head
+   * counted), never less than 320 px; only the square view is held to it, so it is seen whole.
+   */
   tall: number;
 }
+/** what a square leaves below itself in the window, in px (a page's own margin). */
+export declare const SQUARE_ROOM_BELOW = 16;
+/** the least height a square is held to, however far down the window it starts, in px. */
+export declare const SQUARE_LEAST_TALL = 320;
+/**
+ * how tall a square may be to be seen whole: the window's height less what stands above the square
+ * on the page (`top`, from the page's start: the app's top bar, the head, anything before it) and a
+ * small margin below, never less than 320 px. before 0.6.1 a fixed 48 px stood for everything above,
+ * so on a short desktop window an empty 5 × 5 ran below the screen (found on mosaic's home grouped my
+ * way, 4 november 2026).
+ */
+export declare function squareTall(windowHeight: number, top: number, opts?: {
+  below?: number;
+  least?: number;
+}): number;
 /** one square laid out: its columns and rows, its size, and how much each tile says. */
 export interface SquareLayout {
   cols: number;
@@ -1049,6 +1067,12 @@ export declare class CubeSquare<T> {
   readonly view: import("@angular/core").InputSignal<ViewKey>;
   /** the largest side the square takes on a wide screen, in px. */
   readonly maxSide: import("@angular/core").InputSignal<number>;
+  /**
+   * where a square narrower than its place stands (0.6.2): `'center'` (the default) in the middle,
+   * its spare width shared on both sides, `'start'` at the start, as before 0.6.2. a square is
+   * narrower than its place when it is held to the window's height (seen whole) or to `maxSide`.
+   */
+  readonly align: import("@angular/core").InputSignal<"center" | "start">;
   /** a row's height in one across, in px. */
   readonly listRow: import("@angular/core").InputSignal<number>;
   /** open places dashed, where something could come (a cube of mine, a level with a plus). */
@@ -1142,6 +1166,11 @@ export declare class CubeSquare<T> {
       "required": false;
       "isSignal": true;
     };
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
     "listRow": {
       "alias": "listRow";
       "required": false;