@genome-spy/core 0.67.0 → 0.69.0

package/dist/src/genome/scaleLocus.js

@@ -90,7 +90,20 @@ export default function scaleLocus() {
 
     const originalCopy = scale.copy;
 
-    scale.copy = () => originalCopy().genome(genome);
+    scale.copy = () => {
+        const copied = originalCopy();
+        let copiedGenome = genome;
+        // @ts-expect-error
+        copied.genome = function (_) {
+            if (arguments.length) {
+                copiedGenome = _;
+                return copied;
+            } else {
+                return copiedGenome;
+            }
+        };
+        return copied.genome(genome);
+    };
 
     return scale;
 }

package/dist/src/genomeSpy/containerUi.d.ts

@@ -3,7 +3,6 @@
  */
 export function createContainerUi(container: HTMLElement): {
     canvasWrapper: HTMLElement;
-    loadingMessageElement: HTMLElement;
     loadingIndicatorsElement: HTMLElement;
     tooltip: Tooltip;
     styleElement: HTMLStyleElement;

package/dist/src/genomeSpy/containerUi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"containerUi.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/containerUi.js"],"names":[],"mappings":"AAGA;;GAEG;AACH,6CAFW,WAAW;;;;;;EA2CrB;AAED;;;GAGG;AACH,4CAHW,WAAW,WACX,MAAM,QAUhB;oBA5DmB,wBAAwB"}
+{"version":3,"file":"containerUi.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/containerUi.js"],"names":[],"mappings":"AAGA;;GAEG;AACH,6CAFW,WAAW;;;;;EA6BrB;AAED;;;GAGG;AACH,4CAHW,WAAW,WACX,MAAM,QAUhB;oBA9CmB,wBAAwB"}

package/dist/src/genomeSpy/containerUi.js

