@genome-spy/core 0.73.0 → 0.75.0

package/dist/src/utils/interaction.js

@@ -0,0 +1,200 @@
+import {
+    createPrimitiveEventProxy,
+    isWheelEvent,
+    overrideWheelEventDeltas,
+} from "./interactionEvent.js";
+
+/**
+ * Internal event object used by GenomeSpy's canvas interaction pipeline.
+ *
+ * Interaction is deliberately smaller than DOM Event. It models the pieces
+ * that GenomeSpy needs for hierarchical pointer handling:
+ * - `point` is always in canvas coordinates
+ * - `uiEvent` is the original native or synthesized low-level event
+ * - `target` is the resolved deepest view target after propagation
+ * - `currentTarget` and `relatedTarget` are used by synthesized
+ *   `mouseenter` / `mouseleave` delivery
+ *
+ * Runtime flow:
+ * 1. `InteractionController` converts native canvas events into Interaction
+ *    instances and asks `InteractionDispatcher` to route them.
+ * 2. Container views route the interaction through the view hierarchy and may
+ *    add policy on top, such as wheel claiming, zoom handling, or scrollbar
+ *    dispatch.
+ * 3. `InteractionDispatcher` compares successive hover paths and synthesizes
+ *    subtree-level `mouseenter` / `mouseleave` transitions.
+ *
+ * Differences from the DOM model:
+ * - propagation is view-driven rather than browser-driven
+ * - only the event types used by GenomeSpy are represented
+ * - there is only `stopPropagation()`, not stop-immediate semantics
+ * - mark picking is not encoded into `target`; mark hover lives separately in
+ *   `InteractionController`
+ *
+ * Mouse and wheel helpers:
+ * - `mouseEvent` exposes the underlying MouseEvent for imperative handlers
+ * - `proxiedMouseEvent` exposes only primitive properties for places that
+ *   must not retain live DOM objects
+ * - `wheelEvent` exposes the underlying wheel-like event, optionally with
+ *   temporary delta overrides applied by `setWheelDeltas()`
+ *
+ * Special event types:
+ * - `wheelclaimprobe` asks pointed views whether they would consume wheel,
+ *   without running the actual wheel side effects yet
+ * - `touchgesture` is a synthesized high-level gesture event derived from
+ *   touch input
+ */
+export default class Interaction {
+    /** @type {MouseEvent} */
+    #primitiveMouseEventProxy;
+
+    /** @type {import("./interactionEvent.js").WheelLikeEvent | undefined} */
+    #wheelEventProxy;
+
+    /**
+     * @param {import("../view/layout/point.js").default} point
+     * @param {import("./interactionEvent.js").InteractionUiEvent} uiEvent
+     * @param {string} [type]
+     */
+    constructor(point, uiEvent, type) {
+        this.point = point;
+        this.#uiEvent = uiEvent;
+        this.stopped = false;
+        this.wheelClaimed = false;
+        this.#typeOverride = type;
+
+        /**
+         * The target is known only after the interaction has been resolved
+         * against the view hierarchy.
+         *
+         * @type {import("../view/view.js").default | undefined}
+         */
+        this.target = undefined;
+
+        /**
+         * Reserved for the new interaction dispatcher.
+         *
+         * @type {import("../view/view.js").default | undefined}
+         */
+        this.currentTarget = undefined;
+
+        /**
+         * Reserved for enter/leave-style transition events.
+         *
+         * @type {import("../view/view.js").default | undefined}
+         */
+        this.relatedTarget = undefined;
+    }
+
+    /** @type {import("./interactionEvent.js").InteractionUiEvent} */
+    #uiEvent;
+    /** @type {string | undefined} */
+    #typeOverride;
+    /** @type {{ deltaX: number, deltaY: number } | undefined} */
+    #wheelDeltaOverride;
+
+    get uiEvent() {
+        return this.#uiEvent;
+    }
+
+    set uiEvent(value) {
+        this.#uiEvent = value;
+        this.#primitiveMouseEventProxy = undefined;
+        this.#wheelEventProxy = undefined;
+        this.#wheelDeltaOverride = undefined;
+    }
+
+    stopPropagation() {
+        this.stopped = true;
+    }
+
+    /**
+     * Marks the current wheel interaction as claimed by the pointed view
+     * hierarchy.
+     *
+     * This is used both for real wheel events and for the synthetic
+     * `wheelclaimprobe` preflight. Controllers use the claimed state to decide
+     * whether the native wheel event should call `preventDefault()`.
+     */
+    claimWheel() {
+        if (this.type !== "wheel" && this.type !== "wheelclaimprobe") {
+            throw new Error("Can claim wheel only for wheel events!");
+        }
+
+        this.wheelClaimed = true;
+    }
+
+    /**
+     * @param {number} deltaX
+     * @param {number} deltaY
+     */
+    setWheelDeltas(deltaX, deltaY) {
+        if (!isWheelEvent(this.uiEvent)) {
+            throw new Error("Not a WheelEvent!");
+        }
+
+        this.#wheelDeltaOverride = { deltaX, deltaY };
+        this.#wheelEventProxy = undefined;
+    }
+
+    get type() {
+        return this.#typeOverride ?? this.uiEvent.type;
+    }
+
+    set type(value) {
+        this.#typeOverride = value;
+    }
+
+    /**
+     * Returns a primitive-only proxy of the underlying MouseEvent.
+     *
+     * This is intended for places such as expression evaluation, where the
+     * caller needs scalar event fields but should not receive a live DOM event
+     * object with methods, nested objects, or browser-specific prototypes.
+     */
+    get proxiedMouseEvent() {
+        if (!this.#primitiveMouseEventProxy) {
+            this.#primitiveMouseEventProxy = createPrimitiveEventProxy(
+                this.mouseEvent
+            );
+        }
+
+        return this.#primitiveMouseEventProxy;
+    }
+
+    get mouseEvent() {
+        if (this.uiEvent instanceof MouseEvent) {
+            return this.uiEvent;
+        } else {
+            throw new Error("Not a MouseEvent!");
+        }
+    }
+
+    /**
+     * Returns a wheel-like event with any temporary delta overrides applied.
+     *
+     * The wrapped event keeps the original event identity for all properties
+     * except `deltaX` and `deltaY`, which allows intermediate handlers to
+     * consume part of the wheel interaction while keeping downstream wheel
+     * handling on the same event instance.
+     */
+    get wheelEvent() {
+        if (!isWheelEvent(this.uiEvent)) {
+            throw new Error("Not a WheelEvent!");
+        }
+
+        if (!this.#wheelDeltaOverride) {
+            return this.uiEvent;
+        }
+
+        if (!this.#wheelEventProxy) {
+            this.#wheelEventProxy = overrideWheelEventDeltas(
+                this.uiEvent,
+                this.#wheelDeltaOverride.deltaX,
+                this.#wheelDeltaOverride.deltaY
+            );
+        }
+
+        return this.#wheelEventProxy;
+    }
+}

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

