@wardic/dom 0.0.0-stage → 1.0.0-rc.2

package/dist/internal/measure.js

@@ -0,0 +1,278 @@
+/**
+ * The DOM reads the Projection system takes at measure time (ADR-0005 / ADR-0009 /
+ * ADR-0012). Two box readers: {@link readLayoutBox} is the raw rect the projection
+ * pass uses (it owns the transform reset at pass level), {@link measureLayoutBox}
+ * a self-resetting single-element read for a lone caller. No framework or Effect dependency — pure DOM — so
+ * this lives in `@wardic/dom` alongside the Projection system that consumes it (a
+ * binding imports it from here).
+ *
+ * It's the surface of the port the engine would move into `@wardic/core` behind (#16, parked
+ * until a non-DOM Environment exists): a DOM read the engine newly needs is added here, named,
+ * rather than written inline in `projection.ts`, measure-time or not: the tree's `contains` too
+ * (#618). #16 maps the reads that file made inline before this rule.
+ */
+import * as Drag from "@wardic/core/Drag";
+import * as Arr from "effect/Array";
+import * as Bool from "effect/Boolean";
+import { constVoid } from "effect/Function";
+import * as Option from "effect/Option";
+import * as Predicate from "effect/Predicate";
+import * as Str from "effect/String";
+import { pending as appearRuns } from "./appear.js";
+/**
+ * Read `el`'s box AS IT CURRENTLY RENDERS — a raw `getBoundingClientRect`, no
+ * transform reset. The projection measure pass uses this because it resets the
+ * whole tree's transforms in its own WRITE phase first, so by the time it reads,
+ * nothing is transformed (see `runMeasurePass`). A lone caller wants
+ * {@link measureLayoutBox} instead.
+ */
+export const readLayoutBox = (el) => {
+    const r = el.getBoundingClientRect();
+    return {
+        x: r.x,
+        y: r.y,
+        width: r.width,
+        height: r.height,
+        top: r.top,
+        right: r.right,
+        bottom: r.bottom,
+        left: r.left,
+    };
+};
+/**
+ * Measures `el`'s box where the layout puts it: its own `transform` is cleared for the read and put
+ * back, so an animation running on it doesn't move the reading. Its ancestors' transforms still
+ * count. The box is in the viewport: `x`, `y`, `width`, `height`, and its edges.
+ *
+ * @example
+ * const box = measureLayoutBox(card)
+ * @see https://wardic.dev/reference/solid/layout/measure-layout-box
+ */
+// The inline transform is blanked, the rect read, and the exact prior value restored in a `finally`, so
+// a throwing getBoundingClientRect can't leave the element reset. For one element only: inside a tree
+// pass an ancestor's transform pollutes the reading too, and the `finally` restores before the next
+// element is read, which is why the projection pass hoists the reset out to pass level instead.
+export const measureLayoutBox = (el) => {
+    const saved = el.style.transform;
+    el.style.transform = "";
+    // An Appear animation not yet handed off (#245): its CSS transform beats an inline one, not an important one.
+    if (appearRuns(el))
+        el.style.setProperty("transform", "none", "important");
+    try {
+        return readLayoutBox(el);
+    }
+    finally {
+        el.style.transform = saved;
+    }
+};
+/**
+ * The bounds on `element`'s x/y that keep it inside `container` (Motion's element `dragConstraints`):
+ * `element` measured without its own transform (its layout box, as Motion's projection measures it),
+ * `container` as it renders. With `mapPoint` (Motion's `transformPagePoint`), each box's corners are
+ * mapped through it first, as Motion's `measurePageBox` maps them: a container inside a zoomed parent
+ * bounds the element in its own pixels.
+ */
+// #273, ADR-0047; #443.
+export const dragBoundsWithin = (element, container, mapPoint) => Drag.boundsWithin(mappedEdges(measureLayoutBox(element), mapPoint), mappedEdges(container.getBoundingClientRect(), mapPoint));
+/** A box's edges, its top-left and bottom-right corners mapped through `mapPoint` when given (#443, Motion's `transformBoxPoints`). */
+const mappedEdges = (box, mapPoint) => {
+    if (Predicate.isUndefined(mapPoint))
+        return box;
+    const topLeft = mapPoint({ x: box.left, y: box.top });
+    const bottomRight = mapPoint({ x: box.right, y: box.bottom });
+    return { left: topLeft.x, top: topLeft.y, right: bottomRight.x, bottom: bottomRight.y };
+};
+/**
+ * A page box's size as it renders (#261, ADR-0018 *Amendment (#261)*): a raw `getBoundingClientRect`,
+ * so a transformed one reads as painted, which the observer's border box doesn't (its echo then reads
+ * as a change, and costs one refresh).
+ */
+export const readBoxSize = (el) => {
+    const r = el.getBoundingClientRect();
+    return { width: r.width, height: r.height };
+};
+/** The positions that take a box out of its parent's flow, where its size moves nothing else. */
+const OUT_OF_FLOW = ["absolute", "fixed"];
+/** Whether `el` takes space in its parent's flow (#261): it isn't absolutely or fixed positioned. */
+export const takesFlowSpace = (el) => Bool.not(Arr.contains(OUT_OF_FLOW, getComputedStyle(el).position));
+/** An element's scroll offset (ADR-0012, Motion's `measureScroll`). */
+export const measureScroll = (el) => ({ x: el.scrollLeft, y: el.scrollTop });
+/**
+ * Whether `el` is a scroll ROOT (ADR-0012, Motion's `checkIsScrollRoot`): a
+ * `position: fixed` element establishes a viewport-relative frame, so its subtree
+ * doesn't fold in page (or outer-container) scroll.
+ */
+export const isScrollRoot = (el) => getComputedStyle(el).position === "fixed";
+/** The properties that move an element on screen without moving its layout (ADR-0012, *Amendment (#136)*). */
+const TRANSFORM_PROPERTIES = ["transform", "translate", "scale", "rotate"];
+/**
+ * Each property's identity that isn't `none`. An element held at it keeps the containing
+ * block and stacking context its transform gives it, so nothing inside lays out
+ * differently while it's held.
+ */
+const IDENTITY = {
+    transform: "translate(0px)",
+    translate: "0px",
+    scale: "1",
+    rotate: "0deg",
+};
+const isTransformProperty = (property) => Arr.contains(TRANSFORM_PROPERTIES, property);
+/** A transition on a transform property: `all`, or one of them by name. */
+const transitionsTransform = (property) => Bool.or(property === "all", isTransformProperty(property));
+/** A CSS time (`0.3s`, `200ms`) in seconds. */
+const seconds = (time) => Bool.match(Str.endsWith("ms")(time), { onTrue: () => Number.parseFloat(time) / 1000, onFalse: () => Number.parseFloat(time) });
+/** The list a computed `transition-*` value holds, one entry per transition. */
+const entries = (value) => Arr.map(value.split(","), Str.trim);
+/**
+ * Whether `style` declares a transition that would run on one of the transform
+ * properties: its name or `all`, with a combined duration (`max(duration, 0) + delay`)
+ * above 0. The durations and delays repeat to the properties' length, as CSS does.
+ */
+const declaresTransformTransition = (style) => {
+    const durations = entries(style.transitionDuration);
+    const delays = entries(style.transitionDelay);
+    return Arr.some(entries(style.transitionProperty), (property, i) => Bool.and(transitionsTransform(property), Math.max(seconds(durations[i % durations.length]), 0) + seconds(delays[i % delays.length]) > 0));
+};
+/** A computed transform property that moves its element: set, and not `none` (`""` is unsupported, or no style). */
+const isMoving = (value) => Bool.and(Str.isNonEmpty(value), value !== "none");
+/**
+ * Whether one of `style`'s transform properties moves its element. Read through the
+ * properties' accessors, which cost less than `getPropertyValue` (0.57 against 0.70 µs for
+ * the four in Chromium 147), and nothing is allocated.
+ */
+const movesAny = (style) => Bool.or(Bool.or(isMoving(style.transform), isMoving(style.translate)), Bool.or(isMoving(style.scale), isMoving(style.rotate)));
+/**
+ * {@link TransformStyle} from an element's computed style. `getComputedStyle` returns a
+ * live declaration, so a caller that keeps one per element reads the current values each
+ * time without calling it again.
+ */
+export const transformStyleFrom = (style) => {
+    // Most elements carry none: they cost the four reads, and nothing else.
+    if (Bool.not(movesAny(style)))
+        return UNMOVED;
+    return {
+        moved: Arr.filter(TRANSFORM_PROPERTIES, (property) => isMoving(style[property])),
+        transitioned: declaresTransformTransition(style),
+    };
+};
+/** The answer for an element no transform moves, shared. */
+const UNMOVED = { moved: [], transitioned: false };
+/**
+ * Whether a CSS transition is running on one of `el`'s transform properties. Holding it
+ * would cancel or restart that transition, so the pass leaves it as it is: its offset
+ * stays in the box (the documented limit).
+ */
+export const transitionRunning = (el) => Arr.some(el.getAnimations(), (animation) => Bool.and(animation instanceof CSSTransition, isTransformProperty(animation.transitionProperty)));
+/** Whether `el` has an inline style the pass can hold its transform through. */
+export const isHoldable = (el) => Predicate.hasProperty(el, "style");
+/** Put an inline property back as it was: removed when it had no inline value. */
+const restoreProperty = (inline, property, value, priority) => Bool.match(Str.isEmpty(value), {
+    onTrue: () => {
+        inline.removeProperty(property);
+    },
+    onFalse: () => inline.setProperty(property, value, priority),
+});
+/**
+ * Hold `el`'s transform properties at their identity (ADR-0012, *Amendment (#136)*):
+ * inline and `!important`, so a stylesheet rule, a CSS animation and a Web Animation
+ * all give way. An element with a transition declared on one of them also gets
+ * `transition-property: none` for the hold, so it starts none.
+ */
+export const holdTransform = (el, style) => {
+    const inline = el.style;
+    const saved = Arr.map(style.moved, (property) => [property, inline.getPropertyValue(property), inline.getPropertyPriority(property)]);
+    const transition = Bool.match(style.transitioned, {
+        onFalse: () => Option.none(),
+        onTrue: () => Option.some([inline.getPropertyValue("transition-property"), inline.getPropertyPriority("transition-property")]),
+    });
+    if (Option.isSome(transition))
+        inline.setProperty("transition-property", "none", "important");
+    Arr.forEach(style.moved, (property) => inline.setProperty(property, IDENTITY[property], "important"));
+    return { element: el, saved, transition };
+};
+/**
+ * Put back what {@link holdTransform} replaced. The elements whose transitions it turned
+ * off get their transform back first, then a style read, then their transition, so the
+ * return from identity starts no transition either.
+ */
+export const releaseTransforms = (holds) => {
+    Arr.forEach(holds, (hold) => Arr.forEach(hold.saved, ([property, value, priority]) => restoreProperty(hold.element.style, property, value, priority)));
+    const transitioned = Arr.filter(holds, (hold) => Option.isSome(hold.transition));
+    Arr.forEach(transitioned, (hold) => getComputedStyle(hold.element).getPropertyValue("transform"));
+    Arr.forEach(transitioned, (hold) => Option.match(hold.transition, {
+        onNone: constVoid,
+        onSome: ([value, priority]) => restoreProperty(hold.element.style, "transition-property", value, priority),
+    }));
+};
+/** The inline properties a sticky element is held unstuck through (#578). */
+const UNSTUCK = [
+    ["position", "relative"],
+    ["top", "auto"],
+    ["right", "auto"],
+    ["bottom", "auto"],
+    ["left", "auto"],
+];
+/**
+ * Hold a `position: sticky` element at its static place (ADR-0012, *Amendment (#578)*):
+ * `position: relative` with every inset `auto`, inline and `!important`, so it's offset by
+ * nothing and still positioned, the containing block of what's absolute inside it. Neither
+ * the flow around it nor the scroll moves: a sticky element's offset takes no space.
+ */
+export const holdUnstuck = (el) => {
+    const inline = el.style;
+    const saved = Arr.map(UNSTUCK, ([property]) => [property, inline.getPropertyValue(property), inline.getPropertyPriority(property)]);
+    Arr.forEach(UNSTUCK, ([property, value]) => inline.setProperty(property, value, "important"));
+    return { element: el, saved };
+};
+/** Put back what {@link holdUnstuck} replaced. */
+export const releaseUnstuck = (holds) => Arr.forEach(holds, (hold) => Arr.forEach(hold.saved, ([property, value, priority]) => restoreProperty(hold.element.style, property, value, priority)));
+/**
+ * The document's scroll offset (the page/window scroll, ADR-0012, Motion's
+ * `DocumentProjectionNode` root). Folded into every box unless it sits in a scroll
+ * root. SSR-safe (returns origin when there is no document).
+ */
+export const measureDocumentScroll = () => {
+    const page = globalThis.document;
+    if (Predicate.isUndefined(page))
+        return { x: 0, y: 0 };
+    const doc = page.documentElement;
+    // In quirks mode the body scrolls, and `documentElement` reads 0. Per pass: plain reads.
+    const body = page.body;
+    if (Predicate.isNull(body))
+        return { x: doc.scrollLeft, y: doc.scrollTop };
+    return { x: doc.scrollLeft || body.scrollLeft, y: doc.scrollTop || body.scrollTop };
+};
+export { readScrollStyle, scrollersOf, scrollStyleFrom } from "./scrollers.js";
+/** Whether `inner` is `outer` or inside it, in the DOM's tree: the engine's one question of the tree (#618). */
+export const contains = (outer, inner) => outer.contains(inner);
+/** `el`'s computed opacity, as a number: a Crossfade's fade from where its leaver is drawn (#618). */
+export const readOpacity = (el) => Number(getComputedStyle(el).opacity);
+/** The computed values of `keys` on `el` (#443), by key: an empty one, or `none`, left out. One style read. */
+export const readCustomBases = (el, keys) => {
+    const style = getComputedStyle(el);
+    const out = {};
+    for (const corrected of keys) {
+        const value = style.getPropertyValue(corrected.cssKey).trim();
+        if (value !== "" && value !== "none")
+            out[corrected.key] = value;
+    }
+    return out;
+};
+/**
+ * Each of `els`' offsets from its static place (#578): its box as it's drawn, less its box held
+ * unstuck. All held at once, so it costs one layout for them all, then one more after the release.
+ */
+export const readStickyShifts = (els) => {
+    const list = Arr.fromIterable(els);
+    const stuck = Arr.map(list, (el) => el.getBoundingClientRect());
+    const holds = Arr.map(list, holdUnstuck);
+    let unstuck = [];
+    try {
+        unstuck = Arr.map(list, (el) => el.getBoundingClientRect());
+    }
+    finally {
+        releaseUnstuck(holds);
+    }
+    return new Map(Arr.map(list, (el, i) => [el, { x: stuck[i].left - unstuck[i].left, y: stuck[i].top - unstuck[i].top }]));
+};
+//# sourceMappingURL=measure.js.map

