@genome-spy/core 0.67.0 → 0.69.0

package/dist/src/tooltip/tooltipHandler.d.ts

@@ -1,9 +1,48 @@
 import { TemplateResult } from "lit";
 import Mark from "../marks/mark.js";
+export type TooltipGenomicDisplayMode = "auto" | "locus" | "interval" | "endpoints" | "disabled";
+export interface TooltipGenomicAxisConfig {
+    mode?: TooltipGenomicDisplayMode;
+}
+export interface TooltipHandlerParams {
+    genomicCoordinates?: Partial<Record<"x" | "y", TooltipGenomicAxisConfig | TooltipGenomicDisplayMode>>;
+    [key: string]: any;
+}
+export interface TooltipRow {
+    key: string;
+    value: any;
+}
+export interface TooltipContext {
+    /**
+     * A list of row keys that should be hidden from the default tooltip table.
+     */
+    hiddenRowKeys?: string[];
+    /**
+     * Derived genomic rows to render before raw data rows.
+     */
+    genomicRows?: TooltipRow[];
+    /**
+     * Utility for flattening datum fields into tooltip rows.
+     */
+    flattenDatumRows?: () => TooltipRow[];
+    /**
+     * Utility for formatting a continuous genomic position.
+     */
+    formatGenomicLocus?: (axis: "x" | "y", continuousPos: number) => string | undefined;
+    /**
+     * Utility for formatting a continuous genomic interval.
+     */
+    formatGenomicInterval?: (axis: "x" | "y", interval: [number, number]) => string | undefined;
+}
 /**
  * Converts a datum to tooltip (HTMLElement or lit's TemplateResult).
+ *
+ * TODO: `mark` leaks internals. Keep it for compatibility in this major
+ * version and replace with a stable tooltip context in the next major.
  */
 export type TooltipHandler = (datum: Record<string, any>, mark: Mark, 
 /** Optional parameters from the view specification */
-params?: Record<string, any>) => Promise<string | TemplateResult | HTMLElement>;
+params?: TooltipHandlerParams, 
+/** Optional precomputed context from GenomeSpy internals */
+context?: TooltipContext) => Promise<string | TemplateResult | HTMLElement>;
 //# sourceMappingURL=tooltipHandler.d.ts.map

package/dist/src/tooltip/tooltipHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipHandler.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,IAAI,EAAE,IAAI;AACV,sDAAsD;AACtD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC3B,OAAO,CAAC,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC"}
+{"version":3,"file":"tooltipHandler.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,MAAM,MAAM,yBAAyB,GAC/B,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAEjB,MAAM,WAAW,wBAAwB;IACrC,IAAI,CAAC,EAAE,yBAAyB,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB;IACjC,kBAAkB,CAAC,EAAE,OAAO,CACxB,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,wBAAwB,GAAG,yBAAyB,CAAC,CAC1E,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;CACd;AAED,MAAM,WAAW,cAAc;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,UAAU,EAAE,CAAC;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CACjB,IAAI,EAAE,GAAG,GAAG,GAAG,EACf,aAAa,EAAE,MAAM,KACpB,MAAM,GAAG,SAAS,CAAC;IAExB;;OAEG;IACH,qBAAqB,CAAC,EAAE,CACpB,IAAI,EAAE,GAAG,GAAG,GAAG,EACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KACzB,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,IAAI,EAAE,IAAI;AACV,sDAAsD;AACtD,MAAM,CAAC,EAAE,oBAAoB;AAC7B,4DAA4D;AAC5D,OAAO,CAAC,EAAE,cAAc,KACvB,OAAO,CAAC,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC"}

package/dist/src/tooltip/tooltipHandler.ts

@@ -1,12 +1,73 @@
 import { TemplateResult } from "lit";
 import Mark from "../marks/mark.js";
 
