@genome-spy/core 0.73.0 → 0.74.0

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