@@ -17,13 +17,31 @@
  * @prop {"wheelclaimprobe"} type
  */
 /**
- * @typedef {UIEvent | TouchGestureEvent | WheelClaimProbeEvent} InteractionUiEvent
+ * @typedef {Pick<
+ *      WheelEvent,
+ *      "type" | "deltaX" | "deltaY" | "deltaMode" | "preventDefault" | "ctrlKey"
+ * >} WheelLikeEvent
+ */
+/**
+ * @typedef {UIEvent | WheelLikeEvent | TouchGestureEvent | WheelClaimProbeEvent} InteractionUiEvent
  */
 /**
  * @param {unknown} eventLike
  * @returns {eventLike is TouchGestureEvent}
  */
 export function isTouchGestureEvent(eventLike: unknown): eventLike is TouchGestureEvent;
+/**
+ * @param {unknown} eventLike
+ * @returns {eventLike is WheelLikeEvent}
+ */
+export function isWheelEvent(eventLike: unknown): eventLike is WheelLikeEvent;
+/**
+ * @param {WheelLikeEvent} wheelEvent
+ * @param {number} deltaX
+ * @param {number} deltaY
+ * @returns {WheelLikeEvent}
+ */
+export function overrideWheelEventDeltas(wheelEvent: WheelLikeEvent, deltaX: number, deltaY: number): WheelLikeEvent;
 /**
  * Create a safe proxy for an event-like object that exposes only primitive
  * (string, number, boolean, bigint, symbol, undefined) properties and null.
@@ -33,46 +51,6 @@ export function isTouchGestureEvent(eventLike: unknown): eventLike is TouchGestu
  * @template T
  */
 export function createPrimitiveEventProxy<T>(target: T): T;