+export type TooltipGenomicDisplayMode =
+    | "auto"
+    | "locus"
+    | "interval"
+    | "endpoints"
+    | "disabled";
+
+export interface TooltipGenomicAxisConfig {
+    mode?: TooltipGenomicDisplayMode;
+}
+
+export interface TooltipHandlerParams {
+    genomicCoordinates?: Partial<
+        Record<"x" | "y", TooltipGenomicAxisConfig | TooltipGenomicDisplayMode>
+    >;
+    [key: string]: any;
+}
+
+export interface TooltipRow {
+    key: string;
+    value: any;
+}
+
+export interface TooltipContext {
+    /**
+     * A list of row keys that should be hidden from the default tooltip table.
+     */
+    hiddenRowKeys?: string[];
+
+    /**
+     * Derived genomic rows to render before raw data rows.
+     */
+    genomicRows?: TooltipRow[];
+
+    /**
+     * Utility for flattening datum fields into tooltip rows.
+     */
+    flattenDatumRows?: () => TooltipRow[];
+
+    /**
+     * Utility for formatting a continuous genomic position.
+     */
+    formatGenomicLocus?: (
+        axis: "x" | "y",
+        continuousPos: number
+    ) => string | undefined;
+
+    /**
+     * Utility for formatting a continuous genomic interval.
+     */
+    formatGenomicInterval?: (
+        axis: "x" | "y",
+        interval: [number, number]
+    ) => string | undefined;
+}
+
 /**
  * Converts a datum to tooltip (HTMLElement or lit's TemplateResult).
+ *
+ * TODO: `mark` leaks internals. Keep it for compatibility in this major
+ * version and replace with a stable tooltip context in the next major.
  */
 export type TooltipHandler = (
     datum: Record<string, any>,
     mark: Mark,
     /** Optional parameters from the view specification */
-    params?: Record<string, any>
+    params?: TooltipHandlerParams,
+    /** Optional precomputed context from GenomeSpy internals */
+    context?: TooltipContext
 ) => Promise<string | TemplateResult | HTMLElement>;

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

@@ -15,12 +15,17 @@ import {
     ScaleDiverging,
     ScaleContinuousNumeric,
 } from "d3-scale";
-import { Channel, ChannelDef, ChannelWithScale } from "../spec/channel.js";
+import {
+    Channel,
+    ChannelDef,
+    ChannelDefWithScale,
+    ChannelWithScale,
+} from "../spec/channel.js";
 import { ScaleLocus } from "../genome/scaleLocus.js";
 import { ScaleIndex } from "../genome/scaleIndex.js";
 import { Scalar } from "../spec/channel.js";
 import { Datum } from "../data/flowNode.js";
