@genome-spy/core 0.74.0 → 0.76.0

package/dist/src/view/resolutionPlanner.js

@@ -0,0 +1,302 @@
+import ScaleResolution from "../scales/scaleResolution.js";
+import AxisResolution from "../scales/axisResolution.js";
+import {
+    isPositionalChannel,
+    isChannelDefWithScale,
+    getPrimaryChannel,
+    isChannelWithScale,
+    isPrimaryPositionalChannel,
+    isValueDefWithCondition,
+} from "../encoder/encoder.js";
+
+/**
+ * @typedef {object} ResolutionMember
+ * @prop {import("./unitView.js").default} view
+ * @prop {import("../spec/channel.js").Channel} channel
+ * @prop {import("../spec/channel.js").ChannelDefWithScale} channelDef
+ * @prop {import("../spec/channel.js").ChannelWithScale} targetChannel
+ */
+
+/**
+ * @typedef {Map<import("../scales/scaleResolution.js").default, ResolutionMember[]>} ScaleResolutionMemberMap
+ */
+
+/**
+ * @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 {import("../spec/channel.js").ChannelWithScale} targetChannel
+ * @returns {import("./unitView.js").default}
+ */
+const getResolutionView = (view, type, targetChannel) => {
+    let resolutionView = view;
+    while (
+        (resolutionView.getConfiguredOrDefaultResolution(targetChannel, type) ==
+            "forced" ||
+            (resolutionView.dataParent &&
+                ["shared", "excluded", "forced"].includes(
+                    resolutionView.dataParent.getConfiguredOrDefaultResolution(
+                        targetChannel,
+                        type
+                    )
+                ))) &&
+        resolutionView.getConfiguredOrDefaultResolution(targetChannel, type) !=
+            "excluded"
+    ) {
+        // @ts-ignore
+        resolutionView = resolutionView.dataParent;
+    }
+
+    return resolutionView;
+};
+
+/**
+ * @param {import("./unitView.js").default} ownerView
+ * @param {import("./unitView.js").default} resolutionView
+ * @param {import("../spec/channel.js").ChannelWithScale} targetChannel
+ * @returns {import("../scales/scaleResolution.js").default}
+ */
+const ensureScaleResolution = (ownerView, resolutionView, targetChannel) => {
+    if (!resolutionView.resolutions.scale[targetChannel]) {
+        const resolution = new ScaleResolution(targetChannel, resolutionView);
+        resolutionView.resolutions.scale[targetChannel] = resolution;
+
+        const updateRangeTexture = (
+            /** @type {import("../types/scaleResolutionApi.js").ScaleResolutionEvent} */ event
+        ) => {
+            ownerView.context.glHelper?.createRangeTexture(
+                event.scaleResolution,
+                true
+            );
+        };
+        resolution.addEventListener("range", updateRangeTexture);
+        resolution.addEventListener("domain", updateRangeTexture);
+        ownerView.registerDisposer(() => {
+            resolution.removeEventListener("range", updateRangeTexture);
+            resolution.removeEventListener("domain", updateRangeTexture);
+        });
+    }
+
+    return resolutionView.resolutions.scale[targetChannel];
+};
+
+/**
+ * @param {import("./unitView.js").default} view
+ * @param {import("../spec/view.js").ResolutionTarget} type
+ * @param {import("../spec/channel.js").Channel} channel
+ * @param {unknown} channelDef
+ * @returns {ResolutionMember | undefined}
+ */
+const getResolutionMember = (view, type, channel, channelDef) => {
+    const channelDefWithScale = getChannelDefWithScale(channelDef);
+    if (!channelDefWithScale) {
+        return undefined;
+    }
+
+    const targetChannel = getPrimaryChannel(
+        channelDefWithScale.resolutionChannel ?? channel
+    );
+    if (!isChannelWithScale(targetChannel)) {
+        return undefined;
+    }
+
+    if (type == "axis" && !isPositionalChannel(targetChannel)) {
+        return undefined;
+    }
+
+    return {
+        view: getResolutionView(view, type, targetChannel),
+        channel,
+        channelDef: channelDefWithScale,
+        targetChannel,
+    };
+};
+
+/**
+ * @param {import("./unitView.js").default} view
+ * @param {(channel: import("../spec/channel.js").Channel, channelDef: unknown) => void} callback
+ */
+const forEachEncodedChannel = (view, callback) => {
+    for (const [channel, channelDef] of Object.entries(view.mark.encoding)) {
+        if (!channelDef || Array.isArray(channelDef)) {
+            continue;
+        }
+
+        callback(
+            /** @type {import("../spec/channel.js").Channel} */ (channel),
+            channelDef
+        );
+    }
+};
+
+/**
+ * @param {import("./unitView.js").default} view
+ * @returns {ResolutionMember[]}
+ */
+const collectAxisResolutionMembers = (view) => {
+    /** @type {ResolutionMember[]} */
+    const axisMembers = [];
+    forEachEncodedChannel(view, (channel, channelDef) => {
+        const member = getResolutionMember(view, "axis", channel, channelDef);
+        if (member && isPositionalChannel(member.channel)) {
+            axisMembers.push(member);
+        }
+    });
+
+    return axisMembers;
+};
+
+/**
+ * @param {import("./unitView.js").default} view
+ * @returns {ScaleResolutionMemberMap}
+ */
+const collectScaleResolutionMembers = (view) => {
+    /** @type {ScaleResolutionMemberMap} */
+    const scaleMembersByResolution = new Map();
+
+    forEachEncodedChannel(view, (channel, channelDef) => {
+        const member = getResolutionMember(view, "scale", channel, channelDef);
+        if (!member) {
+            return;
+        }
+
+        const resolution = ensureScaleResolution(
+            view,
+            member.view,
+            member.targetChannel
+        );
+        const members = scaleMembersByResolution.get(resolution);
+        if (members) {
+            members.push(member);
+        } else {
+            scaleMembersByResolution.set(resolution, [member]);
+        }
+    });
+
+    return scaleMembersByResolution;
+};
+
+/**
+ * @param {import("./unitView.js").default} view
+ * @param {ResolutionMember[]} axisMembers
+ */
+const registerAxisResolutionMembers = (view, axisMembers) => {
+    for (const {
+        view: resolutionView,
+        channel,
+        channelDef,
+        targetChannel,
+    } of axisMembers) {
+        if (
+            !isPositionalChannel(channel) ||
+            !isPrimaryPositionalChannel(targetChannel)
+        ) {
+            continue;
+        }
+
+        if (!resolutionView.resolutions.axis[targetChannel]) {
+            resolutionView.resolutions.axis[targetChannel] = new AxisResolution(
+                targetChannel
+            );
+        }
+        const resolution = resolutionView.resolutions.axis[targetChannel];
+        const unregister = resolution.registerMember({
+            view,
+            channel,
+            channelDef,
+        });
+        view.registerDisposer(() => {
+            if (
+                unregister() &&
+                resolutionView.resolutions.axis[targetChannel] === resolution
+            ) {
+                delete resolutionView.resolutions.axis[targetChannel];
+            }
+        });
+    }
+};
+
+/**
+ * @param {import("./unitView.js").default} view
+ * @param {ScaleResolutionMemberMap} scaleMembersByResolution
+ */
+const registerScaleResolutionMembers = (view, scaleMembersByResolution) => {
+    ScaleResolution.registerInBatch(scaleMembersByResolution.keys(), () => {
+        for (const [resolution, members] of scaleMembersByResolution) {
+            for (const {
+                view: resolutionView,
+                channel,
+                channelDef,
+                targetChannel,
+            } of members) {
+                const scaleChannel =
+                    /** @type {import("../spec/channel.js").ChannelWithScale} */ (
+                        targetChannel
+                    );
+
+                const contributesToDomain = !view.isDomainInert();
+
+                const unregister = resolution.registerMember({
+                    view,
+                    channel:
+                        /** @type {import("../spec/channel.js").ChannelWithScale} */ (
+                            channel
+                        ),
+                    channelDef,
+                    contributesToDomain,
+                });
+                view.registerDisposer(() => {
+                    if (
+                        unregister() &&
+                        resolutionView.resolutions.scale[scaleChannel] ===
+                            resolution
+                    ) {
+                        resolution.dispose();
+                        delete resolutionView.resolutions.scale[scaleChannel];
+                    }
+                });
+            }
+        }
+    });
+};
+
+/**
+ * Resolves scale and axis members for a view.
+ *
+ * @param {import("./unitView.js").default} view
+ * @param {import("../spec/view.js").ResolutionTarget} [type]
+ */
+export const resolveViewResolutions = (view, type) => {
+    if (!type) {
+        resolveViewResolutions(view, "scale");
+        resolveViewResolutions(view, "axis");
+        return;
+    }
+
+    if (type == "axis") {
+        registerAxisResolutionMembers(view, collectAxisResolutionMembers(view));
+    } else {
+        registerScaleResolutionMembers(
+            view,
+            collectScaleResolutionMembers(view)
+        );
+    }
+};

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