-/**
- * This class wraps a MouseEvent (or similar) and allows for
- * its propagation through the view hierarchy in a similar manner
- * as in the DOM.
- */
-export default class InteractionEvent {
-    /**
-     * @param {import("../view/layout/point.js").default} point Event coordinates
-     *      inside the visualization canvas.
-     * @param {InteractionUiEvent} uiEvent The event to be wrapped
-     */
-    constructor(point: import("../view/layout/point.js").default, uiEvent: InteractionUiEvent);
-    point: import("../view/layout/point.js").default;
-    uiEvent: InteractionUiEvent;
-    stopped: boolean;
-    wheelClaimed: boolean;
-    /**
-     * The target is known only in the bubbling phase
-     *
-     * @type {import("../view/view.js").default}
-     */
-    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").
-     *
-     * This getter proxies and returns the `type` property from the internal `UIEvent` instance (`this.uiEvent`).
-     *
-     * @returns {string} The UI event type.
-     */
-    get type(): string;
-    get proxiedMouseEvent(): MouseEvent;
-    get mouseEvent(): MouseEvent;
-    #private;
-}
 export type TouchGestureEvent = {
     type: "touchgesture";
     phase: "move" | "end";
@@ -90,5 +68,6 @@ export type TouchGestureEvent = {
 export type WheelClaimProbeEvent = {
     type: "wheelclaimprobe";
 };
-export type InteractionUiEvent = UIEvent | TouchGestureEvent | WheelClaimProbeEvent;
+export type WheelLikeEvent = Pick<WheelEvent, "type" | "deltaX" | "deltaY" | "deltaMode" | "preventDefault" | "ctrlKey">;
+export type InteractionUiEvent = UIEvent | WheelLikeEvent | 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":"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"}
+{"version":3,"file":"interactionEvent.d.ts","sourceRoot":"","sources":["../../../src/utils/interactionEvent.js"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;;;;GAOG;AAEH;;;;;GAKG;AAEH;;GAEG;AAEH;;;GAGG;AACH,+CAHW,OAAO,GACL,SAAS,IAAI,iBAAiB,CAoB1C;AAED;;;GAGG;AACH,wCAHW,OAAO,GACL,SAAS,IAAI,cAAc,CAmBvC;AAED;;;;;GAKG;AACH,qDALW,cAAc,UACd,MAAM,UACN,MAAM,GACJ,cAAc,CAe1B;AAED;;;;;;;GAOG;AACH,0CAFa,CAAC,UAFH,CAAC,GACC,CAAC,CA0Eb;;UAhLS,cAAc;WACd,MAAM,GAAG,KAAK;kBACd,CAAC,GAAG,CAAC;YACL,MAAM;YACN,MAAM;YACN,MAAM;qBACN,MAAM,IAAI;;;;;;;;UASV,iBAAiB;;6BAId,IAAI,CACT,UAAU,EACjB,MAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,gBAAgB,GAAG,SAAS,CAC7E;iCAIS,OAAO,GAAG,cAAc,GAAG,iBAAiB,GAAG,oBAAoB"}

package/dist/src/utils/interactionEvent.js

@@ -19,7 +19,14 @@
  */
 
 /**
- * @typedef {UIEvent | TouchGestureEvent | WheelClaimProbeEvent} InteractionUiEvent
+ * @typedef {Pick<
+ *      WheelEvent,
+ *      "type" | "deltaX" | "deltaY" | "deltaMode" | "preventDefault" | "ctrlKey"
+ * >} WheelLikeEvent
+ */
+
+/**
+ * @typedef {UIEvent | WheelLikeEvent | TouchGestureEvent | WheelClaimProbeEvent} InteractionUiEvent
  */
 
 /**
@@ -47,77 +54,47 @@ export function isTouchGestureEvent(eventLike) {
 }
 
 /**
- * This class wraps a MouseEvent (or similar) and allows for
- * its propagation through the view hierarchy in a similar manner
- * as in the DOM.
+ * @param {unknown} eventLike
+ * @returns {eventLike is WheelLikeEvent}
  */
-export default class InteractionEvent {
-    /** @type {MouseEvent} */
-    #primitiveMouseEventProxy;
-
-    /**
-     * @param {import("../view/layout/point.js").default} point Event coordinates
-     *      inside the visualization canvas.
-     * @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
-         *
-         * @type {import("../view/view.js").default}
-         */
-        this.target = undefined;
-    }
-
-    stopPropagation() {
-        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;
+export function isWheelEvent(eventLike) {
+    if (!eventLike || typeof eventLike !== "object") {
+        return false;
     }
 
-    /**
-     * The event type string of the underlying UI event (e.g. "click", "keydown").
-     *
-     * This getter proxies and returns the `type` property from the internal `UIEvent` instance (`this.uiEvent`).
-     *
-     * @returns {string} The UI event type.
-     */
-    get type() {
-        return this.uiEvent.type;
-    }
+    const candidate =
+        /** @type {{type?: unknown, deltaX?: unknown, deltaY?: unknown, deltaMode?: unknown, preventDefault?: unknown}} */ (
+            eventLike
+        );
 
-    get proxiedMouseEvent() {
-        if (!this.#primitiveMouseEventProxy) {
-            this.#primitiveMouseEventProxy = createPrimitiveEventProxy(
-                this.mouseEvent
-            );
-        }
+    return (
+        candidate.type === "wheel" &&
+        Number.isFinite(candidate.deltaX) &&
+        Number.isFinite(candidate.deltaY) &&
+        Number.isFinite(candidate.deltaMode) &&
+        typeof candidate.preventDefault === "function"
+    );
+}
 
-        return this.#primitiveMouseEventProxy;
-    }
+/**
+ * @param {WheelLikeEvent} wheelEvent
+ * @param {number} deltaX
+ * @param {number} deltaY
+ * @returns {WheelLikeEvent}
+ */
+export function overrideWheelEventDeltas(wheelEvent, deltaX, deltaY) {
+    return new Proxy(wheelEvent, {
+        get(target, prop) {
+            if (prop === "deltaX") {
+                return deltaX;
+            } else if (prop === "deltaY") {
+                return deltaY;
+            }
 
-    get mouseEvent() {
-        if (this.uiEvent instanceof MouseEvent) {
-            return this.uiEvent;
-        } else {
-            throw new Error("Not a MouseEvent!");
-        }
-    }
+            const value = Reflect.get(target, prop, target);
+            return typeof value === "function" ? value.bind(target) : value;
+        },
+    });
 }
 
 /**

package/dist/src/utils/kWayMerge.js

@@ -26,7 +26,7 @@ export default function kWayMerge(arrays, handler, accessor = (x) => +x) {
         }
     }
 
-    let i = 0;
+    let i;
     while ((i = heap.pop()) !== undefined) {
         const array = arrays[i];
         let pointer = pointers[i];

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

@@ -1 +1 @@
-{"version":3,"file":"mergeObjects.d.ts","sourceRoot":"","sources":["../../../src/utils/mergeObjects.js"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,qCAFa,CAAC,WAJF,CAAC,EAAE,cACJ,MAAM,SACN,MAAM,EAAE,GACN,CAAC,CAiFb"}
+{"version":3,"file":"mergeObjects.d.ts","sourceRoot":"","sources":["../../../src/utils/mergeObjects.js"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,qCAFa,CAAC,WAJF,CAAC,EAAE,cACJ,MAAM,SACN,MAAM,EAAE,GACN,CAAC,CAgFb"}

package/dist/src/utils/mergeObjects.js

@@ -1,4 +1,3 @@
-/* eslint-disable max-depth */
 import { isObject } from "vega-util";
 
 /**
@@ -40,7 +39,6 @@ export default function mergeObjects(objects, propertyOf, skip) {
 
     /** @param {any} obj */
     const merger = (obj) => {
-        // eslint-disable-next-line guard-for-in
         for (let prop in obj) {
             const sourceValue = obj[prop];
             if (!skip.includes(prop) && sourceValue !== undefined) {

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"radixSort.d.ts","sourceRoot":"","sources":["../../../src/utils/radixSort.js"],"names":[],"mappings":"AAiBA;;GAEG;AACH,uCAFW,MAAM,EAAE,YA6DlB;AAeD;;GAEG;AACH,8CAFW,MAAM,EAAE,YAyDlB"}

package/dist/src/utils/radixSort.js

@@ -39,7 +39,6 @@ export default function radixSort(arr) {
         /**
          * @param {*} i number
          */
-        // eslint-disable-next-line no-loop-func
         const getDigit = (/** @type {number} */ i) => {
             const value = arr[i];
 
@@ -117,7 +116,6 @@ export function radixSortIntoLookupArray(arr) {
         /**
          * @param {*} i number
          */
-        // eslint-disable-next-line no-loop-func
         const getDigit = (i) => {
             const value = arr[indexes[i]]; // Use index to access array value
 

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

@@ -1 +1 @@
-{"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"}
+{"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,CA4D/D"}

package/dist/src/utils/throttle.js

@@ -19,9 +19,7 @@ export default function throttle(func, limit) {
     let lastContext = null;
 
     const throttled = function () {
-        // eslint-disable-next-line no-invalid-this
         lastContext = this;
-        // eslint-disable-next-line prefer-rest-params
         lastArgs = arguments;
 
         const now = Date.now();

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

@@ -1,4 +1,5 @@
 export const SUPPRESS_TOOLTIP_CLASS_NAME: "gs-suppress-tooltip";
+export const FREEZE_INTERACTION_CLASS_NAME: "gs-freeze-interaction";
 export default class Tooltip {
     /**
      * @param {HTMLElement} container

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,QAyBlF;IAED,sBAEC;;CACJ"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/utils/ui/tooltip.js"],"names":[],"mappings":"AAIA,0CAA2C,qBAAqB,CAAC;AACjE,4CAA6C,uBAAuB,CAAC;AAErE;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

@@ -3,6 +3,7 @@ import { html, render } from "lit";
 import { peek } from "../arrayUtils.js";
 
 export const SUPPRESS_TOOLTIP_CLASS_NAME = "gs-suppress-tooltip";
+export const FREEZE_INTERACTION_CLASS_NAME = "gs-freeze-interaction";
 
 export default class Tooltip {
     #sticky = false;

package/dist/src/utils/url.js

@@ -58,7 +58,7 @@ export function resolveUrl(base, append, runtimeBase = getRuntimeBase()) {
         } else if (runtimeBase) {
             return new URL(append, runtimeBase).href;
         }
-    } catch (_error) {
+    } catch {
         // Fall back to simple concatenation below.
     }
 

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

@@ -19,7 +19,7 @@ export default class AxisGridView extends LayerView<import("../spec/view.js").La
      * @param {import("./view.js").ViewOptions} [options]
      */
     constructor(axisProps: Axis, type: string, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, options?: import("./view.js").ViewOptions);
-    axisProps: import("../spec/axis.js").GenomeAxis | import("../spec/axis.js").Axis;
+    axisProps: import("../spec/axis.js").Axis;
     getOrient(): import("../spec/axis.js").AxisOrient;
 }
 export type PositionalChannel = import("../spec/channel.js").PrimaryPositionalChannel;

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

@@ -1 +1 @@
-{"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"}
+{"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,EAkBzC;IAHG,0CAA0B;IAK9B,kDAEC;CAKJ;gCA7CY,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

@@ -24,19 +24,8 @@ export default class AxisGridView extends LayerView {
      * @param {import("./view.js").ViewOptions} [options]
      */
     constructor(axisProps, type, context, layoutParent, dataParent, options) {
-        // Now the presence of genomeAxis is based on field type, not scale type.
-        // TODO: Use scale instead. However, it would make the initialization much more
-        // complex because scales are not available before scale resolution.
-        const genomeAxis = type == "locus";
-
-        /** @type {Axis | GenomeAxis} */
-        const fullAxisProps = {
-            ...(genomeAxis ? defaultGenomeAxisProps : defaultAxisProps),
-            ...axisProps,
-        };
-
         super(
-            createAxisGrid(fullAxisProps, type),
+            createAxisGrid(axisProps, type),
             context,
             layoutParent,
             dataParent,
@@ -47,7 +36,7 @@ export default class AxisGridView extends LayerView {
             }
         );
 
-        this.axisProps = fullAxisProps;
+        this.axisProps = axisProps;
 
         markViewAsNonAddressable(this, { skipSubtree: true });
     }
@@ -61,40 +50,6 @@ export default class AxisGridView extends LayerView {
     }
 }
 
-/**
- * Based on: https://vega.github.io/vega-lite/docs/axis.html
- * TODO: The defaults should be taken from config (theme)
- *
- * @type {Axis}
- */
-const defaultAxisProps = {
-    values: null,
-
-    grid: false,
-    gridCap: "butt",
-    gridColor: "lightgray",
-    gridDash: null,
-    gridOpacity: 1,
-    gridWidth: 1,
-
-    tickCount: null,
-    tickMinStep: null,
-};
-
-/**
- * @type {import("../spec/axis.js").GenomeAxis}
- */
-const defaultGenomeAxisProps = {
-    ...defaultAxisProps,
-
-    chromGrid: false,
-    chromGridCap: "butt",
-    chromGridColor: "gray",
-    chromGridDash: [1, 5],
-    chromGridOpacity: 1,
-    chromGridWidth: 1,
-};
-
 /**
  * @param {Axis} axisProps
  * @param {string} type

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

@@ -31,8 +31,6 @@ export default class AxisView extends LayerView<import("../spec/view.js").LayerS
      * @typedef {import("../spec/axis.js").GenomeAxis} GenomeAxis
      * @typedef {import("../spec/axis.js").AxisOrient} AxisOrient
      * @typedef {import("./layout/flexLayout.js").SizeDef} SizeDef
-     *
-     * @typedef {Axis & { extent: number }} AugmentedAxis
      */
     /**
      * @param {Axis} axisProps
@@ -43,8 +41,9 @@ export default class AxisView extends LayerView<import("../spec/view.js").LayerS
      * @param {import("./view.js").ViewOptions} [options]
      */
     constructor(axisProps: import("../spec/axis.js").Axis, type: string, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, options?: import("./view.js").ViewOptions);
-    axisProps: import("../spec/axis.js").GenomeAxis | import("../spec/axis.js").Axis;
+    axisProps: import("../spec/axis.js").Axis | import("../spec/axis.js").GenomeAxis;
     getPerpendicularSize(): number;
+    #private;
 }
 import LayerView from "./layerView.js";
 //# sourceMappingURL=axisView.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"axisView.d.ts","sourceRoot":"","sources":["../../../src/view/axisView.js"],"names":[],"mappings":"AAuCA;;GAEG;AACH,kIAEC;AAqhBD;;;;GAIG;AACH,wFAHW,MAAM,uCAqNhB;AAlwBD;;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;IAeI;;;;;;;;OAQG;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,EAsDzC;IARG,iFAA8B;IA8ClC,+BAEC;;CAuEJ;sBAxPqB,gBAAgB"}