-import { ExprRefFunction } from "../view/paramMediator.js";
+import { ExprRefFunction } from "../paramRuntime/types.js";
 
 export interface Accessor<T = Scalar> {
     (datum: Datum): T;
@@ -31,6 +36,13 @@ export interface Accessor<T = Scalar> {
      */
     asNumberAccessor(): Accessor<number>;
 
+    /**
+     * Returns true if this accessor appears to return the same value as the
+     * other accessor for the same datum. Structural comparison based on the
+     * data source (ignores channel/predicate/scale).
+     */
+    equals(other: Accessor): boolean;
+
     /**
      * True if the accessor returns the same value for all objects
      */
@@ -51,19 +63,42 @@ export interface Accessor<T = Scalar> {
      * before visual encoding, indicates with channel has the scale.
      * If no scale is needed, this is undefined.
      */
-    scaleChannel: ChannelWithScale;
+    scaleChannel?: ChannelWithScale;
 
     /**
      * The ChannelDef that the accessor is based on
      */
     channelDef: ChannelDef;
 
+    /**
+     * A stable key derived from the accessor's data source. Used for equality.
+     */
+    sourceKey?: string;
+
+    /**
+     * A domain key base derived from the channel definition and scale channel.
+     * Format: <scaleChannel>|<kind>|<value>
+     */
+    domainKeyBase?: string;
+
+    /**
+     * A domain key finalized with the resolved data type.
+     * Format: <type>|<domainKeyBase>
+     */
+    domainKey?: string;
+
     /**
      * This accessor should be used when the predicate is true
      */
     predicate: Predicate;
 }
 
+export interface ScaleAccessor<T = Scalar> extends Accessor<T> {
+    scaleChannel: ChannelWithScale;
+    channelDef: ChannelDefWithScale;
+    domainKeyBase: string;
+}
+
 export interface Predicate extends ExprRefFunction {
     /**
      * The parameter the predicate is based on

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

@@ -9,14 +9,15 @@ import ViewRenderingContext from "../view/renderingContext/viewRenderingContext.
  */
 export interface SampleFacetRenderingOptions {
     /**
-     * Location and height on unit scale, zero at top
+     * Location and height. Use unit scale by default; when `pixelToUnit` is
+     * provided, interpret values as pixels and scale them.
      */
     locSize: LocSize;
 
     /**
-     * Target (during transition)
+     * Multiply pixel-based locSize values to unit scale.
      */
-    targetLocSize?: LocSize;
+    pixelToUnit: number;
 }
 
 export interface RenderingOptions {

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

@@ -66,20 +66,6 @@ export default interface ViewContext {
 
     getNamedDataFromProvider: (name: string) => any[];
 
-    /**
-     * Allows lazy data sources to signal that they are loading data.
-     * The status is shown in the UI somewhere within or near the view.
-     *
-     * @param view The view where the data source is located.
-     * @param status
-     * @param detail Details about the error, if any.
-     */
-    setDataLoadingStatus: (
-        view: View,
-        status: DataLoadingStatus,
-        detail?: string
-    ) => void;
-
     /**
      * Highlights a view by adding a border around it. This is useful for debugging.
      *

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

@@ -1,5 +1,13 @@
 /**
- * @param {import("../view/paramMediator.js").default} mediator
+ * @param {{
+ *   paramConfigs: ReadonlyMap<string, import("../spec/parameter.js").Parameter>,
+ *   setValue: (name: string, value: any) => void,
+ *   getValue: (name: string) => any
+ * }} mediator
  */
-export default function createBindingInputs(mediator: import("../view/paramMediator.js").default): import("lit-html").TemplateResult<2 | 1 | 3>[];
+export default function createBindingInputs(mediator: {
+    paramConfigs: ReadonlyMap<string, import("../spec/parameter.js").Parameter>;
+    setValue: (name: string, value: any) => void;
+    getValue: (name: string) => any;
+}): import("lit-html").TemplateResult<2 | 1 | 3>[];
 //# sourceMappingURL=inputBinding.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"inputBinding.d.ts","sourceRoot":"","sources":["../../../src/utils/inputBinding.js"],"names":[],"mappings":"AAKA;;GAEG;AACH,sDAFW,OAAO,0BAA0B,EAAE,OAAO,kDA0IpD"}
+{"version":3,"file":"inputBinding.d.ts","sourceRoot":"","sources":["../../../src/utils/inputBinding.js"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,sDANW;IACN,YAAY,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAC5E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAA;CAChC,kDA+IH"}

package/dist/src/utils/inputBinding.js

@@ -1,10 +1,14 @@
 import { html } from "lit";
 import { debounce } from "./debounce.js";
 import { tickStep } from "d3-array";
-import { isVariableParameter } from "../view/paramMediator.js";
+import { isVariableParameter } from "../paramRuntime/paramUtils.js";
 
 /**
- * @param {import("../view/paramMediator.js").default} mediator
+ * @param {{
+ *   paramConfigs: ReadonlyMap<string, import("../spec/parameter.js").Parameter>,
+ *   setValue: (name: string, value: any) => void,
+ *   getValue: (name: string) => any
+ * }} mediator
  */
 export default function createBindingInputs(mediator) {
     const random = Math.floor(Math.random() * 0xffffff).toString(16);
@@ -22,7 +26,12 @@ export default function createBindingInputs(mediator) {
         }
 
         const name = param.name;
-        const setter = mediator.getSetter(name);
+        const setter = (
+            /** @type {any} */
+            value
+        ) => {
+            mediator.setValue(name, value);
+        };
         const value = mediator.getValue(name);
         const label = bind.name ?? name;
 

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

@@ -3,6 +3,9 @@
  *
  * @param {function} func
  * @param {number} limit
+ * @returns {((...args: any[]) => void) & { cancel: () => void }}
  */
-export default function throttle(func: Function, limit: number): () => void;
+export default function throttle(func: Function, limit: number): ((...args: any[]) => void) & {
+    cancel: () => void;
+};
 //# sourceMappingURL=throttle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../src/utils/throttle.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wDAFW,MAAM,cA8BhB"}
+{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../src/utils/throttle.js"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wDAHW,MAAM,GACJ,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CA8D/D"}

package/dist/src/utils/throttle.js

@@ -1,37 +1,68 @@
-/* eslint-disable consistent-this */
-
 /**
  * https://codeburst.io/throttling-and-debouncing-in-javascript-b01cad5c8edf
  *
  * @param {function} func
  * @param {number} limit
+ * @returns {((...args: any[]) => void) & { cancel: () => void }}
  */
 export default function throttle(func, limit) {
-    /** @type {number} */
-    let lastFunc;
+    /** @type {ReturnType<typeof setTimeout> | null} */
+    let timeoutId = null;
+
+    /** @type {number | null} */
+    let lastRan = null;
+
+    /** @type {IArguments | null} */
+    let lastArgs = null;
 
-    /** @type {number} */
-    let lastRan;
+    /** @type {any} */
+    let lastContext = null;
 
-    return function () {
+    const throttled = function () {
         // eslint-disable-next-line no-invalid-this
-        const context = this;
+        lastContext = this;
         // eslint-disable-next-line prefer-rest-params
-        const args = arguments;
-        if (!lastRan) {
-            func.apply(context, args);
-            lastRan = Date.now();
-        } else {
-            clearTimeout(lastFunc);
-            lastFunc = window.setTimeout(
-                function () {
-                    if (Date.now() - lastRan >= limit) {
-                        func.apply(context, args);
-                        lastRan = Date.now();
-                    }
-                },
-                limit - (Date.now() - lastRan)
-            );
+        lastArgs = arguments;
+
+        const now = Date.now();
+        if (lastRan === null) {
+            func.apply(lastContext, lastArgs);
+            lastRan = now;
+            return;
+        }
+
+        const remaining = limit - (now - lastRan);
+        if (remaining <= 0) {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+                timeoutId = null;
+            }
+            func.apply(lastContext, lastArgs);
+            lastRan = now;
+            return;
         }
+
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = null;
+            if (lastRan !== null && Date.now() - lastRan >= limit) {
+                func.apply(lastContext, lastArgs);
+                lastRan = Date.now();
+            }
+        }, remaining);
+    };
+
+    throttled.cancel = () => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+        lastArgs = null;
+        lastContext = null;
+        lastRan = null;
     };
+
+    return throttled;
 }

package/dist/src/utils/throttle.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=throttle.test.d.ts.map

package/dist/src/utils/throttle.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.test.d.ts","sourceRoot":"","sources":["../../../src/utils/throttle.test.js"],"names":[],"mappings":""}

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

@@ -1,3 +1,12 @@
+/**
+ * Lightweight cancellation token for transitions.
+ * Use this when you want a cheap, synchronous cancel path without errors.
+ *
+ * @returns {{ canceled: boolean }}
+ */
+export function createCancelToken(): {
+    canceled: boolean;
+};
 /**
  * @param {TransitionOptions} options
  *
@@ -11,6 +20,10 @@
  * @prop {function(function(number):void):void} [requestAnimationFrame]
  *      default: window.requestAnimationFrame
  * @prop {AbortSignal} [signal]
+ * @prop {{ canceled: boolean }} [cancelToken]
+ *      Prefer this for internal transitions where cancellation is expected and should be cheap.
+ *      The transition resolves immediately when canceled and does not throw or reject.
+ *      Use AbortSignal when you need external orchestration or standardized cancellation.
  */
 export default function transition(options: TransitionOptions): Promise<any>;
 export type TransitionOptions = {
@@ -40,5 +53,13 @@ export type TransitionOptions = {
      */
     requestAnimationFrame?: (arg0: (arg0: number) => void) => void;
     signal?: AbortSignal;
+    /**
+     * Prefer this for internal transitions where cancellation is expected and should be cheap.
+     * The transition resolves immediately when canceled and does not throw or reject.
+     * Use AbortSignal when you need external orchestration or standardized cancellation.
+     */
+    cancelToken?: {
+        canceled: boolean;
+    };
 };
 //# sourceMappingURL=transition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/utils/transition.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;GAaG;AACH,4CAbW,iBAAiB,gBAqE3B;;;;;WAlES,MAAM;;;;SACN,MAAM;;;;eACN,MAAM;;;;YACN,MAAM;cACN,CAAS,IAAM,EAAN,MAAM,KAAE,IAAI;;;;qBACrB,CAAS,IAAM,EAAN,MAAM,KAAE,MAAM;;;;4BACvB,CAAS,IAAqB,EAArB,CAAS,IAAM,EAAN,MAAM,KAAE,IAAI,KAAE,IAAI;aAEpC,WAAW"}
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/utils/transition.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,qCAFa;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAIjC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,4CAjBW,iBAAiB,gBAuF3B;;;;;WApFS,MAAM;;;;SACN,MAAM;;;;eACN,MAAM;;;;YACN,MAAM;cACN,CAAS,IAAM,EAAN,MAAM,KAAE,IAAI;;;;qBACrB,CAAS,IAAM,EAAN,MAAM,KAAE,MAAM;;;;4BACvB,CAAS,IAAqB,EAArB,CAAS,IAAM,EAAN,MAAM,KAAE,IAAI,KAAE,IAAI;aAEpC,WAAW;;;;;;kBACX;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE"}

package/dist/src/utils/transition.js

@@ -1,6 +1,16 @@
 /** @param {number} ms */
 const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
+/**
+ * Lightweight cancellation token for transitions.
+ * Use this when you want a cheap, synchronous cancel path without errors.
+ *
+ * @returns {{ canceled: boolean }}
+ */
+export function createCancelToken() {
+    return { canceled: false };
+}
+
 /**
  * @param {TransitionOptions} options
  *
@@ -14,15 +24,24 @@ const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
  * @prop {function(function(number):void):void} [requestAnimationFrame]
  *      default: window.requestAnimationFrame
  * @prop {AbortSignal} [signal]
+ * @prop {{ canceled: boolean }} [cancelToken]
+ *      Prefer this for internal transitions where cancellation is expected and should be cheap.
+ *      The transition resolves immediately when canceled and does not throw or reject.
+ *      Use AbortSignal when you need external orchestration or standardized cancellation.
  */
 export default function transition(options) {
     const requestAnimationFrame =
         options.requestAnimationFrame || window.requestAnimationFrame;
 
     const signal = options.signal;
+    const cancelToken = options.cancelToken;
 
     const makePromise = () =>
         new Promise((resolve, reject) => {
+            if (cancelToken?.canceled) {
+                return resolve();
+            }
+
             if (signal?.aborted) {
                 return reject("aborted");
             }
@@ -46,6 +65,11 @@ export default function transition(options) {
 
             /** @param {number} stamp */
             const step = (stamp) => {
+                if (cancelToken?.canceled) {
+                    resolve();
+                    return;
+                }
+
                 if (signal?.aborted) {
                     reject("aborted");
                 } else {
@@ -63,6 +87,10 @@ export default function transition(options) {
         });
 
     if (options.delay) {
+        if (cancelToken?.canceled) {
+            return Promise.resolve();
+        }
+
         if (signal?.aborted) {
             return Promise.reject("aborted");
         }

package/dist/src/utils/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/utils/ui/tooltip.js"],"names":[],"mappings":"AAIA,0CAA2C,qBAAqB,CAAC;AAEjE;IAsBI;;OAEG;IACH,uBAFW,WAAW,EAUrB;IAED;;OAEG;IACH,mBAFW,OAAO,EAQjB;IAED,cAVW,OAAO,CAYjB;IAED;;OAEG;IACH,qBAFW,OAAO,EAOjB;IAED,eATW,OAAO,CAWjB;IAED,uBAEC;IAED;;OAEG;IACH,0BAFW,OAAO,QAOjB;IAED,wBAEC;IAED;;OAEG;IACH,4BAFW,UAAU,QAsCpB;IA/BG,8BAA2D;IAiC/D,wBAiBC;IAED;;OAEG;IACH,oBAFW,MAAM,GAAG,OAAO,KAAK,EAAE,cAAc,GAAG,WAAW,QAqB7D;IAED,cAGC;IAED;;;;;;;OAOG;IACH,gBAFa,CAAC,SAFH,CAAC,cACD,CAAS,IAAC,EAAD,CAAC,KAAE,OAAO,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAmBlF;IAED,sBAEC;;CACJ"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/utils/ui/tooltip.js"],"names":[],"mappings":"AAIA,0CAA2C,qBAAqB,CAAC;AAEjE;IAsBI;;OAEG;IACH,uBAFW,WAAW,EAUrB;IAED;;OAEG;IACH,mBAFW,OAAO,EAQjB;IAED,cAVW,OAAO,CAYjB;IAED;;OAEG;IACH,qBAFW,OAAO,EAOjB;IAED,eATW,OAAO,CAWjB;IAED,uBAEC;IAED;;OAEG;IACH,0BAFW,OAAO,QAOjB;IAED,wBAEC;IAED;;OAEG;IACH,4BAFW,UAAU,QAsCpB;IA/BG,8BAA2D;IAiC/D,wBAiBC;IAED;;OAEG;IACH,oBAFW,MAAM,GAAG,OAAO,KAAK,EAAE,cAAc,GAAG,WAAW,QAqB7D;IAED,cAGC;IAED;;;;;;;OAOG;IACH,gBAFa,CAAC,SAFH,CAAC,cACD,CAAS,IAAC,EAAD,CAAC,KAAE,OAAO,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAyBlF;IAED,sBAEC;;CACJ"}

package/dist/src/utils/ui/tooltip.js

@@ -191,8 +191,14 @@ export default class Tooltip {
                     Promise.resolve(html` ${JSON.stringify(d)} `);
             }
 
+            const requestedDatum = datum;
             converter(datum)
-                .then((result) => this.setContent(result))
+                .then((result) => {
+                    if (this.#previousTooltipDatum !== requestedDatum) {
+                        return;
+                    }
+                    this.setContent(result);
+                })
                 .catch((error) => {
                     if (error !== "debounced") {
                         throw error;

package/dist/src/utils/ui/tooltip.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tooltip.test.d.ts.map

package/dist/src/utils/ui/tooltip.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.test.d.ts","sourceRoot":"","sources":["../../../../src/utils/ui/tooltip.test.js"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"axisGridView.d.ts","sourceRoot":"","sources":["../../../src/view/axisGridView.js"],"names":[],"mappings":"AAGA;;;GAGG;AAEH;;;;;;GAMG;AACH;IACI;;;;;;;OAOG;IACH,uBAPW,IAAI,QAEJ,MAAM,WADN,OAAO,yBAAyB,EAAE,OAAO,gBAEzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,YAC3B,OAAO,WAAW,EAAE,WAAW,EA4BzC;IADG,iFAA8B;IAGlC,kDAEC;CAKJ;gCAvDY,OAAO,oBAAoB,EAAE,wBAAwB;iCACrD,OAAO,iBAAiB,EAAE,kBAAkB;;;;mBAM5C,OAAO,WAAW,EAAE,OAAO;;;;mBAC3B,OAAO,iBAAiB,EAAE,IAAI;;;;yBAC9B,OAAO,iBAAiB,EAAE,UAAU;sBAb3B,gBAAgB"}
+{"version":3,"file":"axisGridView.d.ts","sourceRoot":"","sources":["../../../src/view/axisGridView.js"],"names":[],"mappings":"AAIA;;;GAGG;AAEH;;;;;;GAMG;AACH;IACI;;;;;;;OAOG;IACH,uBAPW,IAAI,QAEJ,MAAM,WADN,OAAO,yBAAyB,EAAE,OAAO,gBAEzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,YAC3B,OAAO,WAAW,EAAE,WAAW,EA6BzC;IAHG,iFAA8B;IAKlC,kDAEC;CAKJ;gCAxDY,OAAO,oBAAoB,EAAE,wBAAwB;iCACrD,OAAO,iBAAiB,EAAE,kBAAkB;;;;mBAM5C,OAAO,WAAW,EAAE,OAAO;;;;mBAC3B,OAAO,iBAAiB,EAAE,IAAI;;;;yBAC9B,OAAO,iBAAiB,EAAE,UAAU;sBAd3B,gBAAgB"}

package/dist/src/view/axisGridView.js

@@ -1,5 +1,6 @@
 import LayerView from "./layerView.js";
 import { orient2channel } from "./axisView.js";
+import { markViewAsNonAddressable } from "./viewSelectors.js";
 
 /**
  * @typedef {import("../spec/channel.js").PrimaryPositionalChannel} PositionalChannel
@@ -42,12 +43,13 @@ export default class AxisGridView extends LayerView {
             `axisGrid_${axisProps.orient}`,
             {
                 blockEncodingInheritance: true,
-                contributesToScaleDomain: false,
                 ...options,
             }
         );
 
         this.axisProps = fullAxisProps;
+
+        markViewAsNonAddressable(this, { skipSubtree: true });
     }
 
     getOrient() {
@@ -121,7 +123,10 @@ function createRegularAxisGrid(axisProps, type) {
             minBufferSize: 300,
         },
         encoding: {
-            [channel]: { field: "value", type },
+            [channel]: {
+                field: "value",
+                type,
+            },
         },
     };
 }
@@ -153,7 +158,11 @@ function createChromAxisGrid(axisProps, type) {
         },
         encoding: {
             // TODO: { chrom: "name", type: "locus" } // without pos = pos is 0
-            [channel]: { field: "continuousStart", type, band: 0 },
+            [channel]: {
+                field: "continuousStart",
+                type,
+                band: 0,
+            },
         },
     };
 }
@@ -180,8 +189,15 @@ function createChromAxisFill(axisProps, type) {
         },
         encoding: {
             // TODO: { chrom: "name", type: "locus" } // without pos = pos is 0
-            [channel]: { field: "continuousStart", type, band: 0 },
-            [channel + "2"]: { field: "continuousEnd", band: 0 },
+            [channel]: {
+                field: "continuousStart",
+                type,
+                band: 0,
+            },
+            [channel + "2"]: {
+                field: "continuousEnd",
+                band: 0,
+            },
             fill: {
                 field: "odd",
                 type: "nominal",
@@ -245,6 +261,7 @@ function createAxisGrid(axisProps, type) {
                 opacity: "independent",
             },
         },
+        domainInert: true,
         layer: layers,
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"axisView.d.ts","sourceRoot":"","sources":["../../../src/view/axisView.js"],"names":[],"mappings":"AAoCA;;GAEG;AACH,kIAEC;AAkYD;;;;GAIG;AACH,wFAHW,MAAM,uCA2MhB;AArmBD;;GAEG;AACH,8BAFU,MAAM,CAAC,OAAO,oBAAoB,EAAE,wBAAwB,EAAE,sCAAY,CAAC,CAKnF;AAEF;;GAEG;AACH,8BAFU,MAAM,uCAAa,OAAO,oBAAoB,EAAE,wBAAwB,CAAC,CAMjF;AASF;;;;;GAKG;AACH;IACI;;;;;;;;;;OAUG;IAEH;;;;;;;OAOG;IACH,6DALW,MAAM,WADN,OAAO,yBAAyB,EAAE,OAAO,gBAEzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,YAC3B,OAAO,WAAW,EAAE,WAAW,EAiCzC;IADG,iFAA8B;IAiBlC,+BAEC;CAKJ;sBA5HqB,gBAAgB"}
+{"version":3,"file":"axisView.d.ts","sourceRoot":"","sources":["../../../src/view/axisView.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH,kIAEC;AAyYD;;;;GAIG;AACH,wFAHW,MAAM,uCAkNhB;AAnnBD;;GAEG;AACH,8BAFU,MAAM,CAAC,OAAO,oBAAoB,EAAE,wBAAwB,EAAE,sCAAY,CAAC,CAKnF;AAEF;;GAEG;AACH,8BAFU,MAAM,uCAAa,OAAO,oBAAoB,EAAE,wBAAwB,CAAC,CAMjF;AASF;;;;;GAKG;AACH;IACI;;;;;;;;;;OAUG;IAEH;;;;;;;OAOG;IACH,6DALW,MAAM,WADN,OAAO,yBAAyB,EAAE,OAAO,gBAEzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,YAC3B,OAAO,WAAW,EAAE,WAAW,EAkCzC;IAHG,iFAA8B;IAmBlC,+BAEC;CAKJ;sBA9HqB,gBAAgB"}