@@ -17,23 +17,50 @@ export function createAndInitialize<V extends import("./view.js").default>(spec:
     noData: boolean;
     implicitRoot: boolean;
 }): Promise<V>;
+/**
+ * Renders a view hierarchy into a debugging layout tree that records the
+ * rendered view coordinates.
+ *
+ * @param {View} view
+ * @param {import("./layout/rectangle.js").default} [coords]
+ */
+export function renderToLayout(view: View, coords?: import("./layout/rectangle.js").default): {
+    viewName: string;
+    coords: string;
+    children: /*elided*/ any[];
+    addChild(viewCoords: /*elided*/ any): void;
+};
+/**
+ * Creates a wrapped view hierarchy and renders it into a debugging layout tree.
+ *
+ * @param {RootSpec} spec
+ * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @param {import("./layout/rectangle.js").default} [coords]
+ */
+export function specToLayout(spec: RootSpec, viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions, coords?: import("./layout/rectangle.js").default): Promise<{
+    viewName: string;
+    coords: string;
+    children: /*elided*/ any[];
+    addChild(viewCoords: /*elided*/ any): void;
+}>;
 export { createHeadlessEngine };
 /**
- * Utils for Jest tests
+ * Utils for tests
  * TODO: Find a better place and convention
  */
 export type RootSpec = import("../spec/root.js").RootSpec;
 /**
- * Utils for Jest tests
+ * Utils for tests
  * TODO: Find a better place and convention
  */
 export type ViewContext = import("../types/viewContext.js").default;
 /**
- * Utils for Jest tests
+ * Utils for tests
  * TODO: Find a better place and convention
  */
 export type BroadcastingViewContext = ViewContext & {
     emitBroadcast: (root: import("./view.js").default, type: import("../genomeSpy.js").BroadcastEventType, payload?: any) => void;
 };
