@genome-spy/core 0.71.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/utils/radixSort.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radixSort.d.ts","sourceRoot":"","sources":["../../../src/utils/radixSort.js"],"names":[],"mappings":"AAKA;;GAEG;AACH,uCAFW,MAAM,EAAE,YAyDlB;AAaD;;GAEG;AACH,8CAFW,MAAM,EAAE,YAoDlB"}
+{"version":3,"file":"radixSort.d.ts","sourceRoot":"","sources":["../../../src/utils/radixSort.js"],"names":[],"mappings":"AAiBA;;GAEG;AACH,uCAFW,MAAM,EAAE,YA8DlB;AAeD;;GAEG;AACH,8CAFW,MAAM,EAAE,YA0DlB"}

package/dist/src/utils/radixSort.js

@@ -3,12 +3,29 @@ const MAX_INTEGER_DIGIT = getDigits([MAX_INTEGER]);
 
 // TODO: Optimize more! Some ideas: https://travisdowns.github.io/blog/2019/05/22/sorting.html
 
+/**
+ * @param {number[]} arr An array of unsigned integers
+ */
+function checkIfSorted(arr) {
+    for (let i = 1; i < arr.length; i++) {
+        if (arr[i] < arr[i - 1]) {
+            return false;
+        }
+    }
+    return true;
+}
+
 /**
  * @param {number[]} arr An array of unsigned integers
  */
 export default function radixSort(arr) {
     const maxDigits = getDigits(arr);
 
+    // Early exit if already sorted
+    if (checkIfSorted(arr)) {
+        return arr;
+    }
+
     let buffer = new Array(arr.length);
     let bufferPtr = buffer;
     const counts = new Array(16);
@@ -69,7 +86,9 @@ export default function radixSort(arr) {
 function getDigits(arr) {
     let max = 0;
     for (let i = 0, n = arr.length; i < n; i++) {
-        max = Math.max(max, arr[i]);
+        if (arr[i] > max) {
+            max = arr[i];
+        }
     }
     return Math.floor(Math.log2(max) / 4) + 1;
 }
@@ -80,6 +99,12 @@ function getDigits(arr) {
 export function radixSortIntoLookupArray(arr) {
     const maxDigits = getDigits(arr);
     let indexes = Array.from({ length: arr.length }, (_, i) => i);
+
+    // Early exit if already sorted
+    if (checkIfSorted(arr)) {
+        return indexes;
+    }
+
     let buffer = new Array(arr.length);
     const counts = new Array(16);
 

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"}