package/dist/internal/measure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure.js","sourceRoot":"","sources":["../../src/internal/measure.ts"],"names":[],"mappings":"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"}

package/dist/internal/measured-pairs.d.ts

@@ -0,0 +1,38 @@
+import type * as Values from "@wardic/core/Values";
+import * as Option from "effect/Option";
+/**
+ * Whether `key` from `from` to `to` needs measuring, a Measured pair: a key that can be measured, whose
+ * two ends are lengths, `auto` or a `calc()`, of different types. Two of one type blend as ever.
+ */
+export declare const needs: (key: string, from: number | string, to: number | string) => boolean;
+/** One Measured pair as asked for: its key, and its ends as given. */
+export interface Requested {
+    /** The key. */
+    readonly key: string;
+    /** Its start, as given. */
+    readonly from: number | string;
+    /** Its target, as given. */
+    readonly to: number | string;
+}
+/** One Measured pair its batch has read: as asked, with each end in px. */
+export interface Measured extends Requested {
+    /** Its start in px. */
+    readonly fromPx: number;
+    /** Its target in px. */
+    readonly toPx: number;
+}
+/**
+ * `pair` with its px, once its end-of-task batch has read both its ends: none before that batch, and
+ * none if it couldn't read one, which the animation takes as a switch.
+ */
+export declare const measured: (pair: Requested) => Option.Option<Measured>;
+/**
+ * Measures `pairs` on `element` at the end of this task, with every other element's in the same batch:
+ * each pair, as asked, {@link measured} before the next tick. `values` are what the element draws now,
+ * its other transforms among them.
+ */
+export declare const measure: (element: HTMLElement, pairs: Readonly<Record<string, {
+    readonly from: number | string;
+    readonly to: number | string;
+}>>, values: Values.Values) => Readonly<Record<string, Requested>>;
+//# sourceMappingURL=measured-pairs.d.ts.map