+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":"AA4BA;;;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;;;;;;uBA/FpL,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;qCAcG,mCAAmC"}
+{"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"}

package/dist/src/view/testUtils.js

@@ -1,5 +1,5 @@
 /**
- * Utils for Jest tests
+ * Utils for tests
  * TODO: Find a better place and convention
  *
  * @typedef {import("../spec/root.js").RootSpec} RootSpec
@@ -13,7 +13,10 @@
  * }} BroadcastingViewContext
  */
 
-import { checkForDuplicateScaleNames } from "./viewUtils.js";
+import {
+    calculateCanvasSize,
+    checkForDuplicateScaleNames,
+} from "./viewUtils.js";
 import {
     initializeViewSubtree,
     loadViewSubtreeData,
@@ -21,6 +24,9 @@ import {
 import { VIEW_ROOT_NAME } from "./viewFactory.js";
 import UnitView from "./unitView.js";
 import ContainerView from "./containerView.js";
+import View from "./view.js";
+import Rectangle from "./layout/rectangle.js";
+import DebugginViewRenderingContext from "./renderingContext/debuggingViewRenderingContext.js";
 import {
     createHeadlessEngine,
     createHeadlessViewContext,
@@ -118,4 +124,47 @@ export async function createAndInitialize(spec, viewClass) {
     return view;
 }
 
+/**
+ * Renders a view hierarchy into a debugging layout tree that records the
+ * rendered view coordinates.
+ *
+ * @param {View} view
+ * @param {import("./layout/rectangle.js").default} [coords]
+ */
+export function renderToLayout(view, coords) {
+    const renderingContext = new DebugginViewRenderingContext({});
+
+    const canvasSize = calculateCanvasSize(view);
+    const rect =
+        coords ??
+        Rectangle.create(
+            0,
+            0,
+            canvasSize.width ?? 1500,
+            canvasSize.height ?? 1000
+        );
+
+    view.render(renderingContext, rect, {
+        firstFacet: true,
+    });
+
+    return renderingContext.getLayout();
+}
+
+/**
+ * Creates a wrapped view hierarchy and renders it into a debugging layout tree.
+ *
+ * @param {RootSpec} spec
+ * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @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,
+    });
+
+    return renderToLayout(view, coords);
+}
+
 export { createHeadlessEngine };

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

@@ -21,7 +21,7 @@ export default class UnitView<TSpec extends import("../spec/view.js").UnitSpec =
     constructor(spec: TSpec, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, name: string, options?: import("./view.js").ViewOptions);
     /** @type {import("../marks/mark.js").default} */
     mark: import("../marks/mark.js").default;
-    getMarkType(): "point" | "link" | "text" | "rect" | "rule" | "tick";
+    getMarkType(): "text" | "point" | "link" | "rect" | "rule" | "tick";
     /**
      * Pulls scales and axes up in the view hierarcy according to the resolution rules, using dataParents.
      * TODO: legends

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

@@ -1 +1 @@
-{"version":3,"file":"unitView.d.ts","sourceRoot":"","sources":["../../../src/view/unitView.js"],"names":[],"mappings":"AAkCA;;;;GAIG;AACH,wBAHU,MAAM,CAAC,OAAO,iBAAiB,EAAE,QAAQ,EAAE,cAAc,kBAAkB,EAAE,OAAO,CAAC,CAgB7F;AAEF;;;GAGG;AACH,8BAHmD,KAAK,SAA3C,OAAQ,iBAAiB,EAAE,QAAS;IA2B7C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAmDzC;IA1CO,iDAAiD;IACjD,MADW,OAAO,kBAAkB,EAAE,OAAO,CACnB;IAiLlC,oEAIC;IAoBD;;;;;OAKG;IACH,iEAoJC;IAUD;;;;;OAKG;IACH,4IAQC;IAED;;;;OAIG;IACH,sBAFa,OAAO,WAAW,EAAE,UAAU,EAAE,CAS5C;IAkBD;;OAEG;IACH,uDAEC;IAED;;OAEG;IACH,oCAsFC;IAED,uBAQC;IAgBD;;;;OAIG;IACH,8BAJW,MAAM,+DAEJ,OAAO,iBAAiB,EAAE,kBAAkB,CAKxD;;CACJ;iBA7mBgB,WAAW"}
+{"version":3,"file":"unitView.d.ts","sourceRoot":"","sources":["../../../src/view/unitView.js"],"names":[],"mappings":"AA4BA;;;;GAIG;AACH,wBAHU,MAAM,CAAC,OAAO,iBAAiB,EAAE,QAAQ,EAAE,cAAc,kBAAkB,EAAE,OAAO,CAAC,CAgB7F;AAEF;;;GAGG;AACH,8BAHmD,KAAK,SAA3C,OAAQ,iBAAiB,EAAE,QAAS;IA2B7C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAmDzC;IA1CO,iDAAiD;IACjD,MADW,OAAO,kBAAkB,EAAE,OAAO,CACnB;IAiLlC,oEAIC;IAoBD;;;;;OAKG;IACH,iEAOC;IAUD;;;;;OAKG;IACH,4IAQC;IAED;;;;OAIG;IACH,sBAFa,OAAO,WAAW,EAAE,UAAU,EAAE,CAS5C;IAkBD;;OAEG;IACH,uDAEC;IAED;;OAEG;IACH,oCAsFC;IAED,uBAQC;IAgBD;;;;OAIG;IACH,8BAJW,MAAM,+DAEJ,OAAO,iBAAiB,EAAE,kBAAkB,CAKxD;;CACJ;iBAjegB,WAAW"}

package/dist/src/view/unitView.js

@@ -4,20 +4,13 @@ import RuleMark from "../marks/rule.js";
 import LinkMark from "../marks/link.js";
 import TextMark from "../marks/text.js";
 
-import ScaleResolution from "../scales/scaleResolution.js";
 import {
     getEncoderAccessors,
     getEncoderDataAccessor,
-    isPositionalChannel,
-    isChannelDefWithScale,
-    primaryPositionalChannels,
     getPrimaryChannel,
-    isChannelWithScale,
-    isPrimaryPositionalChannel,
-    isValueDefWithCondition,
+    primaryPositionalChannels,
 } from "../encoder/encoder.js";
 import { isScaleAccessor } from "../encoder/accessor.js";
-import AxisResolution from "../scales/axisResolution.js";
 import View from "./view.js";
 import {
     asSelectionConfig,
@@ -31,6 +24,7 @@ import { UNIQUE_ID_KEY } from "../data/transforms/identifier.js";
 import { createEventFilterFunction } from "../utils/expression.js";
 import { field } from "../utils/field.js";
 import { collectDomainSensitiveScaleChannels } from "../data/flowNode.js";
+import { resolveViewResolutions } from "./resolutionPlanner.js";
 
 /**
  *
@@ -102,13 +96,13 @@ export default class UnitView extends View {
             throw new Error(`No such mark: ${this.getMarkType()}`);
         }
 
-        this.resolve();
-
         this.#zoomLevelSetter = this.paramRuntime.allocateSetter(
             "zoomLevel",
             1.0
         );
 
+        this.resolve();
+
         for (const channel of /** @type {import("../spec/channel.js").ChannelWithScale[]} */ ([
             "x",
             "y",
@@ -310,148 +304,7 @@ export default class UnitView extends View {
             this.resolve("axis");
             return;
         }
-
-        // TODO: Complain about nonsensical configuration, e.g. shared parent has independent children.
-
-        const encoding = this.mark.encoding;
-
-        for (const [channel, channelDef] of Object.entries(encoding)) {
-            if (!channelDef) {
-                continue;
-            }
-
-            if (Array.isArray(channelDef)) {
-                continue;
-            }
-
-            /** @type {import("../spec/channel.js").ChannelDefWithScale} */
-            let channelDefWithScale;
-
-            if (isChannelDefWithScale(channelDef)) {
-                channelDefWithScale = channelDef;
-            } else {
-                if (isValueDefWithCondition(channelDef)) {
-                    const condition = channelDef.condition;
-                    if (
-                        !Array.isArray(condition) &&
-                        isChannelDefWithScale(condition)
-                    ) {
-                        // There's a single condition (maybe) with a scale
-                        channelDefWithScale = condition;
-                    } else {
-                        continue;
-                    }
-                } else {
-                    continue;
-                }
-            }
-
-            const targetChannel = getPrimaryChannel(
-                channelDefWithScale.resolutionChannel ?? channel
-            );
-
-            if (!isChannelWithScale(targetChannel)) {
-                continue;
-            }
-
-            if (type == "axis" && !isPositionalChannel(targetChannel)) {
-                continue;
-            }
-
-            let view = this;
-            while (
-                (view.getConfiguredOrDefaultResolution(targetChannel, type) ==
-                    "forced" ||
-                    (view.dataParent &&
-                        ["shared", "excluded", "forced"].includes(
-                            view.dataParent.getConfiguredOrDefaultResolution(
-                                targetChannel,
-                                type
-                            )
-                        ))) &&
-                view.getConfiguredOrDefaultResolution(targetChannel, type) !=
-                    "excluded"
-            ) {
-                // @ts-ignore
-                view = view.dataParent;
-            }
-
-            // Quite a bit of redundancy, but makes type checker happy.
-            if (
-                type == "axis" &&
-                isPositionalChannel(channel) &&
-                isPrimaryPositionalChannel(targetChannel)
-            ) {
-                if (!view.resolutions[type][targetChannel]) {
-                    view.resolutions[type][targetChannel] = new AxisResolution(
-                        targetChannel
-                    );
-                }
-                const resolution = view.resolutions[type][targetChannel];
-                const unregister = resolution.registerMember({
-                    view: this,
-                    channel,
-                    channelDef: channelDefWithScale,
-                });
-                this.registerDisposer(() => {
-                    // Unregister returns true when it removed the last member.
-                    if (
-                        unregister() &&
-                        view.resolutions[type][targetChannel] === resolution
-                    ) {
-                        delete view.resolutions[type][targetChannel];
-                    }
-                });
-            } else if (type == "scale" && isChannelWithScale(channel)) {
-                if (!view.resolutions[type][targetChannel]) {
-                    const resolution = new ScaleResolution(targetChannel);
-                    view.resolutions[type][targetChannel] = resolution;
-
-                    const updateRangeTexture = (
-                        /** @type {import("../types/scaleResolutionApi.js").ScaleResolutionEvent} */ event
-                    ) => {
-                        // Create if WebGLHelper is available, i.e., if not running in headless mode.
-                        // Domain changes can alter discrete texture sizes as well.
-                        this.context.glHelper?.createRangeTexture(
-                            event.scaleResolution,
-                            true
-                        );
-                    };
-                    resolution.addEventListener("range", updateRangeTexture);
-                    resolution.addEventListener("domain", updateRangeTexture);
-                    this.registerDisposer(() => {
-                        resolution.removeEventListener(
-                            "range",
-                            updateRangeTexture
-                        );
-                        resolution.removeEventListener(
-                            "domain",
-                            updateRangeTexture
-                        );
-                    });
-                }
-
-                const contributesToDomain = !this.isDomainInert();
-
-                const resolution = view.resolutions[type][targetChannel];
-                const unregister = resolution.registerMember({
-                    view: this,
-                    channel,
-                    channelDef: channelDefWithScale,
-                    contributesToDomain,
-                });
-                this.registerDisposer(() => {
-                    // Unregister returns true when it removed the last member.
-                    if (
-                        unregister() &&
-                        view.resolutions[type][targetChannel] === resolution
-                    ) {
-                        resolution.dispose();
-                        delete view.resolutions[type][targetChannel];
-                    }
-                });
-            }
-        }
+        resolveViewResolutions(this, type);
     }
 
     /**

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

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

package/dist/src/view/view.js

@@ -209,7 +209,8 @@ export default class View {
 
         /** @type {ViewParamRuntime} */
         this.paramRuntime = new ViewParamRuntime(
-            () => this.dataParent?.paramRuntime
+            () => this.dataParent?.paramRuntime,
+            (channel) => this.getScaleResolution(channel)
         );
 
         if (spec.params) {