@selimssevgi/cube-design-angular 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 nothing yet.
 
+## 0.7.1 (7 november 2026: a trackpad pinch that starts still or the other way)
+
+- **the first real step decides a wheel stream**, where its first event did. a mac's trackpad often begins a pinch with a still event (`deltaY` 0), which took the stream as begun and so ignored the whole pinch, or with the fingers settling the other way (`deltaY` -1), which read a pinch out as a pinch in (selim, 6 november 2026: "zoom out not working sometimes"; cube-screens' `uat/use-cases/gestures.cjs` plays both streams). now a step under `CUBE_WHEEL_STEP` (2) only moves the stream's end and keeps the page zoom away; the first step of at least 2 decides by its own sign, and a slow pinch of small steps decides once they add up to three times that. the rule alone is the pure `wheelWay(deltaY, sum, least)`. still one step a stream. an app changes nothing; the first release from cube-screens.
+
 ## 0.7.0 (7 november 2026: the cube's art, offered as options)
 
 - **the cube's art** (`CubeArt`, `CUBE_ARTS`, `isArt`, `DrawnArt`, `drawArt`, `ArtShape`, `ArtDrawing`, `ArtOptions`): five ways to draw the same look, stickers (the first one), blocks, glass, ribbons and dots, from mosaic's todarch head (lang-app-fe #231). `<cube-picture [art]>` draws them, `stickers` by default, so an app that sets nothing is unchanged. cube design's decision of 7 november 2026 (`applications/screens/decisions.md`): every art draws the same look, and the person chooses.

package/README.md

@@ -119,8 +119,9 @@ export class Level {
 
 - two fingers that end 1.25 times further apart (`CUBE_PINCH_APART`) are `in`, 0.8 times or closer
   (`CUBE_PINCH_TOGETHER`) are `out`, decided when the first lifts.
-- a trackpad's pinch reaches chrome, edge and firefox as a stream of ctrl + wheel events: the first
-  decides (`deltaY` below 0 is `in`), and the stream is one pinch until the wheel has been quiet
+- a trackpad's pinch reaches chrome, edge and firefox as a stream of ctrl + wheel events: its first
+  real step decides (`deltaY` -2 or below is `in`, 2 or above `out`; `CUBE_WHEEL_STEP`, `wheelWay`;
+  a still start or fingers settling the other way decide nothing, since 0.7.1), and the stream is one pinch until the wheel has been quiet
   250 ms (`CUBE_WHEEL_QUIET_MS`). the stream is kept for the whole page, so the level a pinch steps
   to never takes the rest of it as a second step (two levels out for one pinch on a mac, found in
   mosaic). `startsWheelGesture(lastAt, now)` is the rule alone. safari's gesture events count too.

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

@@ -938,13 +938,24 @@ const CUBE_WHEEL_QUIET_MS = 250;
 function startsWheelGesture(lastAt, now, quietMs = 250) {
 	return now - lastAt >= quietMs;
 }
+const CUBE_WHEEL_STEP = 2;
+function wheelWay(deltaY, sum, least = 2) {
+	const by = Math.abs(deltaY) >= least ? deltaY : Math.abs(sum) >= 3 * least ? sum : 0;
+	return by < 0 ? "in" : by > 0 ? "out" : null;
+}
 const stream = {
 	wheelAt: -Infinity,
 	gestureAt: -Infinity,
 	heard: null,
 	heardAfter: -Infinity,
-	ownedUntil: -Infinity
+	ownedUntil: -Infinity,
+	sum: 0,
+	decided: false
 };
+function begin() {
+	stream.sum = 0;
+	stream.decided = false;
+}
 let listening = false;
 function listenToThePage(quietMs) {
 	const w = globalThis.window;
@@ -956,6 +967,7 @@ function listenToThePage(quietMs) {
 		stream.heard = e;
 		stream.heardAfter = stream.wheelAt;
 		stream.wheelAt = now;
+		if (now - stream.heardAfter >= quietMs) begin();
 		if (now - stream.heardAfter < quietMs && now < stream.ownedUntil + quietMs) {
 			stream.ownedUntil = now;
 			e.preventDefault();
@@ -1019,12 +1031,15 @@ var CubePinch = class CubePinch {
 		if (this.cubePinchDisabled() || !e.ctrlKey) return;
 		e.preventDefault();
 		const now = performance.now();
-		const starts = startsWheelGesture(stream.heard === e ? stream.heardAfter : stream.wheelAt, now, this.cubePinchQuietMs());
+		if (startsWheelGesture(stream.heard === e ? stream.heardAfter : stream.wheelAt, now, this.cubePinchQuietMs())) begin();
 		stream.wheelAt = now;
 		stream.ownedUntil = now;
-		if (!starts || e.deltaY === 0) return;
-		if (e.deltaY < 0) this.emit("in", pointAt(e.clientX, e.clientY), "wheel", e);
-		else this.emit("out", pointAt(e.clientX, e.clientY), "wheel", e);
+		if (stream.decided) return;
+		stream.sum += e.deltaY;
+		const way = wheelWay(e.deltaY, stream.sum);
+		if (!way) return;
+		stream.decided = true;
+		this.emit(way, pointAt(e.clientX, e.clientY), "wheel", e);
 	}
 	gestureStart(e) {
 		if (this.cubePinchDisabled()) return;
@@ -4317,6 +4332,6 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
-export { ART_CHOICES_KEY, CONTEXT_CUBE_SOURCE, CONTEXT_CUBE_WORDS, CONTEXT_LAST_PARTS, CONTEXT_PART_ORDER, CUBE_ARTS, CUBE_CARRY_CLASSES, CUBE_CARRY_MOVE, CUBE_DROP_OUT, CUBE_HOLD_MS, CUBE_HOLD_SLOP, CUBE_ICON_NAMES, CUBE_LOADING_COLOURS, CUBE_LOADING_LEVELS, CUBE_LOADING_STEP_MS, CUBE_LOADING_STICKERS, CUBE_LOADING_WAYS, CUBE_LOADING_WIDTH, CUBE_PINCH_APART, CUBE_PINCH_TOGETHER, CUBE_WHEEL_QUIET_MS, CubeArtChoices, CubeCarry, CubeContext, CubeHold, CubeIcon, CubeLoading, CubePicture, CubePinch, CubeSquare, CubeSquareTile, JUST_SAVED_MINUTES, MINE_SORT, PART_ICONS, REPORT_APP, REPORT_INCIDENTS_KEPT, REPORT_INCIDENTS_MS, REPORT_KINDS, ReportClient, ReportDiagnostics, ReportDraft, ReportErrorHandler, SQUARE_LEAST_CELL, SQUARE_LEAST_TALL, SQUARE_LIST_ROW, SQUARE_MAX_SIDE, SQUARE_ROOM_BELOW, TEXT_ORDERS, TURNING_BELOW, TURNING_NUDGE_UNTIL, TURNING_SIDES, VIEW_KEYS, addLevel, artFor, artLevel, bringLevel, bringOf, chooseArt, contextArtWidth, contextIcon, contextLevelFor, contextOf, contextSquare, cubeIconCells, directionWords, drawArt, drawCube, environmentOf, errorLine, findJustSaved, gridFor, hideLevel, insideOf, isArt, isView, loadingStickers, loadingWayFor, moveBefore, namesLevel, orderLevel, orderOf, orderParts, partsLevel, placesOf, provideReportDiagnostics, readArtChoices, refusalOf, reportContext, reportInterceptor, reportRefusal, reportRequest, routePattern, scrubbedPath, sizeFor, sortDirectionsLevel, sortItems, sortLevel, squareGap, squareLayout, squareLeast, squareLevelFor, squareTall, startsWheelGesture, stillStep, technicalLines, tellLevel, turningFront, turningRows, viewLevel, whereLevel, wouldLoop };
+export { ART_CHOICES_KEY, CONTEXT_CUBE_SOURCE, CONTEXT_CUBE_WORDS, CONTEXT_LAST_PARTS, CONTEXT_PART_ORDER, CUBE_ARTS, CUBE_CARRY_CLASSES, CUBE_CARRY_MOVE, CUBE_DROP_OUT, CUBE_HOLD_MS, CUBE_HOLD_SLOP, CUBE_ICON_NAMES, CUBE_LOADING_COLOURS, CUBE_LOADING_LEVELS, CUBE_LOADING_STEP_MS, CUBE_LOADING_STICKERS, CUBE_LOADING_WAYS, CUBE_LOADING_WIDTH, CUBE_PINCH_APART, CUBE_PINCH_TOGETHER, CUBE_WHEEL_QUIET_MS, CUBE_WHEEL_STEP, CubeArtChoices, CubeCarry, CubeContext, CubeHold, CubeIcon, CubeLoading, CubePicture, CubePinch, CubeSquare, CubeSquareTile, JUST_SAVED_MINUTES, MINE_SORT, PART_ICONS, REPORT_APP, REPORT_INCIDENTS_KEPT, REPORT_INCIDENTS_MS, REPORT_KINDS, ReportClient, ReportDiagnostics, ReportDraft, ReportErrorHandler, SQUARE_LEAST_CELL, SQUARE_LEAST_TALL, SQUARE_LIST_ROW, SQUARE_MAX_SIDE, SQUARE_ROOM_BELOW, TEXT_ORDERS, TURNING_BELOW, TURNING_NUDGE_UNTIL, TURNING_SIDES, VIEW_KEYS, addLevel, artFor, artLevel, bringLevel, bringOf, chooseArt, contextArtWidth, contextIcon, contextLevelFor, contextOf, contextSquare, cubeIconCells, directionWords, drawArt, drawCube, environmentOf, errorLine, findJustSaved, gridFor, hideLevel, insideOf, isArt, isView, loadingStickers, loadingWayFor, moveBefore, namesLevel, orderLevel, orderOf, orderParts, partsLevel, placesOf, provideReportDiagnostics, readArtChoices, refusalOf, reportContext, reportInterceptor, reportRefusal, reportRequest, routePattern, scrubbedPath, sizeFor, sortDirectionsLevel, sortItems, sortLevel, squareGap, squareLayout, squareLeast, squareLevelFor, squareTall, startsWheelGesture, stillStep, technicalLines, tellLevel, turningFront, turningRows, viewLevel, wheelWay, whereLevel, wouldLoop };
 
 //# sourceMappingURL=selimssevgi-cube-design-angular.mjs.map