@genome-spy/core 0.72.0 → 0.73.0

package/dist/src/styles/genome-spy.css.js

@@ -21,6 +21,7 @@ overflow: hidden;
 
 canvas {
 display: block;
+touch-action: none;
 transform: scale(1, 1);
 opacity: 1;
 transition:
@@ -163,6 +164,13 @@ margin-left: 0.4em;
 box-shadow: 0px 0px 3px 1px white;
 }
 
+.color-legend-unmapped {
+background-color: transparent;
+border: 1px solid black;
+box-sizing: border-box;
+box-shadow: none;
+}
+
 .attributes {
 .hovered {
 background-color: #e0e0e0;

package/dist/src/tooltip/dataTooltipHandler.js

@@ -1,4 +1,5 @@
 import { html } from "lit";
+import { splitAccessPath } from "vega-util";
 import formatObject from "../utils/formatObject.js";
 import { flattenDatumRows } from "./flattenDatumRows.js";
 import createTooltipContext from "./tooltipContext.js";
@@ -7,23 +8,71 @@ import createTooltipContext from "./tooltipContext.js";
  * @type {import("./tooltipHandler.js").TooltipHandler}
  */
 export default async function dataTooltipHandler(datum, mark, params, context) {
+    /**
+     * @param {string} fieldPath
+     * @returns {string}
+     */
+    // Tooltip rows are flattened using dot notation. Normalize encoded field
+    // access paths (for example bracket syntax) to the same shape.
+    const normalizeFieldPath = (fieldPath) =>
+        splitAccessPath(fieldPath).join(".");
+
+    /**
+     * @param {unknown} value
+     * @returns {boolean}
+     */
+    // Treat NaN like missing in tooltip semantics to avoid showing an
+    // "unmapped" marker for invalid numeric values.
+    const hasValue = (value) =>
+        value !== null &&
+        value !== undefined &&
+        !(typeof value === "number" && Number.isNaN(value));
+
     /**
      * @param {string} key
+     * @param {any} value
      * @param {object} datum
      */
-    const legend = (key, datum) => {
+    const legend = (key, value, datum) => {
         for (const [channel, encoder] of Object.entries(mark.encoders)) {
-            if (encoder?.dataAccessor?.fields.includes(key)) {
+            const fields = encoder?.dataAccessor?.fields;
+            if (
+                fields &&
+                fields.some(
+                    (fieldPath) =>
+                        fieldPath === key ||
+                        normalizeFieldPath(fieldPath) === key
+                )
+            ) {
                 switch (channel) {
                     case "color":
                     case "fill":
-                    case "stroke":
-                        return html`
-                            <span
-                                class="color-legend"
-                                style=${`background-color: ${encoder(datum)}`}
-                            ></span>
-                        `;
+                    case "stroke": {
+                        const encodedColor = encoder(datum);
+                        if (
+                            encodedColor !== null &&
+                            encodedColor !== undefined
+                        ) {
+                            return html`
+                                <span
+                                    class="color-legend"
+                                    style=${"background-color: " +
+                                    String(encodedColor)}
+                                ></span>
+                            `;
+                        } else if (hasValue(value)) {
+                            // The field has a value but the scale did not map it
+                            // (typically outside/absent domain): show an empty,
+                            // black-stroked swatch to signal the mismatch.
+                            return html`
+                                <span
+                                    class="color-legend color-legend-unmapped"
+                                ></span>
+                            `;
+                        } else {
+                            return "";
+                        }
+                    }
                     default:
                 }
             }
@@ -47,7 +96,7 @@ export default async function dataTooltipHandler(datum, mark, params, context) {
 
     const tableContents = orderedRows.map((row) => {
         const value = formatObject(row.value);
-        const valueLegend = legend(row.key, datum);
+        const valueLegend = legend(row.key, row.value, datum);
         return html`
             <tr>
                 <th>${row.key}</th>

package/dist/src/types/embedApi.d.ts

@@ -75,6 +75,12 @@ export interface EmbedResult {
      */
     getScaleResolutionByName: (name: string) => ScaleResolutionApi;
 
+    /**
+     * Waits until lazy data sources have loaded data for the current visible
+     * positional domain.
+     */
+    awaitVisibleLazyData: (signal?: AbortSignal) => Promise<void>;
+
     /**
      * Updates a named dataset
      *
@@ -83,6 +89,19 @@ export interface EmbedResult {
      */
     updateNamedData: (name: string, data?: any[]) => void;
 
+    /**
+     * Returns the bounds reached by the last rendered layout in CSS pixels.
+     */
+    getRenderedBounds: () => {
+        width: number | undefined;
+        height: number | undefined;
+    };
+
+    /**
+     * Returns the current logical canvas size in CSS pixels.
+     */
+    getLogicalCanvasSize: () => { width: number; height: number };
+
     /**
      * Returns a PNG data URL of the current canvas.
      *

package/dist/src/utils/inferSpecBaseUrl.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @param {string} url
+ */
+export function getCuratedExampleBaseUrl(url: string): string;
+/**
+ * Infers the effective base URL for a spec loaded from the given URL or path.
+ *
+ * Curated shared examples resolve against the examples root so they can use
+ * tidy `data/...` and `shared/...` paths regardless of their subdirectory.
+ *
+ * @param {string} url
+ */
+export default function inferSpecBaseUrl(url: string): string;
+//# sourceMappingURL=inferSpecBaseUrl.d.ts.map

package/dist/src/utils/inferSpecBaseUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inferSpecBaseUrl.d.ts","sourceRoot":"","sources":["../../../src/utils/inferSpecBaseUrl.js"],"names":[],"mappings":"AAuBA;;GAEG;AACH,8CAFW,MAAM,UAahB;AAED;;;;;;;GAOG;AACH,8CAFW,MAAM,UAYhB"}

package/dist/src/utils/inferSpecBaseUrl.js

@@ -0,0 +1,73 @@
+const CURATED_EXAMPLE_BASES = [
+    ["/docs/examples/", "/docs/examples/"],
+    ["/examples/core/", "/examples/"],
+    ["/examples/docs/", "/examples/"],
+    ["/examples/app/", "/examples/"],
+];
+
+const EXTERNAL_URL_RE = /^(?:[a-z]+:)?\/\//i;
+const DUMMY_ORIGIN = "https://example.invalid";
+
+/**
+ * @param {string} url
+ */
+function getUrlKind(url) {
+    if (EXTERNAL_URL_RE.test(url)) {
+        return "external";
+    } else if (url.startsWith("/")) {
+        return "root";
+    } else {
+        return "relative";
+    }
+}
+
+/**
+ * @param {string} url
+ */
+export function getCuratedExampleBaseUrl(url) {
+    const parsed = new URL(url, DUMMY_ORIGIN);
+    const match = CURATED_EXAMPLE_BASES.find(([prefix]) =>
+        parsed.pathname.startsWith(prefix)
+    );
+
+    if (!match) {
+        return undefined;
+    }
+
+    return formatOutputUrl(match[1], parsed, getUrlKind(url));
+}
+
+/**
+ * Infers the effective base URL for a spec loaded from the given URL or path.
+ *
+ * Curated shared examples resolve against the examples root so they can use
+ * tidy `data/...` and `shared/...` paths regardless of their subdirectory.
+ *
+ * @param {string} url
+ */
+export default function inferSpecBaseUrl(url) {
+    const curatedBaseUrl = getCuratedExampleBaseUrl(url);
+    if (curatedBaseUrl) {
+        return curatedBaseUrl;
+    }
+
+    const parsed = new URL(url, DUMMY_ORIGIN);
+    const directoryUrl = new URL("./", parsed);
+
+    return formatOutputUrl(directoryUrl.pathname, parsed, getUrlKind(url));
+}
+
+/**
+ * @param {string} pathname
+ * @param {URL} parsed
+ * @param {"external" | "root" | "relative"} kind
+ */
+function formatOutputUrl(pathname, parsed, kind) {
+    if (kind === "external") {
+        return parsed.origin + pathname;
+    } else if (kind === "root") {
+        return pathname;
+    } else {
+        return pathname.slice(1);
+    }
+}

package/dist/src/utils/interactionEvent.d.ts

@@ -1,3 +1,29 @@
+/**
+ * @typedef {object} TouchGestureEvent
+ * @prop {"touchgesture"} type
+ * @prop {"move" | "end"} phase
+ * @prop {1 | 2} pointerCount
+ * @prop {number} xDelta
+ * @prop {number} yDelta
+ * @prop {number} zDelta
+ * @prop {() => void} [preventDefault]
+ */
+/**
+ * Side-effect-free query event for wheel ownership. Handlers should only
+ * claim wheel if they would consume native wheel at the current pointer
+ * location.
+ *
+ * @typedef {object} WheelClaimProbeEvent
+ * @prop {"wheelclaimprobe"} type
+ */
+/**
+ * @typedef {UIEvent | TouchGestureEvent | WheelClaimProbeEvent} InteractionUiEvent
+ */
+/**
+ * @param {unknown} eventLike
+ * @returns {eventLike is TouchGestureEvent}
+ */
+export function isTouchGestureEvent(eventLike: unknown): eventLike is TouchGestureEvent;
 /**
  * Create a safe proxy for an event-like object that exposes only primitive
  * (string, number, boolean, bigint, symbol, undefined) properties and null.
@@ -16,12 +42,13 @@ export default class InteractionEvent {
     /**
      * @param {import("../view/layout/point.js").default} point Event coordinates
      *      inside the visualization canvas.
-     * @param {UIEvent} uiEvent The event to be wrapped
+     * @param {InteractionUiEvent} uiEvent The event to be wrapped
      */
-    constructor(point: import("../view/layout/point.js").default, uiEvent: UIEvent);
+    constructor(point: import("../view/layout/point.js").default, uiEvent: InteractionUiEvent);
     point: import("../view/layout/point.js").default;
-    uiEvent: UIEvent;
+    uiEvent: InteractionUiEvent;
     stopped: boolean;
+    wheelClaimed: boolean;
     /**
      * The target is known only in the bubbling phase
      *
@@ -29,6 +56,11 @@ export default class InteractionEvent {
      */
     target: import("../view/view.js").default;
     stopPropagation(): void;
+    /**
+     * Marks the event as wheel-owned by the current interaction path.
+     * This is used by native wheel probes to decide preventDefault timing.
+     */
+    claimWheel(): void;
     /**
      * The event type string of the underlying UI event (e.g. "click", "keydown").
      *
@@ -41,4 +73,22 @@ export default class InteractionEvent {
     get mouseEvent(): MouseEvent;
     #private;
 }
+export type TouchGestureEvent = {
+    type: "touchgesture";
+    phase: "move" | "end";
+    pointerCount: 1 | 2;
+    xDelta: number;
+    yDelta: number;
+    zDelta: number;
+    preventDefault?: () => void;
+};
+/**
+ * Side-effect-free query event for wheel ownership. Handlers should only
+ * claim wheel if they would consume native wheel at the current pointer
+ * location.
+ */
+export type WheelClaimProbeEvent = {
+    type: "wheelclaimprobe";
+};
+export type InteractionUiEvent = UIEvent | TouchGestureEvent | WheelClaimProbeEvent;
 //# sourceMappingURL=interactionEvent.d.ts.map

package/dist/src/utils/interactionEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactionEvent.d.ts","sourceRoot":"","sources":["../../../src/utils/interactionEvent.js"],"names":[],"mappings":"AA6DA;;;;;;;GAOG;AACH,0CAFa,CAAC,UAFH,CAAC,GACC,CAAC,CA0Eb;AA5ID;;;;GAIG;AACH;IAII;;;;OAIG;IACH,mBAJW,OAAO,yBAAyB,EAAE,OAAO,WAEzC,OAAO,EAajB;IAVG,iDAAkB;IAClB,iBAAsB;IACtB,iBAAoB;IAEpB;;;;OAIG;IACH,QAFU,OAAO,iBAAiB,EAAE,OAAO,CAEpB;IAG3B,wBAEC;IAED;;;;;;OAMG;IACH,YAFa,MAAM,CAIlB;IAED,oCAQC;IAED,6BAMC;;CACJ"}
+{"version":3,"file":"interactionEvent.d.ts","sourceRoot":"","sources":["../../../src/utils/interactionEvent.js"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;;;;GAOG;AAEH;;GAEG;AAEH;;;GAGG;AACH,+CAHW,OAAO,GACL,SAAS,IAAI,iBAAiB,CAoB1C;AA4ED;;;;;;;GAOG;AACH,0CAFa,CAAC,UAFH,CAAC,GACC,CAAC,CA0Eb;AAzJD;;;;GAIG;AACH;IAII;;;;OAIG;IACH,mBAJW,OAAO,yBAAyB,EAAE,OAAO,WAEzC,kBAAkB,EAc5B;IAXG,iDAAkB;IAClB,4BAAsB;IACtB,iBAAoB;IACpB,sBAAyB;IAEzB;;;;OAIG;IACH,QAFU,OAAO,iBAAiB,EAAE,OAAO,CAEpB;IAG3B,wBAEC;IAED;;;OAGG;IACH,mBAMC;IAED;;;;;;OAMG;IACH,YAFa,MAAM,CAIlB;IAED,oCAQC;IAED,6BAMC;;CACJ;;UAtHS,cAAc;WACd,MAAM,GAAG,KAAK;kBACd,CAAC,GAAG,CAAC;YACL,MAAM;YACN,MAAM;YACN,MAAM;qBACN,MAAM,IAAI;;;;;;;;UASV,iBAAiB;;iCAId,OAAO,GAAG,iBAAiB,GAAG,oBAAoB"}

package/dist/src/utils/interactionEvent.js

@@ -1,3 +1,51 @@
+/**
+ * @typedef {object} TouchGestureEvent
+ * @prop {"touchgesture"} type
+ * @prop {"move" | "end"} phase
+ * @prop {1 | 2} pointerCount
+ * @prop {number} xDelta
+ * @prop {number} yDelta
+ * @prop {number} zDelta
+ * @prop {() => void} [preventDefault]
+ */
+
+/**
+ * Side-effect-free query event for wheel ownership. Handlers should only
+ * claim wheel if they would consume native wheel at the current pointer
+ * location.
+ *
+ * @typedef {object} WheelClaimProbeEvent
+ * @prop {"wheelclaimprobe"} type
+ */
+
+/**
+ * @typedef {UIEvent | TouchGestureEvent | WheelClaimProbeEvent} InteractionUiEvent
+ */
+
+/**
+ * @param {unknown} eventLike
+ * @returns {eventLike is TouchGestureEvent}
+ */
+export function isTouchGestureEvent(eventLike) {
+    if (!eventLike || typeof eventLike !== "object") {
+        return false;
+    }
+
+    const candidate =
+        /** @type {{type?: unknown, phase?: unknown, pointerCount?: unknown, xDelta?: unknown, yDelta?: unknown, zDelta?: unknown}} */ (
+            eventLike
+        );
+
+    return (
+        candidate.type === "touchgesture" &&
+        (candidate.phase === "move" || candidate.phase === "end") &&
+        (candidate.pointerCount === 1 || candidate.pointerCount === 2) &&
+        Number.isFinite(candidate.xDelta) &&
+        Number.isFinite(candidate.yDelta) &&
+        Number.isFinite(candidate.zDelta)
+    );
+}
+
 /**
  * This class wraps a MouseEvent (or similar) and allows for
  * its propagation through the view hierarchy in a similar manner
@@ -10,12 +58,13 @@ export default class InteractionEvent {
     /**
      * @param {import("../view/layout/point.js").default} point Event coordinates
      *      inside the visualization canvas.
-     * @param {UIEvent} uiEvent The event to be wrapped
+     * @param {InteractionUiEvent} uiEvent The event to be wrapped
      */
     constructor(point, uiEvent) {
         this.point = point;
         this.uiEvent = uiEvent;
         this.stopped = false;
+        this.wheelClaimed = false;
 
         /**
          * The target is known only in the bubbling phase
@@ -29,6 +78,18 @@ export default class InteractionEvent {
         this.stopped = true;
     }
 
+    /**
+     * Marks the event as wheel-owned by the current interaction path.
+     * This is used by native wheel probes to decide preventDefault timing.
+     */
+    claimWheel() {
+        if (this.type !== "wheel" && this.type !== "wheelclaimprobe") {
+            throw new Error("Can claim wheel only for wheel events!");
+        }
+
+        this.wheelClaimed = true;
+    }
+
     /**
      * The event type string of the underlying UI event (e.g. "click", "keydown").
      *

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

@@ -1 +1 @@
-{"version":3,"file":"containerMutationHelper.d.ts","sourceRoot":"","sources":["../../../src/view/containerMutationHelper.js"],"names":[],"mappings":"AAOA;;;GAGG;AACH;IACI;;;;;;;;;;OAUG;IAEH;;;;;;;;;;OAUG;IAEH;;;OAGG;IACH,uBAHW,OAAO,oBAAoB,EAAE,OAAO;uBAX3B;mBARR,CAAC,yEAAqB,CAAC,EAAE;sBACtB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,IAAI;sBACpD,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;SAMF;oBACnB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG;oBAClC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sBACrB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC;sBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;sBAChC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,MAAM;wBACpD,OAAO;OAW3B;IAFG,yFAA0B;IAC1B;uBAhBgB;mBARR,CAAC,yEAAqB,CAAC,EAAE;sBACtB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,IAAI;sBACpD,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;SAMF;oBACnB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG;oBAClC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sBACrB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC;sBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;sBAChC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,MAAM;wBACpD,OAAO;MAUF;IAG1B;;;;;;OAMG;IACH,wBAJW,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,UACzE,MAAM,GACJ,OAAO,iEAAM,CA8CzB;IAED;;;;OAIG;IACH,qBAFW,MAAM,iBAehB;CACJ"}
+{"version":3,"file":"containerMutationHelper.d.ts","sourceRoot":"","sources":["../../../src/view/containerMutationHelper.js"],"names":[],"mappings":"AAQA;;;GAGG;AACH;IACI;;;;;;;;;;OAUG;IAEH;;;;;;;;;;OAUG;IAEH;;;OAGG;IACH,uBAHW,OAAO,oBAAoB,EAAE,OAAO;uBAX3B;mBARR,CAAC,yEAAqB,CAAC,EAAE;sBACtB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,IAAI;sBACpD,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;SAMF;oBACnB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG;oBAClC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sBACrB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC;sBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;sBAChC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,MAAM;wBACpD,OAAO;OAW3B;IAFG,yFAA0B;IAC1B;uBAhBgB;mBARR,CAAC,yEAAqB,CAAC,EAAE;sBACtB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,IAAI;sBACpD,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;SAMF;oBACnB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG;oBAClC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sBACrB,CAAC,IAAI,iEAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC;sBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;sBAChC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,yEAAqB,KAAK,MAAM;wBACpD,OAAO;MAUF;IAG1B;;;;;;OAMG;IACH,wBAJW,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,UACzE,MAAM,GACJ,OAAO,iEAAM,CAqDzB;IAED;;;;OAIG;IACH,qBAFW,MAAM,iBAehB;CACJ"}

package/dist/src/view/containerMutationHelper.js

@@ -3,6 +3,7 @@ import {
     loadViewSubtreeData,
 } from "../data/flowInit.js";
 import { configureViewOpacity } from "../genomeSpy/viewHierarchyConfig.js";
+import { ensureAssembliesForView } from "../genome/assemblyPreflight.js";
 import { finalizeSubtreeGraphics } from "./viewUtils.js";
 
 /**
@@ -64,6 +65,13 @@ export default class ContainerMutationHelper {
             name
         );
 
+        // Reminder: ensure assemblies from the real child hierarchy before any
+        // downstream work that may initialize scales (axis prep / encoders).
+        await ensureAssembliesForView(
+            childView,
+            this.container.context.genomeStore
+        );
+
         insertAt(insertIndex, childSpec);
         const insertionResult = this.options.insertView(childView, insertIndex);
 

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

@@ -35,12 +35,12 @@ export function isSubtreeLazyReady(subtreeRoot: View, readinessRequest: DataRead
  *
  * @param {import("../types/viewContext.js").default} context
  * @param {View} subtreeRoot
- * @param {DataReadinessRequest} readinessRequest
+ * @param {DataReadinessRequest | undefined} readinessRequest
  * @param {AbortSignal} [signal]
  * @param {(view: View) => boolean} [viewFilter]
  * @returns {Promise<void>}
  */
-export function awaitSubtreeLazyReady(context: import("../types/viewContext.js").default, subtreeRoot: View, readinessRequest: DataReadinessRequest, signal?: AbortSignal, viewFilter?: (view: View) => boolean): Promise<void>;
+export function awaitSubtreeLazyReady(context: import("../types/viewContext.js").default, subtreeRoot: View, readinessRequest: DataReadinessRequest | undefined, signal?: AbortSignal, viewFilter?: (view: View) => boolean): Promise<void>;
 export type View = import("../view/view.js").default;
 export type DataReadinessRequest = import("../data/sources/lazy/singleAxisLazySource.js").DataReadinessRequest;
 //# sourceMappingURL=dataReadiness.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dataReadiness.d.ts","sourceRoot":"","sources":["../../../src/view/dataReadiness.js"],"names":[],"mappings":"AAGA;;;GAGG;AAEH;;;;;;GAMG;AACH,4CAJW,IAAI,YACJ,OAAO,oBAAoB,EAAE,wBAAwB,EAAE,GACrD,oBAAoB,GAAG,SAAS,CAe5C;AAED;;;;;;;GAOG;AACH,4CALW,IAAI,oBACJ,oBAAoB,eACpB,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GACrB,OAAO,CAiDnB;AAED;;;;;;;;GAQG;AACH,gDALW,IAAI,oBACJ,oBAAoB,GAAG,SAAS,eAChC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GACrB,OAAO,CAwDnB;AAED;;;;;;;;;;GAUG;AACH,+CAPW,OAAO,yBAAyB,EAAE,OAAO,eACzC,IAAI,oBACJ,oBAAoB,WACpB,WAAW,eACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GACrB,OAAO,CAAC,IAAI,CAAC,CAyGzB;mBAtQY,OAAO,iBAAiB,EAAE,OAAO;mCACjC,OAAO,8CAA8C,EAAE,oBAAoB"}
+{"version":3,"file":"dataReadiness.d.ts","sourceRoot":"","sources":["../../../src/view/dataReadiness.js"],"names":[],"mappings":"AAIA;;;GAGG;AAEH;;;;;;GAMG;AACH,4CAJW,IAAI,YACJ,OAAO,oBAAoB,EAAE,wBAAwB,EAAE,GACrD,oBAAoB,GAAG,SAAS,CAe5C;AAED;;;;;;;GAOG;AACH,4CALW,IAAI,oBACJ,oBAAoB,eACpB,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GACrB,OAAO,CAiDnB;AAED;;;;;;;;GAQG;AACH,gDALW,IAAI,oBACJ,oBAAoB,GAAG,SAAS,eAChC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GACrB,OAAO,CAgBnB;AAED;;;;;;;;;;GAUG;AACH,+CAPW,OAAO,yBAAyB,EAAE,OAAO,eACzC,IAAI,oBACJ,oBAAoB,GAAG,SAAS,WAChC,WAAW,eACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GACrB,OAAO,CAAC,IAAI,CAAC,CA0FzB;mBA/MY,OAAO,iBAAiB,EAAE,OAAO;mCACjC,OAAO,8CAA8C,EAAE,oBAAoB"}

package/dist/src/view/dataReadiness.js

@@ -1,4 +1,5 @@
 import DataSource from "../data/sources/dataSource.js";
+import SingleAxisLazySource from "../data/sources/lazy/singleAxisLazySource.js";
 import UnitView from "./unitView.js";
 
 /**
@@ -95,54 +96,14 @@ export function isSubtreeReady(subtreeRoot, readinessRequest, viewFilter) {
  * @returns {boolean}
  */
 export function isSubtreeLazyReady(subtreeRoot, readinessRequest, viewFilter) {
-    const shouldConsiderView =
-        viewFilter ??
-        ((/** @type {View} */ view) => view.isConfiguredVisible());
-
-    /** @type {Set<DataSource>} */
-    const dataSources = new Set();
-
-    subtreeRoot.visit((view) => {
-        if (!(view instanceof UnitView)) {
-            return;
-        }
-        if (!shouldConsiderView(view)) {
-            return;
-        }
-
-        /** @type {View | null} */
-        let current = view;
-        while (current) {
-            if (current.flowHandle && current.flowHandle.dataSource) {
-                break;
-            }
-            current = current.dataParent;
-        }
-
-        if (!current || !current.flowHandle) {
-            return;
-        }
-        const dataSource = current.flowHandle.dataSource;
-        if (!("isDataReadyForDomain" in dataSource)) {
-            return;
-        }
-        dataSources.add(dataSource);
-    });
+    const dataSources = collectLazyDataSources(subtreeRoot, viewFilter);
 
     if (!dataSources.size) {
         return true;
     }
 
-    if (!readinessRequest) {
-        return false;
-    }
-
     for (const dataSource of dataSources) {
-        const checkReady =
-            /** @type {import("../data/sources/lazy/singleAxisLazySource.js").DataReadinessCheckable["isDataReadyForDomain"]} */ (
-                /** @type {any} */ (dataSource).isDataReadyForDomain
-            );
-        if (!checkReady.call(dataSource, readinessRequest)) {
+        if (!isLazySourceReady(dataSource, readinessRequest)) {
             return false;
         }
     }
@@ -156,7 +117,7 @@ export function isSubtreeLazyReady(subtreeRoot, readinessRequest, viewFilter) {
  *
  * @param {import("../types/viewContext.js").default} context
  * @param {View} subtreeRoot
- * @param {DataReadinessRequest} readinessRequest
+ * @param {DataReadinessRequest | undefined} readinessRequest
  * @param {AbortSignal} [signal]
  * @param {(view: View) => boolean} [viewFilter]
  * @returns {Promise<void>}
@@ -172,21 +133,6 @@ export function awaitSubtreeLazyReady(
         viewFilter ??
         ((/** @type {View} */ view) => view.isConfiguredVisible());
 
-    if (!readinessRequest) {
-        if (
-            isSubtreeLazyReady(
-                subtreeRoot,
-                readinessRequest,
-                shouldConsiderView
-            )
-        ) {
-            return Promise.resolve();
-        }
-        return Promise.reject(
-            new Error("Lazy subtree readiness requires a readiness request.")
-        );
-    }
-
     return new Promise((resolve, reject) => {
         /** @type {Set<() => void>} */
         const unregisters = new Set();
@@ -265,3 +211,62 @@ export function awaitSubtreeLazyReady(
         }
     });
 }
+
+/**
+ * @param {View} subtreeRoot
+ * @param {(view: View) => boolean} [viewFilter]
+ * @returns {Set<SingleAxisLazySource>}
+ */
+function collectLazyDataSources(subtreeRoot, viewFilter) {
+    const shouldConsiderView =
+        viewFilter ??
+        ((/** @type {View} */ view) => view.isConfiguredVisible());
+
+    /** @type {Set<SingleAxisLazySource>} */
+    const dataSources = new Set();
+
+    subtreeRoot.visit((view) => {
+        if (!(view instanceof UnitView)) {
+            return;
+        }
+        if (!shouldConsiderView(view)) {
+            return;
+        }
+
+        /** @type {View | null} */
+        let current = view;
+        while (current) {
+            if (current.flowHandle && current.flowHandle.dataSource) {
+                break;
+            }
+            current = current.dataParent;
+        }
+
+        if (!current || !current.flowHandle) {
+            return;
+        }
+
+        const dataSource = current.flowHandle.dataSource;
+        if (!(dataSource instanceof SingleAxisLazySource)) {
+            return;
+        }
+
+        dataSources.add(dataSource);
+    });
+
+    return dataSources;
+}
+
+/**
+ * @param {SingleAxisLazySource} dataSource
+ * @param {DataReadinessRequest | undefined} readinessRequest
+ */
+function isLazySourceReady(dataSource, readinessRequest) {
+    const request =
+        readinessRequest ??
+        ({
+            [dataSource.channel]: Array.from(dataSource.scaleResolution.getDomain()),
+        });
+
+    return dataSource.isDataReadyForDomain(request);
+}

package/dist/src/view/facetView.js

@@ -354,7 +354,7 @@ export default class FacetView extends ContainerView {
                 coords[channel == "column" ? "width" : "height"],
                 {
                     spacing,
-                    devicePixelRatio: window.devicePixelRatio,
+                    devicePixelRatio: context.getDevicePixelRatio(),
                 }
             );
         };

package/dist/src/view/gridView/gridChild.d.ts

@@ -1,3 +1,10 @@
+/**
+ * @param {import("../../spec/parameter.js").IntervalSelectionConfig["zoom"]} zoom
+ * @param {boolean} hasZoomableChannel
+ * @param {string} paramName
+ * @returns {import("../../spec/parameter.js").EventConfig | undefined}
+ */
+export function resolveIntervalZoomEventConfig(zoom: import("../../spec/parameter.js").IntervalSelectionConfig["zoom"], hasZoomableChannel: boolean, paramName: string): import("../../spec/parameter.js").EventConfig | undefined;
 /**
  * @param {import("../../spec/view.js").ViewBackground} viewBackground
  * @returns {import("../../spec/view.js").UnitSpec}

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

@@ -1 +1 @@
-{"version":3,"file":"gridChild.d.ts","sourceRoot":"","sources":["../../../../src/view/gridView/gridChild.js"],"names":[],"mappings":"AAysBA;;;GAGG;AACH,iDAHW,OAAO,oBAAoB,EAAE,cAAc,GACzC,OAAO,oBAAoB,EAAE,QAAQ,CA6BjD;AAED;;;GAGG;AACH,uDAHW,OAAO,oBAAoB,EAAE,cAAc,GACzC,OAAO,oBAAoB,EAAE,QAAQ,CA4CjD;AApwBD;IACI;;;;;;OAMG;IAEH;;;;OAIG;IACH,kBAJW,OAAO,YAAY,EAAE,OAAO,gBAC5B,OAAO,qBAAqB,EAAE,OAAO,UACrC,MAAM,EAgGhB;IA7FG,gGAAgC;IAChC,0EAAgB;IAChB,eAAoB;IAEpB,uBAAuB;IACvB,YADW,QAAQ,CACQ;IAE3B,uBAAuB;IACvB,kBADW,QAAQ,CACc;IAEjC,sFAAsF;IACtF,MADW,OAAO,CAAC,MAAM,CAAC,OAAO,oBAAoB,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAC/D;IAEd,+FAA+F;IAC/F,WADW,OAAO,CAAC,MAAM,CAAC,OAAO,oBAAoB,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAC9D;IAEnB,mFAAmF;IACnF,YADW,OAAO,CAAC,MAAM,CAAC,OAAO,gBAAgB,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAC3D;IAEpB,4BAA4B;IAC5B,eADW,aAAa,CACM;IAE9B,uBAAuB;IACvB,OADW,QAAQ,CACG;IAEtB,wBAAwB;IACxB,QADW,SAAS,CACQ;IAgahC,6GAiBC;IAED;;OAEG;IACH,4BAwKC;IAED;;OAEG;IACH,yBAWC;IAED,uBAqBC;IAED,iCAEC;;CACJ;qBAxrBoB,gBAAgB;qBANK,gBAAgB;yBADjC,oBAAoB;sBASvB,gBAAgB;0BACZ,oBAAoB;sBALxB,wBAAwB;oBAF1B,sBAAsB"}
+{"version":3,"file":"gridChild.d.ts","sourceRoot":"","sources":["../../../../src/view/gridView/gridChild.js"],"names":[],"mappings":"AAu0BA;;;;;GAKG;AACH,qDALW,OAAO,yBAAyB,EAAE,uBAAuB,CAAC,MAAM,CAAC,sBACjE,OAAO,aACP,MAAM,GACJ,OAAO,yBAAyB,EAAE,WAAW,GAAG,SAAS,CAyBrE;AAcD;;;GAGG;AACH,iDAHW,OAAO,oBAAoB,EAAE,cAAc,GACzC,OAAO,oBAAoB,EAAE,QAAQ,CA6BjD;AAED;;;GAGG;AACH,uDAHW,OAAO,oBAAoB,EAAE,cAAc,GACzC,OAAO,oBAAoB,EAAE,QAAQ,CA4CjD;AAx6BD;IACI;;;;;;OAMG;IAEH;;;;OAIG;IACH,kBAJW,OAAO,YAAY,EAAE,OAAO,gBAC5B,OAAO,qBAAqB,EAAE,OAAO,UACrC,MAAM,EAgGhB;IA7FG,gGAAgC;IAChC,0EAAgB;IAChB,eAAoB;IAEpB,uBAAuB;IACvB,YADW,QAAQ,CACQ;IAE3B,uBAAuB;IACvB,kBADW,QAAQ,CACc;IAEjC,sFAAsF;IACtF,MADW,OAAO,CAAC,MAAM,CAAC,OAAO,oBAAoB,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAC/D;IAEd,+FAA+F;IAC/F,WADW,OAAO,CAAC,MAAM,CAAC,OAAO,oBAAoB,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAC9D;IAEnB,mFAAmF;IACnF,YADW,OAAO,CAAC,MAAM,CAAC,OAAO,gBAAgB,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAC3D;IAEpB,4BAA4B;IAC5B,eADW,aAAa,CACM;IAE9B,uBAAuB;IACvB,OADW,QAAQ,CACG;IAEtB,wBAAwB;IACxB,QADW,SAAS,CACQ;IAyhBhC,6GAiBC;IAED;;OAEG;IACH,4BAwKC;IAED;;OAEG;IACH,yBAWC;IAED,uBAqBC;IAED,iCAEC;;CACJ;qBApzBoB,gBAAgB;qBANK,gBAAgB;yBADjC,oBAAoB;sBASvB,gBAAgB;0BACZ,oBAAoB;sBALxB,wBAAwB;oBAF1B,sBAAsB"}