@@ -18,12 +18,6 @@ export function createContainerUi(container) {
 
     canvasWrapper.classList.add("loading");
 
-    const loadingMessageElement = element("div", {
-        class: "loading-message",
-        innerHTML: `<div class="message">Loading<span class="ellipsis">...</span></div>`,
-    });
-    canvasWrapper.appendChild(loadingMessageElement);
-
     const loadingIndicatorsElement = element("div", {
         class: "loading-indicators",
     });
@@ -31,16 +25,8 @@ export function createContainerUi(container) {
 
     const tooltip = new Tooltip(container);
 
-    loadingMessageElement
-        .querySelector(".message")
-        .addEventListener("transitionend", () => {
-            /** @type {HTMLElement} */ (loadingMessageElement).style.display =
-                "none";
-        });
-
     return {
         canvasWrapper,
-        loadingMessageElement,
         loadingIndicatorsElement,
         tooltip,
         styleElement,

package/dist/src/genomeSpy/inputBindingManager.js

@@ -29,7 +29,7 @@ export default class InputBindingManager {
         const inputs = [];
 
         viewRoot.visit((view) => {
-            const mediator = view.paramMediator;
+            const mediator = view.paramRuntime;
             inputs.push(...createBindingInputs(mediator));
         });
         const ibc = this.#options.inputBindingContainer;

package/dist/src/genomeSpy/interactionController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactionController.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/interactionController.js"],"names":[],"mappings":"AAQA;IA2BI;;;;;;;;;;OAUG;IACH,mIATG;QAAmD,QAAQ,EAAnD,OAAO,iBAAiB,EAAE,OAAO;QACe,QAAQ,EAAxD,OAAO,sBAAsB,EAAE,OAAO;QACY,OAAO,EAAzD,OAAO,wBAAwB,EAAE,OAAO;QACQ,QAAQ,EAAxD,OAAO,sBAAsB,EAAE,OAAO;QACM,SAAS,EAArD,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI;QAC6C,eAAe,EAA9F,MAAM,CAAC,MAAM,EAAE,OAAO,8BAA8B,EAAE,cAAc,CAAC;QACjD,wBAAwB,EAA5C,MAAM,IAAI;QACY,mBAAmB,EAAzC,MAAM,MAAM;KACtB,EAgCA;IAED;cArDkB,OAAO,kBAAkB,EAAE,OAAO;eAAS,OAAO,qBAAqB,EAAE,KAAK;kBAAY,MAAM;MAuDjH;IAED,4BAgMC;IA6ED;;;;;;;OAOG;IACH,cAFa,CAAC,SAFH,CAAC,cACD,CAAS,IAAC,EAAD,CAAC,KAAE,OAAO,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAYlF;;CACJ"}
+{"version":3,"file":"interactionController.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/interactionController.js"],"names":[],"mappings":"AASA;IA2BI;;;;;;;;;;OAUG;IACH,mIATG;QAAmD,QAAQ,EAAnD,OAAO,iBAAiB,EAAE,OAAO;QACe,QAAQ,EAAxD,OAAO,sBAAsB,EAAE,OAAO;QACY,OAAO,EAAzD,OAAO,wBAAwB,EAAE,OAAO;QACQ,QAAQ,EAAxD,OAAO,sBAAsB,EAAE,OAAO;QACM,SAAS,EAArD,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI;QAC6C,eAAe,EAA9F,MAAM,CAAC,MAAM,EAAE,OAAO,8BAA8B,EAAE,cAAc,CAAC;QACjD,wBAAwB,EAA5C,MAAM,IAAI;QACY,mBAAmB,EAAzC,MAAM,MAAM;KACtB,EAgCA;IAED;cArDkB,OAAO,kBAAkB,EAAE,OAAO;eAAS,OAAO,qBAAqB,EAAE,KAAK;kBAAY,MAAM;MAuDjH;IAED,4BAgMC;IAkFD;;;;;;;OAOG;IACH,cAFa,CAAC,SAFH,CAAC,cACD,CAAS,IAAC,EAAD,CAAC,KAAE,OAAO,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAYlF;;CACJ"}

package/dist/src/genomeSpy/interactionController.js

@@ -5,6 +5,7 @@ import InteractionEvent from "../utils/interactionEvent.js";
 import Inertia, { makeEventTemplate } from "../utils/inertia.js";
 import Point from "../view/layout/point.js";
 import { isStillZooming } from "../view/zoom.js";
+import createTooltipContext from "../tooltip/tooltipContext.js";
 
 export default class InteractionController {
     /** @type {import("../view/view.js").default} */
@@ -344,7 +345,12 @@ export default class InteractionController {
                         );
                     }
 
-                    return handler(datum, mark, tooltipProps?.params);
+                    const context = createTooltipContext(
+                        datum,
+                        mark,
+                        tooltipProps?.params
+                    );
+                    return handler(datum, mark, tooltipProps?.params, context);
                 }
             });
         }

package/dist/src/genomeSpy/loadingIndicatorManager.d.ts

@@ -1,14 +1,10 @@
 export default class LoadingIndicatorManager {
     /**
      * @param {HTMLElement} loadingIndicatorsElement
+     * @param {import("./loadingStatusRegistry.js").default} loadingStatusRegistry
      */
-    constructor(loadingIndicatorsElement: HTMLElement);
-    /**
-     * @param {import("../view/view.js").default} view
-     * @param {import("../types/viewContext.js").DataLoadingStatus} status
-     * @param {string} [detail]
-     */
-    setDataLoadingStatus(view: import("../view/view.js").default, status: import("../types/viewContext.js").DataLoadingStatus, detail?: string): void;
+    constructor(loadingIndicatorsElement: HTMLElement, loadingStatusRegistry: import("./loadingStatusRegistry.js").default);
+    destroy(): void;
     updateLayout(): void;
     #private;
 }

