@genome-spy/core 0.78.0 → 0.79.1

package/dist/src/view/renderingContext/bufferedViewRenderingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bufferedViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/bufferedViewRenderingContext.js"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AAEH;;;GAGG;AACH;IA2BI;;;OAGG;IACH,2BAHW,OAAO,0BAA0B,EAAE,sBAAsB,mBACzD,4BAA4B,EActC;IAyCD;;;OAGG;IACH,eAmCC;;CA4EJ;;iBAnNS,OAAO,yBAAyB,EAAE,OAAO;;;;gBACzC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;sBAC/B,MAAM;sBACN,OAAO,SAAS,EAAE,eAAe;;;;;iBACjC,MAAM;;iCATiB,2BAA2B"}
+{"version":3,"file":"bufferedViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/bufferedViewRenderingContext.js"],"names":[],"mappings":"AAUA;;;;;;;;GAQG;AAEH;;;GAGG;AACH;IA2BI;;;OAGG;IACH,2BAHW,OAAO,0BAA0B,EAAE,sBAAsB,mBACzD,4BAA4B,EActC;IA+CD;;;OAGG;IACH,eAmCC;;CAuFJ;;iBApOS,OAAO,yBAAyB,EAAE,OAAO;;;;gBACzC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;sBAC/B,MAAM;sBACN,OAAO,SAAS,EAAE,eAAe;;;;;iBACjC,MAAM;;iCAdiB,2BAA2B"}

package/dist/src/view/renderingContext/bufferedViewRenderingContext.js

@@ -2,6 +2,11 @@ import { group } from "d3-array";
 
 import ViewRenderingContext from "./viewRenderingContext.js";
 import { color } from "d3-color";
+import {
+    clipOptionsEqual,
+    normalizeClipOptions,
+    prepareMarkClipOptionsFromClip,
+} from "./clipOptions.js";
 
 /**
  * @typedef {object} BufferedViewRenderingOptions
@@ -92,11 +97,17 @@ export default class BufferedViewRenderingContext extends ViewRenderingContext {
 
         const callback = mark.render(options);
         if (callback) {
+            const inheritedClip = normalizeClipOptions(options);
             this.#buffer.push({
                 mark,
                 callback,
                 coords: this.#coords,
-                clipRect: options.clipRect,
+                clip: prepareMarkClipOptionsFromClip(
+                    inheritedClip,
+                    mark.properties.clip,
+                    this.#coords
+                ),
+                cullClip: inheritedClip,
             });
         }
     }
@@ -195,24 +206,35 @@ export default class BufferedViewRenderingContext extends ViewRenderingContext {
 
             /** @type {import("../layout/rectangle.js").default} */
             let previousCoords;
+            /** @type {import("../../types/rendering.js").ClipOptions | undefined} */
+            let previousClip;
+            /** @type {import("../../types/rendering.js").ClipOptions | undefined} */
+            let previousCullClip;
             for (const request of requests) {
                 const coords = request.coords;
                 // Render each facet
-                if (!coords.equals(previousCoords)) {
+                if (
+                    !coords.equals(previousCoords) ||
+                    !clipOptionsEqual(request.clip, previousClip) ||
+                    !clipOptionsEqual(request.cullClip, previousCullClip)
+                ) {
                     this.#batch.push(
                         ifEnabled(() => {
-                            // Suppress rendering if viewport is outside the clipRect
+                            // Suppress rendering if viewport is outside the clip.
                             viewportVisible = mark.setViewport(
                                 this.#canvasSize,
                                 this.#dpr,
                                 coords,
-                                request.clipRect
+                                request.clip,
+                                request.cullClip
                             );
                         })
                     );
                 }
                 this.#batch.push(ifEnabledAndVisible(request.callback));
                 previousCoords = request.coords;
+                previousClip = request.clip;
+                previousCullClip = request.cullClip;
             }
         }
     }