package/dist/internal/measured-pairs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measured-pairs.d.ts","sourceRoot":"","sources":["../../src/internal/measured-pairs.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,KAAK,MAAM,MAAM,qBAAqB,CAAA;AAGlD,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AA8BvC;;;GAGG;AAEH,eAAO,MAAM,KAAK,QAAS,MAAM,QAAQ,MAAM,GAAG,MAAM,MAAM,MAAM,GAAG,MAAM,KAAG,OAO/E,CAAA;AAED,sEAAsE;AAEtE,MAAM,WAAW,SAAS;IACxB,eAAe;IACf,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,2BAA2B;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAC7B;AAED,2EAA2E;AAC3E,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC,uBAAuB;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,wBAAwB;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAoBD;;;GAGG;AAEH,eAAO,MAAM,QAAQ,SAAU,SAAS,KAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAA2C,CAAA;AAQ5G;;;;GAIG;AAEH,eAAO,MAAM,OAAO,YACT,WAAW,SACb,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAC,UACzF,MAAM,CAAC,MAAM,KACpB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAQpC,CAAA"}

package/dist/internal/measured-pairs.js

@@ -0,0 +1,251 @@
+/**
+ * **Measured pairs** (#430, CONTEXT.md; Motion's `DOMKeyframesResolver`, `.reference/motion` at
+ * `16c6122`): a positional key whose start and target differ in type (`"auto"`, `"50%"` against a
+ * length in px, a `calc()` on one side) is measured in px at both ends, its leg runs between them,
+ * and it lands on its target as given.
+ *
+ * - **Which keys:** `width`, `height`, `top`, `left`, `right`, `bottom`, and the translates `x`, `y`,
+ *   `translateX`, `translateY`: Motion's `positionalKeys` with a measurement (`positionalValues`).
+ * - **When** (#430's Q2): every pair a task asks for is measured in one batch, in a microtask at the
+ *   end of that task, before its paint (ADR-0018's timing): each start read, each target written
+ *   inline, the page laid out once, each target read, every style restored. Motion's
+ *   `measureAllKeyframes`. Nothing paints the target, and a `ResizeObserver` never reports it.
+ * - **An end already in px** (a number, a px length) is taken as given: only `auto`, a percentage, a
+ *   `calc()` or another unit is read from the layout.
+ * - **The reads:** a size from the computed style, which a transform doesn't change, else from the
+ *   box (an element with none of its own, inline: Motion's `measureDimension`); an inset from the
+ *   computed style, else, for `right` and `bottom`, Motion's sum from `top` or `left` and the box,
+ *   read with the element's transform off; a translate from the computed transform's matrix.
+ *
+ * A binding asks with {@link measure} at a Retarget, which returns each pair as asked
+ * ({@link Requested}), and its leg reads each one {@link measured} at its first step, a tick after the
+ * batch: a new record with its px, none if the batch couldn't read it.
+ */
+import * as Interpolator from "@wardic/core/Interpolator";
+import * as Arr from "effect/Array";
+import * as Bool from "effect/Boolean";
+import * as Option from "effect/Option";
+import * as Predicate from "effect/Predicate";
+import * as Rec from "effect/Record";
+import * as UndefinedOr from "effect/UndefinedOr";
+import { project } from "./renderer.js";
+/** The keys a Measured pair can be on (Motion's positional keys with a measurement). */
+const SIZES = new Set(["width", "height"]);
+const INSETS = new Set(["top", "left", "right", "bottom"]);
+const TRANSLATES = new Set(["x", "y", "translateX", "translateY"]);
+/** Every key a Measured pair can be on: one lookup per key, per Retarget (#460). */
+const MEASURABLE = new Set([...SIZES, ...INSETS, ...TRANSLATES]);
+/** Whether `key` can be a Measured pair. */
+const isMeasurable = (key) => MEASURABLE.has(key);
+/**
+ * A value's type, as a Measured pair compares them: a number or a px length is `px`; `auto`; a
+ * `calc()` or `var()`; any other unit; `undefined` for what isn't a length. Per key, per Retarget: a
+ * number, nearly every translate's, makes nothing.
+ */
+const kindOf = (value) => {
+    if (Predicate.isNumber(value))
+        return "px";
+    const text = value.trim();
+    if (text === "auto")
+        return "auto";
+    if (/^(calc|var|min|max|clamp)\(/.test(text))
+        return "calc";
+    return Option.getOrUndefined(Option.map(Interpolator.unitOf(text), (unit) => Bool.match(Bool.or(unit === "", unit === "px"), { onTrue: () => "px", onFalse: () => unit })));
+};
+/**
+ * Whether `key` from `from` to `to` needs measuring, a Measured pair: a key that can be measured, whose
+ * two ends are lengths, `auto` or a `calc()`, of different types. Two of one type blend as ever.
+ */
+// #430; `needs`, not a type guard's `is…` name (#618, A3).
+export const needs = (key, from, to) => {
+    if (Bool.not(isMeasurable(key)))
+        return false;
+    const a = kindOf(from);
+    if (Predicate.isUndefined(a))
+        return false;
+    const b = kindOf(to);
+    if (Predicate.isUndefined(b))
+        return false;
+    return a !== b;
+};
+// Module state (#460, Q7): each pair its batch has read, by the pair as asked, kept as long as its asker
+// keeps that pair.
+const read = new WeakMap();
+/**
+ * `pair` with its px, once its end-of-task batch has read both its ends: none before that batch, and
+ * none if it couldn't read one, which the animation takes as a switch.
+ */
+// #618 (A1).
+export const measured = (pair) => Option.fromUndefinedOr(read.get(pair));
+/** The pairs this task asked for, measured at its end. */
+// Module state (#460, Q7): the page's one batch, so every provider's pairs share one read pass a task.
+let queued = [];
+// Module state (#460, Q7): the page's one end-of-task batch across providers.
+let scheduled = false;
+/**
+ * Measures `pairs` on `element` at the end of this task, with every other element's in the same batch:
+ * each pair, as asked, {@link measured} before the next tick. `values` are what the element draws now,
+ * its other transforms among them.
+ */
+// #430's Q2.
+export const measure = (element, pairs, values) => {
+    const made = Rec.map(pairs, ({ from, to }, key) => ({ key, from, to }));
+    queued.push({ element, slots: Arr.map(Rec.values(made), (pair) => ({ pair, fromPx: undefined, toPx: undefined })), values });
+    if (Bool.not(scheduled)) {
+        scheduled = true;
+        queueMicrotask(flush);
+    }
+    return made;
+};
+/** A length's CSS text, as a style property takes it: a number in px. */
+const cssOf = (value) => Bool.match(Predicate.isNumber(value), { onTrue: () => `${value}px`, onFalse: () => value });
+/**
+ * An end already in px (#430): a number, or a px length, taken as given, not read from the layout.
+ * So an explicit first stop (`[0, "auto"]`) starts at it, where Motion's `measureInitialState` reads
+ * the element over it, and a target in px is never written to be read.
+ */
+const givenPx = (value) => {
+    if (kindOf(value) !== "px")
+        return undefined;
+    if (Predicate.isNumber(value))
+        return value;
+    return Option.getOrUndefined(pxOf(value));
+};
+/** A number read from CSS text, `None` when it isn't one (`auto`). */
+const pxOf = (text) => Option.liftPredicate(Number.parseFloat(text), Number.isFinite);
+/** A size read from the box, as Motion's `measureDimension`: the border box, less the padding for a content box. */
+const sizeFromBox = (element, style, key) => {
+    const box = element.getBoundingClientRect();
+    const size = Bool.match(key === "width", { onTrue: () => box.width, onFalse: () => box.height });
+    if (style.boxSizing === "border-box")
+        return size;
+    const [start, end] = Bool.match(key === "width", {
+        onTrue: () => [style.paddingLeft, style.paddingRight],
+        onFalse: () => [style.paddingTop, style.paddingBottom],
+    });
+    return size - Option.getOrElse(pxOf(start), () => 0) - Option.getOrElse(pxOf(end), () => 0);
+};
+/** An inset Motion reads from the box (`right`, `bottom`): its opposite inset and the box's size, the element's transform off. */
+const insetFromBox = (element, style, key) => {
+    const transform = element.style.transform;
+    element.style.transform = "none";
+    const box = element.getBoundingClientRect();
+    element.style.transform = transform;
+    const [opposite, size] = Bool.match(key === "right", { onTrue: () => [style.left, box.width], onFalse: () => [style.top, box.height] });
+    return Option.getOrElse(pxOf(opposite), () => 0) + size;
+};
+/** A translate read from the computed transform's matrix. */
+const translateOf = (style, key) => {
+    const matrix = new DOMMatrix(Bool.match(style.transform === "none", { onTrue: () => "matrix(1, 0, 0, 1, 0, 0)", onFalse: () => style.transform }));
+    return Bool.match(Bool.or(key === "x", key === "translateX"), { onTrue: () => matrix.m41, onFalse: () => matrix.m42 });
+};
+/** `key`'s value in px as `element` lays out now. */
+const readPx = (element, style, key) => {
+    if (TRANSLATES.has(key))
+        return translateOf(style, key);
+    const read = pxOf(style.getPropertyValue(key));
+    if (Option.isSome(read))
+        return read.value;
+    if (SIZES.has(key))
+        return sizeFromBox(element, style, key);
+    if (Bool.or(key === "right", key === "bottom"))
+        return insetFromBox(element, style, key);
+    return 0;
+};
+/** An inline property as it is now, to put back. */
+const savedOf = (element, property) => ({ element, property, value: element.style.getPropertyValue(property), priority: element.style.getPropertyPriority(property) });
+/**
+ * Write `pairs`' translates at their `end` through the element's whole transform, keeping what was
+ * there: the browser lays out any unit, `-100%` included (#594).
+ */
+const writeTranslates = (request, slots, end) => {
+    if (slots.length === 0)
+        return [];
+    const { element, values } = request;
+    const saved = savedOf(element, "transform");
+    const transform = project({ ...values, ...Rec.fromEntries(Arr.map(slots, ({ pair }) => [pair.key, pair[end]])) })["transform"];
+    element.style.setProperty("transform", UndefinedOr.match(transform, { onUndefined: () => "none", onDefined: String }));
+    return [saved];
+};
+/** Write each pair's target inline on its element, keeping what was there; a translate through the element's whole transform. */
+const writeTargets = (request) => {
+    const unread = Arr.filter(request.slots, (slot) => Predicate.isUndefined(slot.toPx));
+    const saved = [...writeTranslates(request, Arr.filter(unread, (slot) => TRANSLATES.has(slot.pair.key)), "to")];
+    Arr.forEach(unread, ({ pair }) => {
+        if (TRANSLATES.has(pair.key))
+            return;
+        saved.push(savedOf(request.element, pair.key));
+        request.element.style.setProperty(pair.key, cssOf(pair.to));
+    });
+    return saved;
+};
+/**
+ * Write each translate pair's start not in px, as a target is (#594): a layout element's transform at
+ * this moment is its projection's, or held off for its Measure pass, so reading it as it is gave 0.
+ */
+const writeTranslateStarts = (request) => writeTranslates(request, Arr.filter(request.slots, (slot) => Bool.and(TRANSLATES.has(slot.pair.key), Predicate.isUndefined(slot.fromPx))), "from");
+/** Put back what {@link writeTargets} replaced. */
+const restore = (saved) => Arr.forEach(saved, ({ element, property, value, priority }) => Bool.match(value === "", {
+    onTrue: () => void element.style.removeProperty(property),
+    onFalse: () => element.style.setProperty(property, value, priority),
+}));
+/**
+ * The batch (#430's Q2): every start read, every target written, every target read, every style
+ * restored, so the page is laid out once for all of them and paints none. A page scrolled by a target
+ * (a height growing above the view) is scrolled back, as Motion's `suspendedScrollY`.
+ */
+const flush = () => {
+    const batch = queued;
+    queued = [];
+    scheduled = false;
+    const styles = Arr.map(batch, ({ element }) => getComputedStyle(element));
+    // Each end in px as given.
+    Arr.forEach(batch, (request) => Arr.forEach(request.slots, (slot) => {
+        slot.toPx = givenPx(slot.pair.to);
+        slot.fromPx = givenPx(slot.pair.from);
+    }));
+    // WRITE, READ, WRITE: each translate's start not in px, written alone and read (#594).
+    const starts = Arr.flatMap(batch, writeTranslateStarts);
+    if (Arr.isArrayNonEmpty(starts)) {
+        try {
+            Arr.forEach(batch, (request, i) => Arr.forEach(request.slots, (slot) => {
+                if (Bool.and(TRANSLATES.has(slot.pair.key), Predicate.isUndefined(slot.fromPx)))
+                    slot.fromPx = readPx(request.element, UndefinedOr.getOrThrow(styles[i]), slot.pair.key);
+            }));
+        }
+        finally {
+            restore(starts);
+        }
+    }
+    // READ: each other start not already in px, as the element lays out now.
+    Arr.forEach(batch, (request, i) => Arr.forEach(request.slots, (slot) => {
+        if (Predicate.isUndefined(slot.fromPx))
+            slot.fromPx = readPx(request.element, UndefinedOr.getOrThrow(styles[i]), slot.pair.key);
+    }));
+    const scrollY = globalThis.scrollY;
+    // WRITE: each target, inline.
+    const saved = Arr.flatMap(batch, writeTargets);
+    try {
+        // READ: each target not already in px, laid out once.
+        Arr.forEach(batch, (request, i) => Arr.forEach(request.slots, (slot) => {
+            if (Predicate.isUndefined(slot.toPx))
+                slot.toPx = readPx(request.element, UndefinedOr.getOrThrow(styles[i]), slot.pair.key);
+        }));
+    }
+    finally {
+        // WRITE: every style as it was.
+        restore(saved);
+        if (globalThis.scrollY !== scrollY)
+            globalThis.scrollTo(globalThis.scrollX, scrollY);
+    }
+    // Each pair read at both ends, as a record of its own.
+    Arr.forEach(batch, (request) => Arr.forEach(request.slots, ({ pair, fromPx, toPx }) => {
+        if (Predicate.isUndefined(fromPx))
+            return;
+        if (Predicate.isUndefined(toPx))
+            return;
+        if (Bool.and(Number.isFinite(fromPx), Number.isFinite(toPx)))
+            read.set(pair, { ...pair, fromPx, toPx });
+    }));
+};
+//# sourceMappingURL=measured-pairs.js.map

package/dist/internal/measured-pairs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measured-pairs.js","sourceRoot":"","sources":["../../src/internal/measured-pairs.ts"],"names":[],"mappings":"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"}