package/dist/src/genomeSpy/loadingIndicatorManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadingIndicatorManager.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/loadingIndicatorManager.js"],"names":[],"mappings":"AAIA;IAQI;;OAEG;IACH,sCAFW,WAAW,EASrB;IAED;;;;OAIG;IACH,2BAJW,OAAO,iBAAiB,EAAE,OAAO,UACjC,OAAO,yBAAyB,EAAE,iBAAiB,WACnD,MAAM,QAKhB;IAED,qBAwDC;;CACJ"}
+{"version":3,"file":"loadingIndicatorManager.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/loadingIndicatorManager.js"],"names":[],"mappings":"AAIA;IAYI;;;OAGG;IACH,sCAHW,WAAW,yBACX,OAAO,4BAA4B,EAAE,OAAO,EAWtD;IAED,gBAKC;IAED,qBAoGC;;CACJ"}

package/dist/src/genomeSpy/loadingIndicatorManager.js

@@ -5,45 +5,67 @@ import SPINNER from "../img/90-ring-with-bg.svg";
 export default class LoadingIndicatorManager {
     /** @type {HTMLElement} */
     #loadingIndicatorsElement;
+
     /**
-     * @type {Map<import("../view/view.js").default, { status: import("../types/viewContext.js").DataLoadingStatus, detail?: string }>}
+     * @type {import("./loadingStatusRegistry.js").default}
      */
-    #loadingViews;
+    #loadingStatusRegistry;
+
+    /** @type {(() => void) | null} */
+    #unsubscribe = null;
 
     /**
      * @param {HTMLElement} loadingIndicatorsElement
+     * @param {import("./loadingStatusRegistry.js").default} loadingStatusRegistry
      */
-    constructor(loadingIndicatorsElement) {
+    constructor(loadingIndicatorsElement, loadingStatusRegistry) {
         this.#loadingIndicatorsElement = loadingIndicatorsElement;
 
-        /**
-         * @type {Map<import("../view/view.js").default, { status: import("../types/viewContext.js").DataLoadingStatus, detail?: string }>}
-         */
-        this.#loadingViews = new Map();
-    }
+        this.#loadingStatusRegistry = loadingStatusRegistry;
 
-    /**
-     * @param {import("../view/view.js").default} view
-     * @param {import("../types/viewContext.js").DataLoadingStatus} status
-     * @param {string} [detail]
-     */
-    setDataLoadingStatus(view, status, detail) {
-        this.#loadingViews.set(view, { status, detail });
+        this.#unsubscribe = this.#loadingStatusRegistry.subscribe(() =>
+            this.updateLayout()
+        );
         this.updateLayout();
     }
 
+    destroy() {
+        if (this.#unsubscribe) {
+            this.#unsubscribe();
+            this.#unsubscribe = null;
+        }
+    }
+
     updateLayout() {
         /** @type {import("lit").TemplateResult[]} */
         const indicators = [];
 
-        const isSomethingVisible = () =>
-            [...this.#loadingViews.values()].some(
-                (v) => v.status == "loading" || v.status == "error"
-            );
+        const isSomethingVisible = () => {
+            for (const [, status] of this.#loadingStatusRegistry.entries()) {
+                if (status.status == "loading" || status.status == "error") {
+                    return true;
+                }
+            }
+            return false;
+        };
+
+        /** @type {{ status: import("../types/viewContext.js").DataLoadingStatus, detail?: string } | undefined} */
+        let fallbackStatus;
+        let hasVisibleWithCoords = false;
+
+        for (const [view, status] of this.#loadingStatusRegistry.entries()) {
+            const isVisible =
+                status.status == "loading" || status.status == "error";
 
-        for (const [view, status] of this.#loadingViews) {
             const c = view.coords;
+            if (!c && isVisible && !fallbackStatus) {
+                fallbackStatus = status;
+            }
             if (c) {
+                if (isVisible) {
+                    hasVisibleWithCoords = true;
+                }
+
                 const style = {
                     left: `${c.x}px`,
                     top: `${c.y}px`,
@@ -70,6 +92,32 @@ export default class LoadingIndicatorManager {
             }
         }
 
+        if (fallbackStatus && !hasVisibleWithCoords) {
+            const style = {
+                left: "0px",
+                top: "0px",
+                width: "100%",
+                height: "100%",
+            };
+            indicators.push(
+                html`<div style=${styleMap(style)}>
+                    <div class=${fallbackStatus.status}>
+                        ${fallbackStatus.status == "error"
+                            ? html`<span
+                                  >Loading
+                                  failed${fallbackStatus.detail
+                                      ? html`: ${fallbackStatus.detail}`
+                                      : nothing}</span
+                              >`
+                            : html`
+                                  <img src="${SPINNER}" alt="" />
+                                  <span>Loading...</span>
+                              `}
+                    </div>
+                </div>`
+            );
+        }
+
         // Do some hacks to stop css animations of the loading indicators.
         // Otherwise they fire animation frames even when their opacity is zero.
         // TODO: Instead of this, replace the animated spinners with static images.

package/dist/src/genomeSpy/loadingStatusRegistry.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @typedef {import("../view/view.js").default} View
+ * @typedef {import("../types/viewContext.js").DataLoadingStatus} DataLoadingStatus
+ * @typedef {{ status: DataLoadingStatus, detail?: string }} LoadingStatus
+ * @typedef {{ view: View, status: DataLoadingStatus, detail?: string }} LoadingStatusChange
+ */
+/**
+ * Central registry for per-view loading status that decouples data sources
+ * from UI rendering. Consumers can subscribe to changes and query the current
+ * status map when needed (e.g., for overlay rendering).
+ */
+export default class LoadingStatusRegistry {
+    /**
+     * @param {View} view
+     * @param {DataLoadingStatus} status
+     * @param {string} [detail]
+     */
+    set(view: View, status: DataLoadingStatus, detail?: string): void;
+    /**
+     * @param {View} view
+     */
+    delete(view: View): void;
+    /**
+     * @param {View} view
+     * @returns {LoadingStatus | undefined}
+     */
+    get(view: View): LoadingStatus | undefined;
+    /**
+     * @returns {IterableIterator<[View, LoadingStatus]>}
+     */
+    entries(): IterableIterator<[View, LoadingStatus]>;
+    /**
+     * Subscribe to status changes.
+     *
+     * @param {(change: LoadingStatusChange) => void} listener
+     * @returns {() => void} Unsubscribe callback
+     */
+    subscribe(listener: (change: LoadingStatusChange) => void): () => void;
+    #private;
+}
+export type View = import("../view/view.js").default;
+export type DataLoadingStatus = import("../types/viewContext.js").DataLoadingStatus;
+export type LoadingStatus = {
+    status: DataLoadingStatus;
+    detail?: string;
+};
+export type LoadingStatusChange = {
+    view: View;
+    status: DataLoadingStatus;
+    detail?: string;
+};
+//# sourceMappingURL=loadingStatusRegistry.d.ts.map

package/dist/src/genomeSpy/loadingStatusRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadingStatusRegistry.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/loadingStatusRegistry.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;GAIG;AACH;IAOI;;;;OAIG;IACH,UAJW,IAAI,UACJ,iBAAiB,WACjB,MAAM,QAahB;IAED;;OAEG;IACH,aAFW,IAAI,QAkBd;IAED;;;OAGG;IACH,UAHW,IAAI,GACF,aAAa,GAAG,SAAS,CAIrC;IAED;;OAEG;IACH,WAFa,gBAAgB,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAInD;IAED;;;;;OAKG;IACH,oBAHW,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,GACnC,MAAM,IAAI,CAOtB;;CACJ;mBApFY,OAAO,iBAAiB,EAAE,OAAO;gCACjC,OAAO,yBAAyB,EAAE,iBAAiB;4BACnD;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE;kCAC9C;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/src/genomeSpy/loadingStatusRegistry.js

@@ -0,0 +1,86 @@
+/**
+ * @typedef {import("../view/view.js").default} View
+ * @typedef {import("../types/viewContext.js").DataLoadingStatus} DataLoadingStatus
+ * @typedef {{ status: DataLoadingStatus, detail?: string }} LoadingStatus
+ * @typedef {{ view: View, status: DataLoadingStatus, detail?: string }} LoadingStatusChange
+ */
+
+/**
+ * Central registry for per-view loading status that decouples data sources
+ * from UI rendering. Consumers can subscribe to changes and query the current
+ * status map when needed (e.g., for overlay rendering).
+ */
+export default class LoadingStatusRegistry {
+    /** @type {Map<View, LoadingStatus>} */
+    #statuses = new Map();
+
+    /** @type {Set<(change: LoadingStatusChange) => void>} */
+    #listeners = new Set();
+
+    /**
+     * @param {View} view
+     * @param {DataLoadingStatus} status
+     * @param {string} [detail]
+     */
+    set(view, status, detail) {
+        if (!view) {
+            throw new Error("LoadingStatusRegistry.set requires a view.");
+        }
+
+        this.#statuses.set(view, { status, detail });
+
+        const change = { view, status, detail };
+        for (const listener of this.#listeners) {
+            listener(change);
+        }
+    }
+
+    /**
+     * @param {View} view
+     */
+    delete(view) {
+        const previous = this.#statuses.get(view);
+        if (!previous) {
+            return;
+        }
+
+        this.#statuses.delete(view);
+
+        const change = {
+            view,
+            status: previous.status,
+            detail: previous.detail,
+        };
+        for (const listener of this.#listeners) {
+            listener(change);
+        }
+    }
+
+    /**
+     * @param {View} view
+     * @returns {LoadingStatus | undefined}
+     */
+    get(view) {
+        return this.#statuses.get(view);
+    }
+
+    /**
+     * @returns {IterableIterator<[View, LoadingStatus]>}
+     */
+    entries() {
+        return this.#statuses.entries();
+    }
+
+    /**
+     * Subscribe to status changes.
+     *
+     * @param {(change: LoadingStatusChange) => void} listener
+     * @returns {() => void} Unsubscribe callback
+     */
+    subscribe(listener) {
+        this.#listeners.add(listener);
+        return () => {
+            this.#listeners.delete(listener);
+        };
+    }
+}

package/dist/src/genomeSpy/viewContextFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewContextFactory.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/viewContextFactory.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;;GASG;AACH,2CALW,OAAO,CAAC,WAAW,CAAC,GAAG;IAC7B,6BAA6B,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,EAAE,YAAY,CAAC,EAAE,OAAO,0BAA0B,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,OAAO,iBAAiB,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,iBAAiB,EAAE,QAAQ,KAAK,IAAI,KAAK,OAAO,CAAC,OAAO,iBAAiB,EAAE,OAAO,CAAC,CAAA;CACvX,GACS,WAAW,CAkEvB;0BA7EY,OAAO,yBAAyB,EAAE,OAAO"}
+{"version":3,"file":"viewContextFactory.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/viewContextFactory.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;;GASG;AACH,2CALW,OAAO,CAAC,WAAW,CAAC,GAAG;IAC7B,6BAA6B,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,EAAE,YAAY,CAAC,EAAE,OAAO,0BAA0B,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,OAAO,iBAAiB,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,iBAAiB,EAAE,QAAQ,KAAK,IAAI,KAAK,OAAO,CAAC,OAAO,iBAAiB,EAAE,OAAO,CAAC,CAAA;CACvX,GACS,WAAW,CAiEvB;0BA5EY,OAAO,yBAAyB,EAAE,OAAO"}

package/dist/src/genomeSpy/viewContextFactory.js

@@ -58,7 +58,6 @@ export function createViewContext(options) {
         "updateTooltip",
         "getNamedDataFromProvider",
         "getCurrentHover",
-        "setDataLoadingStatus",
         "addKeyboardListener",
         "addBroadcastListener",
         "removeBroadcastListener",

package/dist/src/genomeSpy/viewDataInit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewDataInit.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/viewDataInit.js"],"names":[],"mappings":"AAOA;;;;;;;;;GASG;AACH,6CANW,OAAO,iBAAiB,EAAE,OAAO,YACjC,OAAO,qBAAqB,EAAE,OAAO,eACrC,OAAO,2BAA2B,EAAE,OAAO,mBAC3C,CAAC,QAAQ,EAAE,OAAO,qBAAqB,EAAE,OAAO,KAAK,IAAI,GACvD,OAAO,CAAC,OAAO,qBAAqB,EAAE,OAAO,CAAC,CAkC1D;AAED;;;;;;;;GAQG;AACH,oDALW,OAAO,iBAAiB,EAAE,OAAO,YACjC,OAAO,qBAAqB,EAAE,OAAO,eACrC,OAAO,2BAA2B,EAAE,OAAO,GACzC,OAAO,CAAC,OAAO,qBAAqB,EAAE,OAAO,CAAC,CAgD1D"}
+{"version":3,"file":"viewDataInit.d.ts","sourceRoot":"","sources":["../../../src/genomeSpy/viewDataInit.js"],"names":[],"mappings":"AAOA;;;;;;;;;GASG;AACH,6CANW,OAAO,iBAAiB,EAAE,OAAO,YACjC,OAAO,qBAAqB,EAAE,OAAO,eACrC,OAAO,2BAA2B,EAAE,OAAO,mBAC3C,CAAC,QAAQ,EAAE,OAAO,qBAAqB,EAAE,OAAO,KAAK,IAAI,GACvD,OAAO,CAAC,OAAO,qBAAqB,EAAE,OAAO,CAAC,CAkC1D;AAED;;;;;;;;GAQG;AACH,oDALW,OAAO,iBAAiB,EAAE,OAAO,YACjC,OAAO,qBAAqB,EAAE,OAAO,eACrC,OAAO,2BAA2B,EAAE,OAAO,GACzC,OAAO,CAAC,OAAO,qBAAqB,EAAE,OAAO,CAAC,CA2E1D"}

package/dist/src/genomeSpy/viewDataInit.js

@@ -63,6 +63,10 @@ export async function initializeVisibleViewData(
     dataFlow,
     fontManager
 ) {
+    // Initialize dataflow/graphics for views that have become visible since the
+    // initial load, while avoiding unnecessary data source reloads. If a view
+    // attaches downstream of an already completed collector, repropagate that
+    // collector instead of reloading the source.
     const visibilityPredicate = (
         /** @type {import("../view/view.js").default} */ view
     ) => view.isConfiguredVisible();
@@ -80,6 +84,23 @@ export async function initializeVisibleViewData(
         /** @type {import("../view/view.js").default} */ view
     ) => viewsToInitializeSet.has(view);
 
+    /** @type {Set<import("../data/collector.js").default>} */
+    const collectorsToRepropagate = new Set();
+    /** @type {import("../view/view.js").default[]} */
+    const viewsNeedingLoad = [];
+    for (const view of viewsToInitialize) {
+        if (view.spec.data) {
+            viewsNeedingLoad.push(view);
+            continue;
+        }
+        const collector = findCompletedAncestorCollector(view);
+        if (collector) {
+            collectorsToRepropagate.add(collector);
+        } else {
+            viewsNeedingLoad.push(view);
+        }
+    }
+
     const { dataFlow: builtDataFlow, graphicsPromises } = initializeViewSubtree(
         viewRoot,
         dataFlow,
@@ -89,17 +110,23 @@ export async function initializeVisibleViewData(
 
     await fontManager.waitUntilReady();
 
-    const dataSourceRoots = collectDataSourceRoots(viewsToInitialize);
-    await Promise.all(
-        Array.from(dataSourceRoots.entries()).map(
-            ([subtreeRoot, dataSources]) =>
-                loadViewSubtreeData(subtreeRoot, dataSources, undefined, {
-                    // If a source is already loading, schedule a reload so new branches
-                    // added during lazy init receive a complete data propagation.
-                    queueReload: true,
-                })
-        )
-    );
+    for (const collector of collectorsToRepropagate) {
+        collector.repropagate();
+    }
+
+    if (viewsNeedingLoad.length) {
+        const dataSourceRoots = collectDataSourceRoots(viewsNeedingLoad);
+        await Promise.all(
+            Array.from(dataSourceRoots.entries()).map(
+                ([subtreeRoot, dataSources]) =>
+                    loadViewSubtreeData(subtreeRoot, dataSources, undefined, {
+                        // If a source is already loading, schedule a reload so new branches
+                        // added during lazy init receive a complete data propagation.
+                        queueReload: true,
+                    })
+            )
+        );
+    }
 
     await finalizeSubtreeGraphics(graphicsPromises);
 
@@ -158,3 +185,21 @@ function collectDataSourceRoots(views) {
 
     return roots;
 }
+
+/**
+ * Finds the nearest completed collector in the dataParent chain.
+ *
+ * @param {import("../view/view.js").default} view
+ * @returns {import("../data/collector.js").default | undefined}
+ */
+function findCompletedAncestorCollector(view) {
+    let current = view.dataParent;
+    while (current) {
+        const collector = current.flowHandle?.collector;
+        if (collector) {
+            return collector.completed ? collector : undefined;
+        }
+        current = current.dataParent;
+    }
+    return undefined;
+}

package/dist/src/genomeSpy.d.ts

@@ -66,8 +66,6 @@ export default class GenomeSpy {
      * @param {any} [payload]
      */
     broadcast(type: BroadcastEventType, payload?: any): void;
-    loadingMessageElement: HTMLElement;
-    loadingIndicatorsElement: HTMLElement;
     tooltip: import("./utils/ui/tooltip.js").default;
     /**
      * Unregisters all listeners, removes all created dom elements, removes all css classes from the container

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

@@ -1 +1 @@
-{"version":3,"file":"genomeSpy.d.ts","sourceRoot":"","sources":["../../src/genomeSpy.js"],"names":[],"mappings":"AA6CA;IAkBI;;;;;OAKG;IAEH;;;;;OAKG;IACH,uBAJW,WAAW,qDAEX,OAAO,qBAAqB,EAAE,YAAY,EA0CpD;IAvCG,uBAA0B;IAC1B,oDAAsB;IAItB,sCAAsC;IACtC,wCAAgB;IAEhB,yBAAoC;IAEpC,4CAA4C;IAC5C,oBADW,CAAC,CAAS,IAAM,EAAN,MAAM,KAAE,MAAM,EAAE,CAAC,EAAE,CACZ;IAE5B,mBAAoD;IAEpD,0BAA0B;IAC1B,aADW,WAAW,CACM;IAE5B;;;;;OAKG;IACH,yBAFU,CAAC,IAAI,kCAAM,KAAK,OAAO,CAE8B;IAE/D,oFAAoF;IACpF,iBADW,MAAM,CAAC,MAAM,EAAE,OAAO,6BAA6B,EAAE,cAAc,CAAC,CAK9E;IAED,mBAAmB;IACnB,2CAAyB;IAIzB,YAAkC;IAatC;;;OAGG;IACH,oCAFW,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,EAAE,QAIjC;IAED;;OAEG;IACH,+BAFW,MAAM,YAShB;IAED;;;;OAIG;IACH,sBAHW,MAAM,QACN,GAAG,EAAE,QAYf;IAED;;;OAGG;IACH,uBAHW,MAAM,YACN,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,QAI9B;IAED;;;OAGG;IACH,0BAHW,MAAM,YACN,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,QAI9B;IAED;;;;;OAKG;IACH,gBAHW,kBAAkB,YAClB,GAAG,QAMb;IAiEG,mCAAkD;IAKlD,sCAAwD;IACxD,iDAAsB;IAM1B;;OAEG;IACH,gBAmBC;IA8ID;;;OAGG;IACH,UAFa,OAAO,CAAC,OAAO,CAAC,CAgC5B;IAED,2CAiBC;IAED,4BAEC;IAED;;;;;;;OAOG;IACH,cAFa,CAAC,SAFH,CAAC,cACD,CAAS,IAAC,EAAD,CAAC,KAAE,OAAO,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAKlF;IAED;;;;;;;;OAQG;IACH,4BANW,MAAM,kBACN,MAAM,qBACN,MAAM,eACN,MAAM,UAuBhB;IAED;;;MAEC;IAED,sBAEC;IAED,kBAEC;IAED,iCAEC;IAED,iCASC;IAED,uFAWC;;CACJ;;;;iCArhBY,eAAe,GAAG,QAAQ,GAAG,gBAAgB,GAAG,kBAAkB;4BAZnC,uBAAuB;qBAR9C,qBAAqB;wBAElB,yBAAyB;qBAL5B,oBAAoB"}
+{"version":3,"file":"genomeSpy.d.ts","sourceRoot":"","sources":["../../src/genomeSpy.js"],"names":[],"mappings":"AA+CA;IAoBI;;;;;OAKG;IAEH;;;;;OAKG;IACH,uBAJW,WAAW,qDAEX,OAAO,qBAAqB,EAAE,YAAY,EA0CpD;IAvCG,uBAA0B;IAC1B,oDAAsB;IAItB,sCAAsC;IACtC,wCAAgB;IAEhB,yBAAoC;IAEpC,4CAA4C;IAC5C,oBADW,CAAC,CAAS,IAAM,EAAN,MAAM,KAAE,MAAM,EAAE,CAAC,EAAE,CACZ;IAE5B,mBAAoD;IAEpD,0BAA0B;IAC1B,aADW,WAAW,CACM;IAE5B;;;;;OAKG;IACH,yBAFU,CAAC,IAAI,kCAAM,KAAK,OAAO,CAE8B;IAE/D,oFAAoF;IACpF,iBADW,MAAM,CAAC,MAAM,EAAE,OAAO,6BAA6B,EAAE,cAAc,CAAC,CAK9E;IAED,mBAAmB;IACnB,2CAAyB;IAIzB,YAAkC;IAatC;;;OAGG;IACH,oCAFW,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,EAAE,QAIjC;IAED;;OAEG;IACH,+BAFW,MAAM,YAShB;IAED;;;;OAIG;IACH,sBAHW,MAAM,QACN,GAAG,EAAE,QAYf;IAED;;;OAGG;IACH,uBAHW,MAAM,YACN,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,QAI9B;IAED;;;OAGG;IACH,0BAHW,MAAM,YACN,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,QAI9B;IAED;;;;;OAKG;IACH,gBAHW,kBAAkB,YAClB,GAAG,QAMb;IA4DG,iDAAsB;IAQ1B;;OAEG;IACH,gBAqBC;IAyJD;;;OAGG;IACH,UAFa,OAAO,CAAC,OAAO,CAAC,CAyC5B;IAED,2CAiBC;IAED,4BAEC;IAED;;;;;;;OAOG;IACH,cAFa,CAAC,SAFH,CAAC,cACD,CAAS,IAAC,EAAD,CAAC,KAAE,OAAO,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAKlF;IAED;;;;;;;;OAQG;IACH,4BANW,MAAM,kBACN,MAAM,qBACN,MAAM,eACN,MAAM,UAuBhB;IAED;;;MAEC;IAED,sBAEC;IAED,kBAEC;IAED,iCAEC;IAED,iCAYC;IAED,uFAWC;;CACJ;;;;iCAviBY,eAAe,GAAG,QAAQ,GAAG,gBAAgB,GAAG,kBAAkB;4BAbnC,uBAAuB;qBAR9C,qBAAqB;wBAElB,yBAAyB;qBAL5B,oBAAoB"}