package/dist/src/view/renderingContext/clipOptions.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @param {import("../../types/rendering.js").RenderingOptions} options
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function normalizeClipOptions(options: import("../../types/rendering.js").RenderingOptions): import("../../types/rendering.js").ClipOptions | undefined;
+/**
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} a
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} b
+ * @returns {boolean}
+ */
+export function clipOptionsEqual(a: import("../../types/rendering.js").ClipOptions | undefined, b: import("../../types/rendering.js").ClipOptions | undefined): boolean;
+/**
+ * @param {import("../layout/rectangle.js").default} rect
+ * @param {boolean} clipX
+ * @param {boolean} clipY
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function createClipOptions(rect: import("../layout/rectangle.js").default, clipX: boolean, clipY: boolean): import("../../types/rendering.js").ClipOptions | undefined;
+/**
+ * @param {import("../layout/rectangle.js").default} coords
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} clip
+ * @returns {import("../layout/rectangle.js").default}
+ */
+export function clipCoords(coords: import("../layout/rectangle.js").default, clip: import("../../types/rendering.js").ClipOptions | undefined): import("../layout/rectangle.js").default;
+/**
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} current
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} next
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function combineClipOptions(current: import("../../types/rendering.js").ClipOptions | undefined, next: import("../../types/rendering.js").ClipOptions | undefined): import("../../types/rendering.js").ClipOptions | undefined;
+/**
+ * @param {import("../../spec/mark.js").MarkProps["clip"]} clip
+ * @param {import("../layout/rectangle.js").default} coords
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function createSelfClipOptions(clip: import("../../spec/mark.js").MarkProps["clip"], coords: import("../layout/rectangle.js").default): import("../../types/rendering.js").ClipOptions | undefined;
+/**
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} inheritedClip
+ * @param {import("../../spec/mark.js").MarkProps["clip"]} markClip
+ * @param {import("../layout/rectangle.js").default} coords
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function prepareMarkClipOptionsFromClip(inheritedClip: import("../../types/rendering.js").ClipOptions | undefined, markClip: import("../../spec/mark.js").MarkProps["clip"], coords: import("../layout/rectangle.js").default): import("../../types/rendering.js").ClipOptions | undefined;
+//# sourceMappingURL=clipOptions.d.ts.map

package/dist/src/view/renderingContext/clipOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipOptions.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/clipOptions.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,8CAHW,OAAO,0BAA0B,EAAE,gBAAgB,GACjD,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,CActE;AAED;;;;GAIG;AACH,oCAJW,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,KAC1D,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,GACxD,OAAO,CAYnB;AAED;;;;;GAKG;AACH,wCALW,OAAO,wBAAwB,EAAE,OAAO,SACxC,OAAO,SACP,OAAO,GACL,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,CAItE;AAED;;;;GAIG;AACH,mCAJW,OAAO,wBAAwB,EAAE,OAAO,QACxC,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,GACxD,OAAO,wBAAwB,EAAE,OAAO,CAcpD;AAED;;;;GAIG;AACH,4CAJW,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,QAC1D,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,GACxD,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,CAkCtE;AAED;;;;GAIG;AACH,4CAJW,OAAO,oBAAoB,EAAE,SAAS,CAAC,MAAM,CAAC,UAC9C,OAAO,wBAAwB,EAAE,OAAO,GACtC,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,CAYtE;AAED;;;;;GAKG;AACH,8DALW,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,YAC1D,OAAO,oBAAoB,EAAE,SAAS,CAAC,MAAM,CAAC,UAC9C,OAAO,wBAAwB,EAAE,OAAO,GACtC,OAAO,0BAA0B,EAAE,WAAW,GAAG,SAAS,CAetE"}

package/dist/src/view/renderingContext/clipOptions.js

@@ -0,0 +1,140 @@
+/**
+ * @param {import("../../types/rendering.js").RenderingOptions} options
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function normalizeClipOptions(options) {
+    if (options.clip) {
+        return options.clip;
+    } else if (options.clipRect) {
+        return {
+            rect: options.clipRect,
+            clipX: true,
+            clipY: true,
+        };
+    } else {
+        return undefined;
+    }
+}
+
+/**
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} a
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} b
+ * @returns {boolean}
+ */
+export function clipOptionsEqual(a, b) {
+    if (a === b) {
+        return true;
+    } else if (!a || !b) {
+        return false;
+    } else {
+        return (
+            a.clipX === b.clipX && a.clipY === b.clipY && a.rect.equals(b.rect)
+        );
+    }
+}
+
+/**
+ * @param {import("../layout/rectangle.js").default} rect
+ * @param {boolean} clipX
+ * @param {boolean} clipY
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function createClipOptions(rect, clipX, clipY) {
+    return clipX || clipY ? { rect, clipX, clipY } : undefined;
+}
+
+/**
+ * @param {import("../layout/rectangle.js").default} coords
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} clip
+ * @returns {import("../layout/rectangle.js").default}
+ */
+export function clipCoords(coords, clip) {
+    if (!clip) {
+        return coords;
+    } else if (clip.clipX && clip.clipY) {
+        return coords.intersect(clip.rect);
+    } else if (clip.clipX) {
+        return coords.intersectX(clip.rect);
+    } else if (clip.clipY) {
+        return coords.intersectY(clip.rect);
+    } else {
+        return coords;
+    }
+}
+
+/**
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} current
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} next
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function combineClipOptions(current, next) {
+    if (!current) {
+        return next;
+    } else if (!next) {
+        return current;
+    }
+
+    const clipX = current.clipX || next.clipX;
+    const clipY = current.clipY || next.clipY;
+    const xRect =
+        current.clipX && next.clipX
+            ? current.rect.intersectX(next.rect)
+            : next.clipX
+              ? next.rect
+              : current.rect;
+    const yRect =
+        current.clipY && next.clipY
+            ? current.rect.intersectY(next.rect)
+            : next.clipY
+              ? next.rect
+              : current.rect;
+
+    return createClipOptions(
+        current.rect.modify({
+            x: () => xRect.x,
+            y: () => yRect.y,
+            width: () => xRect.width,
+            height: () => yRect.height,
+        }),
+        clipX,
+        clipY
+    );
+}
+
+/**
+ * @param {import("../../spec/mark.js").MarkProps["clip"]} clip
+ * @param {import("../layout/rectangle.js").default} coords
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function createSelfClipOptions(clip, coords) {
+    if (clip === true) {
+        return createClipOptions(coords, true, true);
+    } else if (clip === "x") {
+        return createClipOptions(coords, true, false);
+    } else if (clip === "y") {
+        return createClipOptions(coords, false, true);
+    } else {
+        return undefined;
+    }
+}
+
+/**
+ * @param {import("../../types/rendering.js").ClipOptions | undefined} inheritedClip
+ * @param {import("../../spec/mark.js").MarkProps["clip"]} markClip
+ * @param {import("../layout/rectangle.js").default} coords
+ * @returns {import("../../types/rendering.js").ClipOptions | undefined}
+ */
+export function prepareMarkClipOptionsFromClip(
+    inheritedClip,
+    markClip,
+    coords
+) {
+    if (markClip === "never") {
+        return undefined;
+    } else {
+        return combineClipOptions(
+            inheritedClip,
+            createSelfClipOptions(markClip, coords)
+        );
+    }
+}

