@selimssevgi/cube-design-angular 0.8.0 → 0.8.1

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 nothing yet.
 
+## 0.8.1 (7 november 2026: a level stands still once it shows)
+
+- `<cube-square>` no longer plays its zoom-out step when it measures its room. it lays itself out for a phone's width until the first measure; on a computer that measure gave it four columns instead of three, and it played the step meant for "a square that has to hold more" on a level nobody asked to zoom, so every level shrank and slid into place in its first half second (selim, 7 november, on mosaic's home: "the tiles are moving … it feels like it's getting narrower"). now only a change in what it holds plays the step; a window made wider lays out again without moving. guarded by cube-screens `regressions/shared/standing-still.md` (RC-14) and two specs. a patch: nothing an app sets changes.
+
 ## 0.8.0 (7 november 2026: the screen's ground, so every cube app stops copying it)
 
 the first library round of the flow (cube-screens `uat/use-cases/flow.md`, selim 7 november 12:59; his yes to the list the same day). what every app copied, and what the every-level model page built because the package lacked it (`prototypes/every-level-4/gaps.md` › the library check), moved in. nothing that was here changes: an app that takes 0.8.0 and sets nothing new sees no change.

package/README.md

@@ -472,7 +472,7 @@ in one across. a tile fills its cell; give it `height: 100%` or `display: grid`
   page scrolls.
 - open places only finish the last row; a view never draws a whole empty row (decision of
   2026-11-01): three pieces in 4 × 5 are one row of four. the square keeps its n × n.
-- when it has to hold more it zooms out a step (not when the phone asks for less motion).
+- when it has to hold more it zooms out a step (not when the phone asks for less motion). only what it holds plays the step: measuring its room (the first measure, a wider window) lays it out again without moving, so a level stands still once it shows (since 0.8.1).
 - it says no word and draws no tile, so each app keeps its own pictures, tones, hold and hide.
   `squareLayout(view, count, room)` is the same layout as a pure function.
 

package/fesm2022/selimssevgi-cube-design-angular.mjs

@@ -2800,16 +2800,20 @@ var CubeSquare = class CubeSquare {
 		});
 		let before = 0;
 		let beforeView = null;
+		let beforeCount = -1;
 		effect(() => {
 			const { cols, list } = this.layout();
 			const view = this.view();
+			const count = this.tiles().length;
+			const measured = this.room().width > 0;
 			const el = this.grid()?.nativeElement;
-			if (el && before && cols !== before && view === beforeView && !list && !reducedMotion$1() && typeof el.animate === "function") el.animate([{ transform: `scale(${cols / before})` }, { transform: "none" }], {
+			if (el && before && measured && cols !== before && count !== beforeCount && beforeCount >= 0 && view === beforeView && !list && !reducedMotion$1() && typeof el.animate === "function") el.animate([{ transform: `scale(${cols / before})` }, { transform: "none" }], {
 				duration: 420,
 				easing: "cubic-bezier(.2,.7,.2,1)"
 			});
 			before = cols;
 			beforeView = view;
+			if (measured) beforeCount = count;
 		});
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({