gesso-core 0.6.16 → 0.6.17

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # gesso-core
 
+## 0.6.17
+
+### Patch Changes
+
+- fcf0d04: An anchored overlay taller than the room on the side it opens on is now cut to that room, instead of running off the edge of the window. The room reaches the overlay's layout the way a `maxHeight` would, so a scroll container inside it scrolls what does not fit. An overlay placed at a point, such as a context menu, that fits on neither side of the point but fits in the window opens on the side asked for and slides back over the point until all of it is on the screen, as a native context menu does, rather than starting off the top of the window. Overlays that fit are placed exactly as before.
+
 ## 0.6.16
 
 ### Patch Changes

package/dist/{CanvasSurface-Dz-AXwa4.js → CanvasSurface-cRmWIUfC.js}

@@ -17165,7 +17165,7 @@ var LayoutEngine = class {
 				this.trackAnchor(child, null);
 				this.absoluteBlocks.set(child, block);
 				this.measure(child, new Constraints(0, Math.max(0, block.width), 0, Math.max(0, block.height)));
-				this.placeBeside(child, cRec, block.x + point.x, block.y + point.y, 0, 0, block);
+				this.placeBeside(child, cRec, block.x + point.x, block.y + point.y, 0, 0, block, true);
 				return;
 			} else {
 				this.anchoredNodes.delete(child);
@@ -17257,33 +17257,82 @@ var LayoutEngine = class {
 	* no size — flipping to the opposite side when the named one would
 	* overflow the block and the other has more room, and clamping along
 	* the side to stay inside it.
-	*/
-	placeBeside(child, cRec, ax, ay, aw, ah, block) {
-		const width = cRec.measuredWidth;
-		const height = cRec.measuredHeight;
+	*
+	* **A node taller than the room on its side is measured again into
+	* that room.** Flipping picks the side with more space, and that was
+	* all it did: a thirty-command Format menu under a title 44 pixels
+	* down ran off the bottom of an 813-pixel window, and a 424-pixel
+	* context menu opened at y 410 flipped above the point and started
+	* at -14, its first rows off the top of the screen. Neither could be
+	* scrolled, because nothing ever told the menu it had less height
+	* than it asked for.
+	*
+	* The room is a loose bound and not a smaller painted rect, so it
+	* reaches the node's layout the way a `maxHeight` would: a scroller
+	* inside it is offered the height that is left and scrolls the rest,
+	* a scroll view is capped at it, and a plain column, which cannot
+	* shrink, still overflows as it always did. The side was chosen on
+	* the height asked for, before the cap, so a menu that fits on
+	* neither side still opens on the roomier one.
+	*
+	* A node placed at a `point` slides instead, when it fits in the block
+	* at all: a context menu that has room on neither side of the pointer
+	* opens on the side asked for and moves back over the pointer until
+	* it is inside, whole, as a native one does, rather than being
+	* cut short and made to scroll with half the screen free. Covering a
+	* point hides nothing; covering an anchor would hide the very title
+	* or button the panel belongs to, so an anchored node is capped.
+	*
+	* An anchored node that still does not fit, because what it holds
+	* cannot shrink, is kept from starting before the block's edge, so
+	* its first rows are on the screen; it is not pushed back over its
+	* anchor, and runs past the far edge as it always did. A node that
+	* fits is placed exactly as before, against an anchor scrolled out
+	* of view included: a tooltip follows its anchor off the screen
+	* rather than sticking to the edge without it.
+	*/
+	placeBeside(child, cRec, ax, ay, aw, ah, block, point = false) {
+		let width = cRec.measuredWidth;
+		let height = cRec.measuredHeight;
 		const gap = this.numberProp(child, "anchorOffset") ?? 0;
 		const { side, align } = this.parsePlacement(child.properties.get("placement"));
 		const vertical = side === "top" || side === "bottom";
 		let resolvedSide = side;
+		let room;
 		if (vertical) {
 			const roomBelow = block.y + block.height - (ay + ah + gap);
 			const roomAbove = ay - gap - block.y;
 			if (side === "bottom" && height > roomBelow && roomAbove > roomBelow) resolvedSide = "top";
 			else if (side === "top" && height > roomAbove && roomBelow > roomAbove) resolvedSide = "bottom";
+			room = resolvedSide === "bottom" ? roomBelow : roomAbove;
 		} else {
 			const roomRight = block.x + block.width - (ax + aw + gap);
 			const roomLeft = ax - gap - block.x;
 			if (side === "right" && width > roomRight && roomLeft > roomRight) resolvedSide = "left";
 			else if (side === "left" && width > roomLeft && roomRight > roomLeft) resolvedSide = "right";
+			room = resolvedSide === "right" ? roomRight : roomLeft;
+		}
+		const overflows = (vertical ? height : width) > room;
+		const slides = overflows && point && (vertical ? height <= block.height : width <= block.width);
+		if (slides) resolvedSide = side;
+		else if (overflows) {
+			const limit = Math.max(0, room);
+			this.measure(child, vertical ? new Constraints(0, Math.max(0, block.width), 0, limit) : new Constraints(0, limit, 0, Math.max(0, block.height)));
+			width = cRec.measuredWidth;
+			height = cRec.measuredHeight;
 		}
 		let x;
 		let y;
 		if (vertical) {
 			y = resolvedSide === "bottom" ? ay + ah + gap : ay - gap - height;
+			if (slides) y = this.clamp(y, block.y, Math.max(block.y, block.y + block.height - height));
+			else if (overflows) y = Math.max(y, block.y);
 			x = align === "start" ? ax : align === "end" ? ax + aw - width : ax + (aw - width) / 2;
 			x = this.clamp(x, block.x, Math.max(block.x, block.x + block.width - width));
 		} else {
 			x = resolvedSide === "right" ? ax + aw + gap : ax - gap - width;
+			if (slides) x = this.clamp(x, block.x, Math.max(block.x, block.x + block.width - width));
+			else if (overflows) x = Math.max(x, block.x);
 			y = align === "start" ? ay : align === "end" ? ay + ah - height : ay + (ah - height) / 2;
 			y = this.clamp(y, block.y, Math.max(block.y, block.y + block.height - height));
 		}
@@ -21419,4 +21468,4 @@ function createCanvasSurface(host) {
 //#endregion
 export { isImeKey as $, UiEventType as $a, defaultShadows as $i, proportionalFontMetrics as $n, gradientPaint as $r, registerFontStack as $t, withOverrideSource as A, colorsEqual as Aa, bandOf as Ai, linkHoverOf as An, propertyIsInherited as Ar, adjacentField as At, FlexDirection as B, clearOverrideProperty as Ba, noThemeExtensions as Bi, isEditableNode as Bn, validateRole as Br, createCanvasTextStyle as Bt, SCROLLBAR_LINGER_MS as C, colorsEqualPalette as Ca, propertyValuesEqual as Ci, isNodeInert as Cn, resolveString as Cr, hasDrawnText as Ct, formatExplanation as D, colorToHex as Da, noInsets as Di, resolveCursor as Dn, inheritedPropertyFlags as Dr, selectionRectsIn as Dt, formatConstraints as E, UiBasicColors as Ea, insetsEqual as Ei, isPressable as En, getPropertyNames as Er, paragraphGeometryFrom as Et, clampSize as F, createEnvironmentKey as Fa, themesEqual as Fi, CARET_WIDTH as Fn, UI_SEMANTIC_STATES as Fr, detectEditingPlatform as Ft, CrossAxisAlignment as G, UiVisualState as Ga, highContrastColors as Gi, resolveColorValue as Gn, paintValuesEqual as Gr, runFontString as Gt, placeGridItems as H, resetOverrideWarnings as Ha, themeExtensionsEqual as Hi, isReadOnly as Hn, UI_SUBGRID_AXES as Hr, fillTextRects as Ht, constraintsEqual as I, findEnvironmentKey as Ia, withContrast as Ii, EDITOR_PROP as In, isUiRole as Ir, isPrintable as It, parseCrossAxisAlignment as J, visualState as Ja, densityFactors as Ji, CharacterCountTextMeasurer as Jn, parseTransform as Jr, textRunBackgrounds as Jt, MainAxisAlignment as K, defaultVisualState as Ka, raiseContrast as Ki, isVideoSurface as Kn, pathValuesEqual as Kr, spanOf as Kt, tightenConstraints as L, UiEnvironment as La, withDensity as Li, caretVisibleAt as Ln, isUiSemanticState as Lr, EditableLayout as Lt, contentOffset as M, parseColor as Ma, unknownContainerSize as Mi, linkRunAtPointIn as Mn, propertyValuesEqualByName as Mr, edgeField as Mt, LayoutRecord as N, rgb8 as Na, darkTheme as Ni, setLinkHover as Nn, UiProperties as Nr, editingGroupOf as Nt, formatNumber as O, colorToRgba as Oa, observeViewportInsets as Oi, clearLinkHover as On, inheritedPropertyNames as Or, wordRangeIn as Ot, Constraints as P, rgba as Pa, lightTheme as Pi, CARET_BLINK_MS as Pn, UI_ROLES as Pr, commandForKey as Pt, capturePointer as Q, UiCompositionEvent as Qa, spacingSteps as Qi, layoutParagraph as Qn, MAX_GRADIENT_STOPS as Qr, fontStackFor as Qt, MAX_MEASURES_PER_CHILD as R, UiNode as Ra, defineThemeExtension as Ri, editorFor as Rn, normalizeStates as Rr, applyCanvasTextStyle as Rt, SCROLLBAR_FADE_MS as S, textStylesEqual as Sa, defineProperty as Si, isNodeHitTestable as Sn, resolvePropertyByName as Sr, UiInputDispatcher as St, describeOverrides as T, lightColors as Ta, UiInsetRegistry as Ti, isNodeTabStop as Tn, findPropertyDefinition as Tr, paragraphGeometry as Tt, sizeGridTracks as U, writeDeclaredProperty as Ua, withThemeExtension as Ui, nextCaretToggle as Un, validateSubgrid as Ur, layoutTextLines as Ut, parseFlexDirection as V, overrideSources as Va, themeExtension as Vi, isMultiline as Vn, validateStates as Vr, drawText as Vt, AlignContent as W, writeOverrideProperty as Wa, contrastRatio as Wi, syncEditorValue as Wn, inputsEqual as Wr, runCanvasStyleInto as Wt, CanvasPlatformSurface as X, MOUSE_POINTER as Xa, scaleSpacing as Xi, spannedRunsFor as Xn, transformIsIdentity as Xr, bumpFontStack as Xt, parseMainAxisAlignment as Y, visualStatesEqual as Ya, defaultSpacing as Yi, ParagraphTextMeasurer as Yn, transform as Yr, textRunDecorations as Yt, UiPlatformAdapter as Z, UiBeforeInputEvent as Za, spacingEqual as Zi, ELLIPSIS as Zn, transformsEqual as Zr, clearFontStacks as Zt, LABEL_PADDING_X as _, resolvedSpansOf as _a, borderRadiusEqual as _i, selectableTextNodes as _n, UiGraph as _r, scrollLeaderOf as _t, PaintPictureCache as a, boxShadowReach as aa, fr as ai, computeObjectFitRect as an, UiPinchEvent as ao, offsetAtX as ar, UiGestureRecognizer as at, snapScroll as b, textContentOf as ba, normalizeBorderRadius as bi, setSelectionRange as bn, resolveNumber as br, scrollbarThumbs as bt, EMPTY_RECORDING as c, isShapeName as ca, isMinMaxTrack as ci, normalizeTextAlign as cn, UiTextChangeEvent as co, EditableTextModel as cr, isScrollContainer as ct, tracePathData as d, isTypographyRole as da, percent as di, TEXT_MATCHES_PROP as dn, noKeyModifiers as do, lineStartAt as dr, UiFocusManager as dt, shadowsEqual as ea, gradientsEqual as ei, DEFAULT_FONT_FAMILY as en, UiFocusEvent as eo, caretRectFor as er, pointerDeviceOf as et, ScaledImageCache as f, typographyEqual as fa, repeat as fi, clearMatchRanges as fn, wheelDeltaYOf as fo, nextGraphemeEnd as fr, UiHitTester as ft, paintsAfterChildren as g, hiddenRangesOf as ga, borderRadiusCorners as gi, clearSelectionRange as gn, wordRangeAt as gr, SCROLLBAR_THICKNESS as gt, hasDecorationPhase as h, flattenTextSpans as ha, borderRadius as hi, TEXT_SELECTION_PROP as hn, UiBinding as ho, previousWordStart as hr, SCROLLBAR_MIN_THUMB as ht, traceRoundedRect as i, boxShadowRadius as ia, auto as ii, colorToCss as in, UiPasteEvent as io, offsetAtPoint as ir, UiTouchScroller as it, accumulatedOffsetTo as j, normalizeColor as ja, containerBands as ji, linkOf as jn, propertyNarrowers as jr, comparePositions as jt, labelNode as k, colorValuesEqual as ka, UiContainerSizeSource as ki, hasTextLinks as kn, propertyEffects as kr, textInputOf as kt, PaintRecorder as l, shapesEqual as la, isPercentLength as li, normalizeVerticalAlign as ln, UiWheelDeltaMode as lo, graphemeBoundaries as lr, UiKeyboardController as lt, decorationRect as m, editableSpansOf as ma, UiBorderRadiuses as mi, setMatchRanges as mn, DirtyFlags as mo, previousGraphemeStart as mr, SCROLLBAR_INSET as mt, createCanvasSurface as n, boxShadow as na, radialGradient as ni, DEFAULT_FONT_WEIGHT as nn, UiInputEvent as no, lineIndexForOffset as nr, touchActionFor as nt, paintPictures as o, boxShadowsEqual as oa, isAutoLength as oi, createPaintState as on, UiPointerEvent as oo, offsetForVerticalMove as or, UiPinchRecognizer as ot, decorationColor as p, defaultTextStyle as pa, resolveLength as pi, matchRangesOf as pn, UiNodeType as po, nextWordEnd as pr, SCROLLBAR_HOVER_ZONE as pt, parseAlignContent as q, hasVisualState as qa, relativeLuminance as qi, videoFrameSize as qn, UiTransforms as qr, textMeasureRequest as qt, Canvas2DRenderer as r, boxShadowArraysEqual as ra, validateGradient as ri, DEFAULT_TEXT_COLOR as rn, UiKeyboardEvent as ro, lineLimit as rr, UiEditingController as rt, PaintTarget as s, defaultShapes as sa, isFrLength as si, isPaintVisible as sn, UiSelectionChangeEvent as so, selectionRects as sr, UiWheelController as st, CanvasSurface as t, BOX_SHADOW_BLUR_REACH as ta, linearGradient as ti, DEFAULT_FONT_SIZE as tn, UiGestureEvent as to, lineIndexAtY as tr, prepareInputSurface as tt, replayPaint as u, defaultTypography as ua, minmax as ui, resolvePaintState as un, UiWheelEvent as uo, lineEndAt as ur, UiPointerController as ut, drawOverlayShapes as v, spanAtOffset as va, borderRadiusIsZero as vi, selectableTextOf as vn, DEFAULT_LINE_HEIGHT_FACTOR as vr, scrollRange as vt, describeLength as w, darkColors as wa, UiEnvironmentKeys as wi, isNodeSelectable as wn, closestPropertyName as wr, offsetAtPointIn as wt, LayoutEngine as x, textSpansEqual as xa, uniformBorderRadius as xi, isNodeFocusable as xn, resolveProperty as xr, scrollbarZoneAt as xt, labelOrigin as y, spannedTextOf as ya, borderRadiusValuesEqual as yi, selectionRangeOf as yn, resolveBoolean as yr, scrollbarThumb as yt, isLayoutProtocol as z, DirtyNodeSet as za, hasThemeExtension as zi, editorOf as zn, statesEqual as zr, buildFontString as zt };
 
-//# sourceMappingURL=CanvasSurface-Dz-AXwa4.js.map
+//# sourceMappingURL=CanvasSurface-cRmWIUfC.js.map