package/dist/src/view/renderingContext/simpleViewRenderingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simpleViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/simpleViewRenderingContext.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH;IAMQ,uDAAuD;IACvD,QADW,OAAO,wBAAwB,EAAE,OAAO,CAC5B;IAEvB,gDAAgD;IAChD,OADW,GAAG,CAAC,OAAO,YAAY,EAAE,OAAO,CAAC,CACtB;CAiD7B;;;;;mBA7DY,OAAO,YAAY,EAAE,OAAO;iCANR,2BAA2B"}
+{"version":3,"file":"simpleViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/simpleViewRenderingContext.js"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH;IAMQ,uDAAuD;IACvD,QADW,OAAO,wBAAwB,EAAE,OAAO,CAC5B;IAEvB,gDAAgD;IAChD,OADW,GAAG,CAAC,OAAO,YAAY,EAAE,OAAO,CAAC,CACtB;CAwD7B;;;;;mBApEY,OAAO,YAAY,EAAE,OAAO;iCAVR,2BAA2B"}

package/dist/src/view/renderingContext/simpleViewRenderingContext.js

@@ -1,4 +1,8 @@
 import ViewRenderingContext from "./viewRenderingContext.js";
+import {
+    normalizeClipOptions,
+    prepareMarkClipOptionsFromClip,
+} from "./clipOptions.js";
 
 /**
  * This class is mainly for illustrative purpose, i.e., how the rendering
@@ -62,7 +66,14 @@ export default class SimpleViewRenderingContext extends ViewRenderingContext {
         const canvasSize = { width: 100, height: 100 }; // Placeholder, should be replaced with actual canvas size
         const dpr = this.getDevicePixelRatio();
 
-        mark.setViewport(canvasSize, dpr, this.coords, options.clipRect);
+        const inheritedClip = normalizeClipOptions(options);
+        const markClip = prepareMarkClipOptionsFromClip(
+            inheritedClip,
+            mark.properties.clip,
+            this.coords
+        );
+
+        mark.setViewport(canvasSize, dpr, this.coords, markClip, inheritedClip);
         mark.render(options)();
     }
 }

package/dist/src/view/resolutionPlanner.d.ts

@@ -1,4 +1,4 @@
-export function resolveViewResolutions(view: import("./unitView.js").default, type?: import("../spec/view.js").ResolutionTarget): void;
+export function resolveViewResolutions(view: import("./unitView.js").default, type?: ResolutionPlannerTarget): void;
 export type ResolutionMember = {
     view: import("./unitView.js").default;
     channel: import("../spec/channel.js").Channel;
@@ -6,4 +6,5 @@ export type ResolutionMember = {
     targetChannel: import("../spec/channel.js").ChannelWithScale;
 };
 export type ScaleResolutionMemberMap = Map<import("../scales/scaleResolution.js").default, ResolutionMember[]>;
+export type ResolutionPlannerTarget = import("../spec/view.js").ResolutionTarget;
 //# sourceMappingURL=resolutionPlanner.d.ts.map

package/dist/src/view/resolutionPlanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolutionPlanner.d.ts","sourceRoot":"","sources":["../../../src/view/resolutionPlanner.js"],"names":[],"mappings":"AA8RO,6CAHI,OAAO,eAAe,EAAE,OAAO,SAC/B,OAAO,iBAAiB,EAAE,gBAAgB,QAiBpD;;UAhSS,OAAO,eAAe,EAAE,OAAO;aAC/B,OAAO,oBAAoB,EAAE,OAAO;gBACpC,OAAO,oBAAoB,EAAE,mBAAmB;mBAChD,OAAO,oBAAoB,EAAE,gBAAgB;;uCAI1C,GAAG,CAAC,OAAO,8BAA8B,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"resolutionPlanner.d.ts","sourceRoot":"","sources":["../../../src/view/resolutionPlanner.js"],"names":[],"mappings":"AAyVO,6CAHI,OAAO,eAAe,EAAE,OAAO,SAC/B,uBAAuB,QAsBjC;;UAhWS,OAAO,eAAe,EAAE,OAAO;aAC/B,OAAO,oBAAoB,EAAE,OAAO;gBACpC,OAAO,oBAAoB,EAAE,mBAAmB;mBAChD,OAAO,oBAAoB,EAAE,gBAAgB;;uCAI1C,GAAG,CAAC,OAAO,8BAA8B,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;sCACvE,OAAO,iBAAiB,EAAE,gBAAgB"}

package/dist/src/view/resolutionPlanner.js

@@ -1,12 +1,12 @@
 import ScaleResolution from "../scales/scaleResolution.js";
 import AxisResolution from "../scales/axisResolution.js";
+import LegendResolution from "../scales/legendResolution.js";
 import {
     isPositionalChannel,
-    isChannelDefWithScale,
+    findChannelDefWithScale,
     getPrimaryChannel,
     isChannelWithScale,
     isPrimaryPositionalChannel,
-    isValueDefWithCondition,
 } from "../encoder/encoder.js";
 
 /**
@@ -19,30 +19,12 @@ import {
 
 /**
  * @typedef {Map<import("../scales/scaleResolution.js").default, ResolutionMember[]>} ScaleResolutionMemberMap
+ * @typedef {import("../spec/view.js").ResolutionTarget} ResolutionPlannerTarget
  */
 
-/**
- * @param {unknown} channelDef
- * @returns {import("../spec/channel.js").ChannelDefWithScale | undefined}
- */
-const getChannelDefWithScale = (channelDef) => {
-    if (isChannelDefWithScale(channelDef)) {
-        return channelDef;
-    }
-
-    if (isValueDefWithCondition(channelDef)) {
-        const condition = channelDef.condition;
-        if (!Array.isArray(condition) && isChannelDefWithScale(condition)) {
-            return condition;
-        }
-    }
-
-    return undefined;
-};
-
 /**
  * @param {import("./unitView.js").default} view
- * @param {import("../spec/view.js").ResolutionTarget} type
+ * @param {ResolutionPlannerTarget} type
  * @param {import("../spec/channel.js").ChannelWithScale} targetChannel
  * @returns {import("./unitView.js").default}
  */
@@ -100,13 +82,13 @@ const ensureScaleResolution = (ownerView, resolutionView, targetChannel) => {
 
 /**
  * @param {import("./unitView.js").default} view
- * @param {import("../spec/view.js").ResolutionTarget} type
+ * @param {ResolutionPlannerTarget} type
  * @param {import("../spec/channel.js").Channel} channel
  * @param {unknown} channelDef
  * @returns {ResolutionMember | undefined}
  */
 const getResolutionMember = (view, type, channel, channelDef) => {
-    const channelDefWithScale = getChannelDefWithScale(channelDef);
+    const channelDefWithScale = findChannelDefWithScale(channelDef);
     if (!channelDefWithScale) {
         return undefined;
     }
@@ -121,6 +103,18 @@ const getResolutionMember = (view, type, channel, channelDef) => {
     if (type == "axis" && !isPositionalChannel(targetChannel)) {
         return undefined;
     }
+    if (type == "legend" && isPositionalChannel(targetChannel)) {
+        return undefined;
+    }
+    if (
+        type == "legend" &&
+        view.getConfiguredOrDefaultResolution(
+            targetChannel,
+            /** @type {any} */ (type)
+        ) == "excluded"
+    ) {
+        return undefined;
+    }
 
     return {
         view: getResolutionView(view, type, targetChannel),
@@ -164,6 +158,29 @@ const collectAxisResolutionMembers = (view) => {
     return axisMembers;
 };
 
+/**
+ * @param {import("./unitView.js").default} view
+ * @returns {ResolutionMember[]}
+ */
+const collectLegendResolutionMembers = (view) => {
+    /** @type {ResolutionMember[]} */
+    const legendMembers = [];
+    for (const [channel, channelDef] of Object.entries(
+        view.spec.encoding ?? {}
+    )) {
+        if (!channelDef || Array.isArray(channelDef)) {
+            continue;
+        }
+
+        const member = getResolutionMember(view, "legend", channel, channelDef);
+        if (member && !isPositionalChannel(member.channel)) {
+            legendMembers.push(member);
+        }
+    }
+
+    return legendMembers;
+};
+
 /**
  * @param {import("./unitView.js").default} view
  * @returns {ScaleResolutionMemberMap}
@@ -234,6 +251,48 @@ const registerAxisResolutionMembers = (view, axisMembers) => {
     }
 };
 
+/**
+ * @param {import("./unitView.js").default} view
+ * @param {ResolutionMember[]} legendMembers
+ */
+const registerLegendResolutionMembers = (view, legendMembers) => {
+    for (const {
+        view: resolutionView,
+        channel,
+        targetChannel,
+    } of legendMembers) {
+        if (isPositionalChannel(channel)) {
+            continue;
+        }
+
+        const legendChannel =
+            /** @type {import("../spec/channel.js").ChannelWithScale} */ (
+                targetChannel
+            );
+        if (!resolutionView.resolutions.legend[legendChannel]) {
+            resolutionView.resolutions.legend[legendChannel] =
+                new LegendResolution(legendChannel);
+        }
+
+        const resolution = resolutionView.resolutions.legend[legendChannel];
+        const unregister = resolution.registerMember({
+            view,
+            channel:
+                /** @type {import("../spec/channel.js").ChannelWithScale} */ (
+                    channel
+                ),
+        });
+        view.registerDisposer(() => {
+            if (
+                unregister() &&
+                resolutionView.resolutions.legend[legendChannel] === resolution
+            ) {
+                delete resolutionView.resolutions.legend[legendChannel];
+            }
+        });
+    }
+};
+
 /**
  * @param {import("./unitView.js").default} view
  * @param {ScaleResolutionMemberMap} scaleMembersByResolution
@@ -282,7 +341,7 @@ const registerScaleResolutionMembers = (view, scaleMembersByResolution) => {
  * Resolves scale and axis members for a view.
  *
  * @param {import("./unitView.js").default} view
- * @param {import("../spec/view.js").ResolutionTarget} [type]
+ * @param {ResolutionPlannerTarget} [type]
  */
 export const resolveViewResolutions = (view, type) => {
     if (!type) {
@@ -293,6 +352,11 @@ export const resolveViewResolutions = (view, type) => {
 
     if (type == "axis") {
         registerAxisResolutionMembers(view, collectAxisResolutionMembers(view));
+    } else if (type == "legend") {
+        registerLegendResolutionMembers(
+            view,
+            collectLegendResolutionMembers(view)
+        );
     } else {
         registerScaleResolutionMembers(
             view,

package/dist/src/view/testUtils.d.ts

@@ -1,8 +1,9 @@
 /**
  * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @param {Parameters<typeof createHeadlessViewContext>[0]} [contextOptions]
  * @returns
  */
-export function createTestViewContext(viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): import("../types/viewContext.js").default;
+export function createTestViewContext(viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions, contextOptions?: Parameters<typeof createHeadlessViewContext>[0]): import("../types/viewContext.js").default;
 /**
  * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
  * @returns {BroadcastingViewContext}
@@ -10,7 +11,7 @@ export function createTestViewContext(viewFactoryOptions?: import("./viewFactory
 export function createBroadcastingTestViewContext(viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): BroadcastingViewContext;
 export function create<V extends import("./view.js").default>(spec: RootSpec, viewClass: {
     new (...args: any[]): V;
-}, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): Promise<V>;
+}, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions, contextOptions?: Parameters<typeof createHeadlessViewContext>[0]): Promise<V>;
 export function createAndInitialize<V extends import("./view.js").default>(spec: RootSpec, viewClass: {
     new (...args: any[]): V;
 }, context?: ViewContext, options?: {
@@ -61,6 +62,7 @@ export type ViewContext = import("../types/viewContext.js").default;
 export type BroadcastingViewContext = ViewContext & {
     emitBroadcast: (root: import("./view.js").default, type: import("../genomeSpy.js").BroadcastEventType, payload?: any) => void;
 };
+import { createHeadlessViewContext } from "../genomeSpy/headlessBootstrap.js";
 import View from "./view.js";
 import { createHeadlessEngine } from "../genomeSpy/headlessBootstrap.js";
 //# sourceMappingURL=testUtils.d.ts.map

package/dist/src/view/testUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/view/testUtils.js"],"names":[],"mappings":"AAkCA;;;GAGG;AACH,2DAHW,OAAO,kBAAkB,EAAE,kBAAkB,6CAOvD;AAED;;;GAGG;AACH,uEAHW,OAAO,kBAAkB,EAAE,kBAAkB,GAC3C,uBAAuB,CAmCnC;AAGS,uBAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,uBAAuB,OAAO,kBAAkB,EAAE,kBAAkB,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAqBhL,oCAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,YAAY,WAAW,YAAY;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAqBjM;;;;;;GAMG;AACH,qCAHW,IAAI,WACJ,OAAO,uBAAuB,EAAE,OAAO;;;;;EAoBjD;AAED;;;;;;GAMG;AACH,mCAJW,QAAQ,uBACR,OAAO,kBAAkB,EAAE,kBAAkB,WAC7C,OAAO,uBAAuB,EAAE,OAAO;;;;;GASjD;;;;;;uBAnKY,OAAO,iBAAiB,EAAE,QAAQ;;;;;0BAClC,OAAO,yBAAyB,EAAE,OAAO;;;;;sCACzC,WAAW,GAAG;IACtB,aAAa,EAAE,CACb,IAAI,EAAE,OAAO,WAAW,EAAE,OAAO,EACjC,IAAI,EAAE,OAAO,iBAAiB,EAAE,kBAAkB,EAClD,OAAO,CAAC,EAAE,GAAG,KACV,IAAI,CAAA;CACV;iBAca,WAAW;qCAMrB,mCAAmC"}
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/view/testUtils.js"],"names":[],"mappings":"AAkEA;;;;GAIG;AACH,2DAJW,OAAO,kBAAkB,EAAE,kBAAkB,mBAC7C,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC,CAAC,CAAC,6CAQzD;AAED;;;GAGG;AACH,uEAHW,OAAO,kBAAkB,EAAE,kBAAkB,GAC3C,uBAAuB,CAmCnC;AAGS,uBAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,uBAAuB,OAAO,kBAAkB,EAAE,kBAAkB,mBAAmB,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC,CAAC,CAAC,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AA0BlP,oCAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,YAAY,WAAW,YAAY;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAqBjM;;;;;;GAMG;AACH,qCAHW,IAAI,WACJ,OAAO,uBAAuB,EAAE,OAAO;;;;;EAoBjD;AAED;;;;;;GAMG;AACH,mCAJW,QAAQ,uBACR,OAAO,kBAAkB,EAAE,kBAAkB,WAC7C,OAAO,uBAAuB,EAAE,OAAO;;;;;GAuBjD;;;;;;uBAxNY,OAAO,iBAAiB,EAAE,QAAQ;;;;;0BAClC,OAAO,yBAAyB,EAAE,OAAO;;;;;sCACzC,WAAW,GAAG;IACtB,aAAa,EAAE,CACb,IAAI,EAAE,OAAO,WAAW,EAAE,OAAO,EACjC,IAAI,EAAE,OAAO,iBAAiB,EAAE,kBAAkB,EAClD,OAAO,CAAC,EAAE,GAAG,KACV,IAAI,CAAA;CACV;0CAoBG,mCAAmC;iBANzB,WAAW;qCAMrB,mCAAmC"}

package/dist/src/view/testUtils.js

@@ -31,13 +31,47 @@ import {
     createHeadlessEngine,
     createHeadlessViewContext,
 } from "../genomeSpy/headlessBootstrap.js";
+import { INTERNAL_DEFAULT_CONFIG } from "../config/defaultConfig.js";
+import { mergeConfigScopes } from "../config/mergeConfig.js";
+import { resolveBaseConfig } from "../config/resolveConfig.js";
+import { DEFAULT_THEME_NAME, resolveThemeSelection } from "../config/themes.js";
+import BmFontManager from "../fonts/bmFontManager.js";
+
+/**
+ * Uses the embedded default font for every font request. Layout snapshots
+ * should be stable and independent of asynchronously loaded font variants.
+ */
+class LayoutSnapshotFontManager {
+    #fontManager = new BmFontManager();
+
+    getDefaultFont() {
+        return this.#fontManager.getDefaultFont();
+    }
+
+    getFont() {
+        return this.getDefaultFont();
+    }
+
+    /** @returns {Promise<void>} */
+    async waitUntilReady() {
+        return undefined;
+    }
+}
+
+function createLayoutSnapshotFontManager() {
+    return /** @type {BmFontManager} */ (
+        /** @type {unknown} */ (new LayoutSnapshotFontManager())
+    );
+}
 
 /**
  * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @param {Parameters<typeof createHeadlessViewContext>[0]} [contextOptions]
  * @returns
  */
-export function createTestViewContext(viewFactoryOptions = {}) {
+export function createTestViewContext(viewFactoryOptions = {}, contextOptions) {
     return createHeadlessViewContext({
+        ...contextOptions,
         viewFactoryOptions,
     });
 }
@@ -82,10 +116,15 @@ export function createBroadcastingTestViewContext(viewFactoryOptions = {}) {
 }
 
 /**
- * @type {<V extends import("./view.js").default>(spec: RootSpec, viewClass: { new(...args: any[]): V }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions) => Promise<V>}
+ * @type {<V extends import("./view.js").default>(spec: RootSpec, viewClass: { new(...args: any[]): V }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions, contextOptions?: Parameters<typeof createHeadlessViewContext>[0]) => Promise<V>}
  */
-export async function create(spec, viewClass, viewFactoryOptions = {}) {
-    const c = createTestViewContext(viewFactoryOptions);
+export async function create(
+    spec,
+    viewClass,
+    viewFactoryOptions = {},
+    contextOptions
+) {
+    const c = createTestViewContext(viewFactoryOptions, contextOptions);
     const view = await c.createOrImportView(
         /** @type {import("../spec/view.js").ViewSpec} */ (spec),
         null,
@@ -159,11 +198,25 @@ export function renderToLayout(view, coords) {
  * @param {import("./layout/rectangle.js").default} [coords]
  */
 export async function specToLayout(spec, viewFactoryOptions = {}, coords) {
-    const view = await create(/** @type {any} */ (spec), View, {
-        wrapRoot: true,
-        ...viewFactoryOptions,
+    const baseConfig = resolveBaseConfig({
+        defaultConfig: INTERNAL_DEFAULT_CONFIG,
+        builtInTheme: resolveThemeSelection(DEFAULT_THEME_NAME),
+        theme: mergeConfigScopes([resolveThemeSelection(spec.theme)]),
     });
 
+    const view = await create(
+        /** @type {any} */ (spec),
+        View,
+        {
+            wrapRoot: true,
+            ...viewFactoryOptions,
+        },
+        {
+            baseConfig,
+            fontManager: createLayoutSnapshotFontManager(),
+        }
+    );
+
     return renderToLayout(view, coords);
 }
 

package/dist/src/view/titleView.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Generated chrome view for view titles.
+ *
+ * @extends {ContainerView<import("../spec/view.js").LayerSpec>}
+ */
+export default class TitleView extends ContainerView<import("../spec/view.js").LayerSpec> {
+    /**
+     * @param {string | import("../spec/title.js").Title} title
+     * @param {import("../spec/config.js").GenomeSpyConfig[]} configScopes
+     * @param {import("../types/viewContext.js").default} context
+     * @param {ContainerView} layoutParent
+     * @param {import("./view.js").default} dataParent
+     * @param {string} name
+     * @param {import("./view.js").ViewOptions} [options]
+     * @returns {TitleView | undefined}
+     */
+    static create(title: string | import("../spec/title.js").Title, configScopes: import("../spec/config.js").GenomeSpyConfig[], context: import("../types/viewContext.js").default, layoutParent: ContainerView, dataParent: import("./view.js").default, name: string, options?: import("./view.js").ViewOptions): TitleView | undefined;
+    /**
+     * @param {import("../spec/title.js").Title} titleSpec
+     * @param {import("../types/viewContext.js").default} context
+     * @param {ContainerView} layoutParent
+     * @param {import("./view.js").default} dataParent
+     * @param {string} name
+     * @param {import("./view.js").ViewOptions} [options]
+     */
+    constructor(titleSpec: import("../spec/title.js").Title, context: import("../types/viewContext.js").default, layoutParent: ContainerView, dataParent: import("./view.js").default, name: string, options?: import("./view.js").ViewOptions);
+    /** @type {import("../spec/title.js").Title} */
+    titleSpec: import("../spec/title.js").Title;
+    /**
+     * @returns {IterableIterator<UnitView>}
+     */
+    [Symbol.iterator](): IterableIterator<UnitView>;
+    #private;
+}
+import ContainerView from "./containerView.js";
+import UnitView from "./unitView.js";
+//# sourceMappingURL=titleView.d.ts.map