@genome-spy/core 0.46.0 → 0.47.0

package/dist/schema.json

@@ -507,6 +507,41 @@
       ],
       "type": "object"
     },
+    "BindInput": {
+      "additionalProperties": false,
+      "properties": {
+        "autocomplete": {
+          "description": "A hint for form autofill. See the [HTML autocomplete attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.",
+          "type": "string"
+        },
+        "debounce": {
+          "description": "If defined, delays event handling until the specified milliseconds have elapsed since the last event was fired.",
+          "type": "number"
+        },
+        "description": {
+          "description": "An optional description or help text that is shown below the input element.",
+          "type": "string"
+        },
+        "input": {
+          "description": "The type of input element to use. The valid values are `\"checkbox\"`, `\"radio\"`, `\"range\"`, `\"select\"`, `\"text\"`, `\"number\"`, and `\"color\"`.",
+          "enum": [
+            "text",
+            "number",
+            "color"
+          ],
+          "type": "string"
+        },
+        "name": {
+          "description": "By default, the parameter name is used to label input elements. This `name` property can be used instead to specify a custom label for the bound parameter.",
+          "type": "string"
+        },
+        "placeholder": {
+          "description": "Text that appears in the form control when it has no value set.",
+          "type": "string"
+        }
+      },
+      "type": "object"
+    },
     "BindRadioSelect": {
       "additionalProperties": false,
       "properties": {
@@ -595,6 +630,9 @@
         },
         {
           "$ref": "#/definitions/BindRange"
+        },
+        {
+          "$ref": "#/definitions/BindInput"
         }
       ]
     },

package/dist/src/data/flowNode.d.ts

@@ -23,6 +23,9 @@ export const BEHAVIOR_MODIFIES: number;
  * The collected data objects must not be modified by downstream transforms.
  */
 export const BEHAVIOR_COLLECTS: number;
+/**
+ * @typedef {{paramMediator: import("../view/paramMediator.js").default}} ParamMediatorProvider
+ */
 /**
  * This is heavily inspired by Vega's and Vega-Lite's data flow system.
  *
@@ -30,6 +33,17 @@ export const BEHAVIOR_COLLECTS: number;
  * @typedef {Datum[]} Data
  */
 export default class FlowNode {
+    /**
+     * @param {ParamMediatorProvider} [paramMediatorProvider]
+     */
+    constructor(paramMediatorProvider?: ParamMediatorProvider);
+    /**
+     * An object that provides a paramMediator. (Most likely a View)
+     *
+     * @type {ParamMediatorProvider}
+     * @protected
+     */
+    protected paramMediatorProvider: ParamMediatorProvider;
     get behavior(): number;
     /** @type {FlowNode[]} */
     children: FlowNode[];
@@ -47,16 +61,12 @@ export default class FlowNode {
      * built and optimized. Must be called before any data are to be propagated.
      */
     initialize(): void;
-    /**
-     * Dynamically updates the propagator method to allow the JavaScript engine
-     * to employ optimizations such as inlining.
-     */
-    _updatePropagator(): void;
     /**
      *
      * @param {any} datum
+     * @protected
      */
-    _propagate(datum: any): void;
+    protected _propagate(datum: any): void;
     /**
      *
      * @param {FlowNode} parent
@@ -124,9 +134,14 @@ export default class FlowNode {
     /**
      * Repropagates the stored data. If this node has no stored data,
      * find the nearest ancestor that has and repropagate from there.
+     * @protected
      */
-    repropagate(): void;
+    protected repropagate(): void;
+    #private;
 }
+export type ParamMediatorProvider = {
+    paramMediator: import("../view/paramMediator.js").default;
+};
 /**
  * This is heavily inspired by Vega's and Vega-Lite's data flow system.
  */

package/dist/src/data/flowNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flowNode.d.ts","sourceRoot":"","sources":["../../../src/data/flowNode.js"],"names":[],"mappings":"AAyRA;;;GAGG;AACH,uCAHW,OAAO,uBAAuB,EAAE,SAAS,0DAKnD;AAED;;;GAGG;AACH,wCAHW,OAAO,uBAAuB,EAAE,SAAS,2DAKnD;AArSD;;;GAGG;AACH,qCAAsC;AAEtC;;;GAGG;AACH,uCAAwC;AAExC;;;GAGG;AACH,uCAAwC;AAExC;;;;;GAKG;AACH;IACI,uBAEC;IAGG,yBAAyB;IACzB,UADW,QAAQ,EAAE,CACH;IAElB,uBAAuB;IACvB,QADW,QAAQ,CACI;IAEvB,2CAA2C;IAC3C,mBAAsB;IAG1B;;;OAGG;IACH,cAMC;IAED;;;OAGG;IACH,mBAEC;IAED;;;OAGG;IACH,0BAUC;IAoMD;;;OAGG;IACH,kBAFW,GAAG,QAIb;IAxMD;;;OAGG;IACH,kBAFW,QAAQ,QAIlB;IAED;;;OAGG;IACH,gBAFW,QAAQ,QAUlB;IAED;;OAEG;IACH,YAFW,QAAQ,QAQlB;IAED;;OAEG;IACH,6BAFW,QAAQ,QAMlB;IAED;;OAEG;IACH,0BAFW,QAAQ,QAalB;IAED;;;OAGG;IACH,mBAFW,QAAQ,QAWlB;IAED;;OAEG;IACH,eAiBC;IAED,kBAEC;IAED,uBAEC;IAED,sBAEC;IAED;;;;OAIG;IACH,eAFW,QAAU,QAAQ,KAAE,IAAI,CAAC,GAAG;QAAE,aAAa,CAAC,SAAW,QAAQ,KAAE,IAAI,CAAA;KAAC,QAchF;IAED;;;OAGG;IACH,wBAHW,MAAM,GACJ,MAAM,CAWlB;IAED;;;OAGG;IACH,cAFW,KAAK,QAKf;IAED,iBAMC;IAED;;;;OAIG;IACH,sBAFW,OAAO,uBAAuB,EAAE,SAAS,QAMnD;IAED;;;OAGG;IACH,0EAKC;IAED;;;OAGG;IACH,oBAQC;CASJ;;;;oBAhQY,OAAO,MAAM,EAAE,GAAG,CAAC;;;;mBACnB,KAAK,EAAE"}
+{"version":3,"file":"flowNode.d.ts","sourceRoot":"","sources":["../../../src/data/flowNode.js"],"names":[],"mappings":"AAgTA;;;GAGG;AACH,uCAHW,OAAO,uBAAuB,EAAE,SAAS,0DAKnD;AAED;;;GAGG;AACH,wCAHW,OAAO,uBAAuB,EAAE,SAAS,2DAKnD;AA5TD;;;GAGG;AACH,qCAAsC;AAEtC;;;GAGG;AACH,uCAAwC;AAExC;;;GAGG;AACH,uCAAwC;AAExC;;GAEG;AAEH;;;;;GAKG;AACH;IAaI;;OAEG;IACH,oCAFW,qBAAqB,EAa/B;IA1BD;;;;;OAKG;IACH,iCAHU,qBAAqB,CAGF;IAE7B,uBAEC;IAQG,yBAAyB;IACzB,UADW,QAAQ,EAAE,CACH;IAElB,uBAAuB;IACvB,QADW,QAAQ,CACI;IAEvB,2CAA2C;IAC3C,mBAAsB;IAG1B;;;OAGG;IACH,cAMC;IAED;;;OAGG;IACH,mBAEC;IAyND;;;;OAIG;IACH,4BAHW,GAAG,QAKb;IA9MD;;;OAGG;IACH,kBAFW,QAAQ,QAIlB;IAED;;;OAGG;IACH,gBAFW,QAAQ,QAUlB;IAED;;OAEG;IACH,YAFW,QAAQ,QAQlB;IAED;;OAEG;IACH,6BAFW,QAAQ,QAMlB;IAED;;OAEG;IACH,0BAFW,QAAQ,QAalB;IAED;;;OAGG;IACH,mBAFW,QAAQ,QAWlB;IAED;;OAEG;IACH,eAiBC;IAED,kBAEC;IAED,uBAEC;IAED,sBAEC;IAED;;;;OAIG;IACH,eAFW,QAAU,QAAQ,KAAE,IAAI,CAAC,GAAG;QAAE,aAAa,CAAC,SAAW,QAAQ,KAAE,IAAI,CAAA;KAAC,QAchF;IAED;;;OAGG;IACH,wBAHW,MAAM,GACJ,MAAM,CAWlB;IAED;;;OAGG;IACH,cAFW,KAAK,QAKf;IAED,iBAMC;IAED;;;;OAIG;IACH,sBAFW,OAAO,uBAAuB,EAAE,SAAS,QAMnD;IAED;;;OAGG;IACH,0EASC;IAED;;;;OAIG;IACH,8BAQC;;CAUJ;oCAzRY;IAAC,aAAa,EAAE,OAAO,0BAA0B,EAAE,OAAO,CAAA;CAAC;;;;oBAM3D,OAAO,MAAM,EAAE,GAAG,CAAC;;;;mBACnB,KAAK,EAAE"}

package/dist/src/data/flowNode.js

@@ -18,6 +18,10 @@ export const BEHAVIOR_MODIFIES = 1 << 1;
  */
 export const BEHAVIOR_COLLECTS = 1 << 2;
 
+/**
+ * @typedef {{paramMediator: import("../view/paramMediator.js").default}} ParamMediatorProvider
+ */
+
 /**
  * This is heavily inspired by Vega's and Vega-Lite's data flow system.
  *
@@ -25,11 +29,24 @@ export const BEHAVIOR_COLLECTS = 1 << 2;
  * @typedef {Datum[]} Data
  */
 export default class FlowNode {
+    /**
+     * An object that provides a paramMediator. (Most likely a View)
+     *
+     * @type {ParamMediatorProvider}
+     * @protected
+     */
+    paramMediatorProvider = null;
+
     get behavior() {
         return 0;
     }
 
-    constructor() {
+    /**
+     * @param {ParamMediatorProvider} [paramMediatorProvider]
+     */
+    constructor(paramMediatorProvider) {
+        this.paramMediatorProvider = paramMediatorProvider;
+
         /** @type {FlowNode[]} */
         this.children = [];
 
@@ -64,7 +81,7 @@ export default class FlowNode {
      * Dynamically updates the propagator method to allow the JavaScript engine
      * to employ optimizations such as inlining.
      */
-    _updatePropagator() {
+    #updatePropagator() {
         this._propagate = Function(
             "children",
             range(this.children.length)
@@ -94,7 +111,7 @@ export default class FlowNode {
         }
         this.children.push(child);
         child.setParent(this);
-        this._updatePropagator();
+        this.#updatePropagator();
         return this;
     }
 
@@ -129,7 +146,7 @@ export default class FlowNode {
 
         newParent.parent = this.parent;
         this.parent.children[this.parent.children.indexOf(this)] = newParent;
-        this.parent._updatePropagator();
+        this.parent.#updatePropagator();
         this.parent = undefined;
         newParent.addChild(this);
     }
@@ -143,7 +160,7 @@ export default class FlowNode {
         if (index > -1) {
             this.children.splice(index, 1);
             child.parent = undefined;
-            this._updatePropagator();
+            this.#updatePropagator();
         } else {
             throw new Error("Trying to remove an unknown child node!");
         }
@@ -162,7 +179,7 @@ export default class FlowNode {
             const child = this.children[0];
             child.setParent(this.parent);
             this.parent.children[this.parent.children.indexOf(this)] = child;
-            this.parent._updatePropagator();
+            this.parent.#updatePropagator();
             this.setParent(undefined);
             this.children.length = 0;
         } else {
@@ -250,6 +267,10 @@ export default class FlowNode {
      * @protected
      */
     get paramMediator() {
+        if (this.paramMediatorProvider) {
+            return this.paramMediatorProvider.paramMediator;
+        }
+
         if (!this.parent) {
             throw new Error("Cannot find paramMediator!");
         }
@@ -259,6 +280,7 @@ export default class FlowNode {
     /**
      * Repropagates the stored data. If this node has no stored data,
      * find the nearest ancestor that has and repropagate from there.
+     * @protected
      */
     repropagate() {
         if (this.parent) {
@@ -273,6 +295,7 @@ export default class FlowNode {
     /**
      *
      * @param {any} datum
+     * @protected
      */
     _propagate(datum) {
         // Implementation is set dynamically in add/removeChild

package/dist/src/data/flowTestUtils.d.ts

@@ -1,3 +1,8 @@
+/**
+ *
+ * @returns {import("./flowNode.js").ParamMediatorProvider}
+ */
+export function makeParamMediatorProvider(): import("./flowNode.js").ParamMediatorProvider;
 /**
  *
  * @param {import("./flowNode.js").default} flowNode

package/dist/src/data/flowTestUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flowTestUtils.d.ts","sourceRoot":"","sources":["../../../src/data/flowTestUtils.js"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,sCAHW,OAAO,eAAe,EAAE,OAAO,QAC/B,GAAG,EAAE,mCAcf;AAED;;GAEG;AACH;IACI;;;OAGG;IACH,kBAFW,GAAG,EAAE,EAKf;IADG,YAAgB;IAGpB,iBAMC;CACJ;AAED;;GAEG;AACH;IACI;;;OAGG;IACH,eAFW,MAAM,EAWhB;CACJ;qBA7DoB,eAAe"}
+{"version":3,"file":"flowTestUtils.d.ts","sourceRoot":"","sources":["../../../src/data/flowTestUtils.js"],"names":[],"mappings":"AAIA;;;GAGG;AACH,6CAFa,OAAO,eAAe,EAAE,qBAAqB,CAMzD;AAED;;;;GAIG;AACH,sCAHW,OAAO,eAAe,EAAE,OAAO,QAC/B,GAAG,EAAE,mCAcf;AAED;;GAEG;AACH;IACI;;;OAGG;IACH,kBAFW,GAAG,EAAE,EAKf;IADG,YAAgB;IAGpB,iBAMC;CACJ;AAED;;GAEG;AACH;IACI;;;OAGG;IACH,eAFW,MAAM,EAWhB;CACJ;qBAvEoB,eAAe"}

package/dist/src/data/flowTestUtils.js

@@ -1,6 +1,17 @@
+import ParamMediator from "../view/paramMediator.js";
 import Collector from "./collector.js";
 import FlowNode from "./flowNode.js";
 
+/**
+ *
+ * @returns {import("./flowNode.js").ParamMediatorProvider}
+ */
+export function makeParamMediatorProvider() {
+    return {
+        paramMediator: new ParamMediator(),
+    };
+}
+
 /**
  *
  * @param {import("./flowNode.js").default} flowNode

package/dist/src/data/transforms/clone.d.ts

@@ -2,6 +2,7 @@
  * Clones the data objects that pass through.
  */
 export default class CloneTransform extends FlowNode {
+    constructor();
     /** @param {any} datum */
     handle: (datum: any) => void;
     /**

package/dist/src/data/transforms/clone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clone.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/clone.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IAYY,yBAAyB;IACzB,gBALQ,GAAG,UAK2C;IAO1D;;;;OAIG;IACH,yBAFW,OAAO,0BAA0B,EAAE,SAAS,UAQtD;CAER;qBAtCsD,gBAAgB"}
+{"version":3,"file":"clone.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/clone.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IAKI,cA2BC;IApBO,yBAAyB;IACzB,gBALQ,GAAG,UAK2C;IAO1D;;;;OAIG;IACH,yBAFW,OAAO,0BAA0B,EAAE,SAAS,UAQtD;CAER;qBAtCsD,gBAAgB"}

package/dist/src/data/transforms/coverage.d.ts

@@ -8,6 +8,9 @@
  * segments and calculates weighted averages.
  */
 export default class CoverageTransform extends FlowNode {
+    /**
+     * @typedef {import("../flowNode.js").Datum} Datum
+     */
     /**
      * @param {import("../../spec/transform.js").CoverageParams} params
      */
@@ -25,7 +28,7 @@ export default class CoverageTransform extends FlowNode {
         end: string;
         chrom: string;
     };
-    createSegment: Function;
+    createSegment: (start: number, end: number, coverage: number, chrom?: string) => import("../flowNode.js").Datum;
     /**
      * End pos as priority, weight as value
      *

package/dist/src/data/transforms/coverage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/coverage.js"],"names":[],"mappings":";AAKA;;;;;;;GAOG;AACH;IAKI;;OAEG;IACH,oBAFW,OAAO,yBAAyB,EAAE,cAAc,EAgD1D;IA5CG,yDAAoB;IAEpB,mDAAwC;IACxC,iDAAoC;IAEpC,mCAAmC;IACnC,sBADoB,GAAG,KAAE,MAAM,CAGT;IACtB,mCAAmC;IACnC,uBADoB,GAAG,KAAE,MAAM,CACsC;IAErE;;;;;MAKC;IAGD,wBAgBC;IAED;;;;OAIG;IACH,MAFU,UAAU,MAAM,CAAC,CAEA;CAiIlC;qBAhMyC,gBAAgB;sBAHpC,WAAW"}
+{"version":3,"file":"coverage.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/coverage.js"],"names":[],"mappings":";AAKA;;;;;;;GAOG;AACH;IAKI;;OAEG;IAEH;;OAEG;IACH,oBAFW,OAAO,yBAAyB,EAAE,cAAc,EAgD1D;IA5CG,yDAAoB;IAEpB,mDAAwC;IACxC,iDAAoC;IAEpC,mCAAmC;IACnC,sBADoB,GAAG,KAAE,MAAM,CAGT;IACtB,mCAAmC;IACnC,uBADoB,GAAG,KAAE,MAAM,CACsC;IAErE;;;;;MAKC;IAED,sEACsE,MAAM,oCAgBvE;IAEL;;;;OAIG;IACH,MAFU,UAAU,MAAM,CAAC,CAEA;CA0IlC;qBA7MyC,gBAAgB;sBAHpC,WAAW"}

package/dist/src/data/transforms/coverage.js

@@ -16,6 +16,10 @@ export default class CoverageTransform extends FlowNode {
         return BEHAVIOR_CLONES;
     }
 
+    /**
+     * @typedef {import("../flowNode.js").Datum} Datum
+     */
+
     /**
      * @param {import("../../spec/transform.js").CoverageParams} params
      */
@@ -34,30 +38,30 @@ export default class CoverageTransform extends FlowNode {
         this.weightAccessor = params.weight ? field(params.weight) : (d) => 1;
 
         this.as = {
-            coverage: params.as || "coverage",
-            start: params.asStart || params.start,
-            end: params.asEnd || params.end,
-            chrom: params.asChrom || params.chrom,
+            coverage: params.as ?? "coverage",
+            start: params.asStart ?? params.start,
+            end: params.asEnd ?? params.end,
+            chrom: params.asChrom ?? params.chrom,
         };
 
-        // eslint-disable-next-line no-new-func
-        this.createSegment = /** @type {function} */ (
-            new Function(
-                "start",
-                "end",
-                "coverage",
-                "chrom",
-                "return {" +
-                    Object.entries(this.as)
-                        .filter(([param, prop]) => prop)
-                        .map(
-                            ([param, prop]) =>
-                                `${JSON.stringify(prop)}: ${param}`
-                        )
-                        .join(", ") +
-                    "};"
-            )
-        );
+        this.createSegment =
+            /** @type {(start: Number, end: Number, coverage: Number, chrom?: string) => Datum} */ (
+                new Function(
+                    "start",
+                    "end",
+                    "coverage",
+                    "chrom",
+                    "return {" +
+                        Object.entries(this.as)
+                            .filter(([param, prop]) => prop)
+                            .map(
+                                ([param, prop]) =>
+                                    `${JSON.stringify(prop)}: ${param}`
+                            )
+                            .join(", ") +
+                        "};"
+                )
+            );
 
         /**
          * End pos as priority, weight as value
@@ -82,7 +86,7 @@ export default class CoverageTransform extends FlowNode {
         const chromAccessor = this.chromAccessor;
         const weightAccessor = this.weightAccessor;
 
-        /** @type {import("../flowNode.js").Datum} used for merging adjacent segment */
+        /** @type {Datum} used for merging adjacent segment */
         let bufferedSegment;
 
         /** @type {string} */
@@ -96,12 +100,20 @@ export default class CoverageTransform extends FlowNode {
         let coverage = 0;
 
         /** @type {number} */
-        let prevEdge;
+        let prevEdge = NaN;
 
         /** End pos as priority, weight as value */
         const ends = this.ends;
         ends.clear();
 
+        /**
+         * @param {Datum} segment
+         */
+        const propagate = (segment) => {
+            this._propagate(segment);
+            bufferedSegment = null;
+        };
+
         /**
          * @param {number} start
          * @param {number} end
@@ -119,7 +131,7 @@ export default class CoverageTransform extends FlowNode {
                     bufferedSegment[asEnd] = end;
                     extended = true;
                 } else if (bufferedSegment[asCoverage] != 0) {
-                    this._propagate(bufferedSegment);
+                    propagate(bufferedSegment);
                 }
             }
 
@@ -140,15 +152,16 @@ export default class CoverageTransform extends FlowNode {
                 prevEdge = edge;
                 coverage -= ends.pop();
             }
-            prevEdge = undefined;
+            prevEdge = NaN;
 
             if (bufferedSegment) {
-                this._propagate(bufferedSegment);
-                bufferedSegment = undefined;
+                propagate(bufferedSegment);
             }
         };
 
-        /** @param {Record<string, any>} datum */
+        /**
+         * @param {Datum} datum
+         */
         this.handle = (datum) => {
             const start = startAccessor(datum);
 
@@ -168,7 +181,7 @@ export default class CoverageTransform extends FlowNode {
                 }
             }
 
-            if (prevEdge !== undefined) {
+            if (!isNaN(prevEdge)) {
                 pushSegment(prevEdge, start, coverage);
             }
             prevEdge = start;
@@ -189,7 +202,7 @@ export default class CoverageTransform extends FlowNode {
          */
         this.beginBatch = (flowBatch) => {
             flushQueue();
-            prevChrom = undefined;
+            prevChrom = null;
             super.beginBatch(flowBatch);
         };
     }

package/dist/src/data/transforms/filter.d.ts

@@ -2,8 +2,9 @@ export default class FilterTransform extends FlowNode {
     /**
      *
      * @param {import("../../spec/transform.js").FilterParams} params
+     * @param {import("../flowNode.js").ParamMediatorProvider} paramMediatorProvider
      */
-    constructor(params: import("../../spec/transform.js").FilterParams);
+    constructor(params: import("../../spec/transform.js").FilterParams, paramMediatorProvider: import("../flowNode.js").ParamMediatorProvider);
     params: import("../../spec/transform.js").FilterParams;
     /** @type {import("../../view/paramMediator.js").ExprRefFunction} */
     predicate: import("../../view/paramMediator.js").ExprRefFunction;

package/dist/src/data/transforms/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/filter.js"],"names":[],"mappings":"AAEA;IACI;;;OAGG;IACH,oBAFW,OAAO,yBAAyB,EAAE,YAAY,EAQxD;IAJG,uDAAoB;IAEpB,oEAAoE;IACpE,WADW,OAAO,6BAA6B,EAAE,eAAe,CACtC;CAiBjC;qBA7BoB,gBAAgB"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/filter.js"],"names":[],"mappings":"AAEA;IACI;;;;OAIG;IACH,oBAHW,OAAO,yBAAyB,EAAE,YAAY,yBAC9C,OAAO,gBAAgB,EAAE,qBAAqB,EASxD;IAJG,uDAAoB;IAEpB,oEAAoE;IACpE,WADW,OAAO,6BAA6B,EAAE,eAAe,CACtC;CAiBjC;qBA/BoB,gBAAgB"}

package/dist/src/data/transforms/filter.js

@@ -4,9 +4,11 @@ export default class FilterTransform extends FlowNode {
     /**
      *
      * @param {import("../../spec/transform.js").FilterParams} params
+     * @param {import("../flowNode.js").ParamMediatorProvider} paramMediatorProvider
      */
-    constructor(params) {
-        super();
+    constructor(params, paramMediatorProvider) {
+        super(paramMediatorProvider);
+
         this.params = params;
 
         /** @type {import("../../view/paramMediator.js").ExprRefFunction} */

package/dist/src/data/transforms/filter.test.js

@@ -1,5 +1,5 @@
 import { expect, test } from "vitest";
-import { processData } from "../flowTestUtils.js";
+import { makeParamMediatorProvider, processData } from "../flowTestUtils.js";
 import FilterTransform from "./filter.js";
 
 test.todo("Implement stub for ParamMediator");
@@ -13,12 +13,8 @@ test("FilterTransform filter rows", () => {
         expr: "datum.x > 3 && datum.x != 5",
     };
 
-    /* TODO: Enable this test, implement stub for ParamMediator
-
-    const t = new FilterTransform(filterParams);
+    const t = new FilterTransform(filterParams, makeParamMediatorProvider());
     t.initialize();
 
     expect(processData(t, data)).toEqual([4, 6].map((x) => ({ x })));
-
-    */
 });

package/dist/src/data/transforms/formula.d.ts

@@ -2,8 +2,9 @@ export default class FormulaTransform extends FlowNode {
     /**
      *
      * @param {import("../../spec/transform.js").FormulaParams} params
+     * @param {import("../flowNode.js").ParamMediatorProvider} paramMediatorProvider
      */
-    constructor(params: import("../../spec/transform.js").FormulaParams);
+    constructor(params: import("../../spec/transform.js").FormulaParams, paramMediatorProvider: import("../flowNode.js").ParamMediatorProvider);
     params: import("../../spec/transform.js").FormulaParams;
     as: string;
     /** @type {import("../../view/paramMediator.js").ExprRefFunction} */

package/dist/src/data/transforms/formula.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formula.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/formula.js"],"names":[],"mappings":"AAEA;IAKI;;;OAGG;IACH,oBAFW,OAAO,yBAAyB,EAAE,aAAa,EAUzD;IANG,wDAAoB;IAEpB,WAAmB;IAEnB,oEAAoE;IACpE,IADW,OAAO,6BAA6B,EAAE,eAAe,CAC7C;CAgB1B;qBAlC2C,gBAAgB"}
+{"version":3,"file":"formula.d.ts","sourceRoot":"","sources":["../../../../src/data/transforms/formula.js"],"names":[],"mappings":"AAEA;IAKI;;;;OAIG;IACH,oBAHW,OAAO,yBAAyB,EAAE,aAAa,yBAC/C,OAAO,gBAAgB,EAAE,qBAAqB,EAWxD;IANG,wDAAoB;IAEpB,WAAmB;IAEnB,oEAAoE;IACpE,IADW,OAAO,6BAA6B,EAAE,eAAe,CAC7C;CAgB1B;qBApC2C,gBAAgB"}

package/dist/src/data/transforms/formula.js

@@ -8,9 +8,11 @@ export default class FormulaTransform extends FlowNode {
     /**
      *
      * @param {import("../../spec/transform.js").FormulaParams} params
+     * @param {import("../flowNode.js").ParamMediatorProvider} paramMediatorProvider
      */
-    constructor(params) {
-        super();
+    constructor(params, paramMediatorProvider) {
+        super(paramMediatorProvider);
+
         this.params = params;
 
         this.as = params.as;

package/dist/src/data/transforms/formula.test.js

@@ -1,5 +1,5 @@
 import { expect, test, test } from "vitest";
-import { processData } from "../flowTestUtils.js";
+import { makeParamMediatorProvider, processData } from "../flowTestUtils.js";
 import FormulaTransform from "./formula.js";
 
 test.todo("Implement stub for ParamMediator");
@@ -7,19 +7,19 @@ test.todo("Implement stub for ParamMediator");
 test("FormulaTransform", () => {
     const data = [{ a: 2 }, { a: 3 }];
 
-    /* TODO: Enable this test, implement stub for ParamMediator
+    const t = new FormulaTransform(
+        {
+            type: "formula",
+            expr: "datum.a * 2",
+            as: "b",
+        },
+        makeParamMediatorProvider()
+    );
 
-    const t = new FormulaTransform({
-        type: "formula",
-        expr: "datum.a * 2",
-        as: "b",
-    });
     t.initialize();
 
     expect(processData(t, data)).toEqual([
         { a: 2, b: 4 },
         { a: 3, b: 6 },
     ]);
-
-    */
 });

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

@@ -1 +1 @@
-{"version":3,"file":"genomeSpy.d.ts","sourceRoot":"","sources":["../../src/genomeSpy.js"],"names":[],"mappings":"AA8CA;IACI;;;;;OAKG;IAEH;;;;;OAKG;IACH,uBAJW,WAAW,qDAEX,OAAO,qBAAqB,EAAE,YAAY,EA2FpD;IAxFG,uBAA0B;IAC1B,oDAAsB;IAItB,6BAA6B;IAC7B,uBADW,CAAC,MAAM,IAAI,CAAC,EAAE,CACM;IAE/B,sCAAsC;IACtC,wCAAgB;IAEhB,iCAA4C;IAC5C,yBAAoC;IAEpC,4CAA4C;IAC5C,oBADW,QAAU,MAAM,KAAE,MAAM,EAAE,CAAC,EAAE,CACZ;IAE5B,mBAAoD;IAEpD,0BAA0B;IAC1B,aADW,WAAW,CACM;IAE5B;;;;;OAKG;IACH,qEAF0B,OAAO,CAE8B;IAE/D,2CAA2C;IAC3C,mBADW,4BAA4B,CACL;IAClC,2CAA2C;IAC3C,iBADW,4BAA4B,CACP;IAEhC,oDAAoD;IACpD,6BAAgC;IAEhC;;;OAGG;IACH,eAFU;QAAE,IAAI,EAAE,OAAO,iBAAiB,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,oBAAoB,EAAE,KAAK,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAEpF;IAE9B,uBAA+C;IAE/C;;;OAGG;IACH,oBAFU,IAAI,MAAM,EAAE,QAAU,aAAa,KAAE,IAAI,CAAC,EAAE,CAAC,CAEpB;IAEnC;;;;;;OAMG;IACH,yCAFkC,GAAG,KAAK,IAAI,GAEd;IAEhC;;;OAGG;IACH,kDAFkC,GAAG,KAAK,IAAI,GAEL;IAEzC,oFAAoF;IACpF,iBADW,OAAO,MAAM,EAAE,OAAO,6BAA6B,EAAE,cAAc,CAAC,CAK9E;IAED,mBAAmB;IACnB,2CAAyB;IAEzB;;;;OAIG;IACH;gBAF8B,OAAO,wBAAwB,EAAE,iBAAiB;iBAAW,MAAM;OAEnE;IAE9B;;OAEG;IACH,wBAFU,WAAW,CAEkB;IA2C3C;;;OAGG;IACH,2CAFkB,MAAM,KAAK,GAAG,EAAE,QAIjC;IAED;;OAEG;IACH,+BAFW,MAAM,YAShB;IAED;;;;OAIG;IACH,sBAHW,MAAM,QACN,GAAG,EAAE,QAaf;IAED;;;;;OAKG;IACH,gBAHW,kBAAkB,YAClB,GAAG,QAQb;IAED;;;OAGG;IACH,iCAqDC;IA0DG,uBAOC;IAGD,mCAGE;IAOF,sCAEE;IAGF,iBAAyC;IAW7C;;OAEG;IACH,gBAuBC;IAED,sCA8MC;IAED;;;OAGG;IACH,UAFa,QAAQ,OAAO,CAAC,CA6B5B;IAED,4BA6IC;IAjIe,iCAAoC;IAmIpD;;;OAGG;IACH,kBAHW,MAAM,KACN,MAAM,QAiEhB;IAED;;;;;;;OAOG;IACH,oDAHuB,QAAQ,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAYlF;IAED,sBA6CC;IAED,kBAIC;IAED,iCAOC;IAED,iCASC;IAED,qFAWC;;CACJ;;;;iCA16BY,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,gBAAgB;4BAjC7C,uBAAuB;4BA2BP,uBAAuB;qBAZ9C,qBAAqB;wBAIlB,yBAAyB;yCARR,yDAAyD;oBAYvD,oBAAoB;wBAdvC,qBAAqB;oBAXzB,uBAAuB;qBAStB,oBAAoB"}
+{"version":3,"file":"genomeSpy.d.ts","sourceRoot":"","sources":["../../src/genomeSpy.js"],"names":[],"mappings":"AA8CA;IACI;;;;;OAKG;IAEH;;;;;OAKG;IACH,uBAJW,WAAW,qDAEX,OAAO,qBAAqB,EAAE,YAAY,EA2FpD;IAxFG,uBAA0B;IAC1B,oDAAsB;IAItB,6BAA6B;IAC7B,uBADW,CAAC,MAAM,IAAI,CAAC,EAAE,CACM;IAE/B,sCAAsC;IACtC,wCAAgB;IAEhB,iCAA4C;IAC5C,yBAAoC;IAEpC,4CAA4C;IAC5C,oBADW,QAAU,MAAM,KAAE,MAAM,EAAE,CAAC,EAAE,CACZ;IAE5B,mBAAoD;IAEpD,0BAA0B;IAC1B,aADW,WAAW,CACM;IAE5B;;;;;OAKG;IACH,qEAF0B,OAAO,CAE8B;IAE/D,2CAA2C;IAC3C,mBADW,4BAA4B,CACL;IAClC,2CAA2C;IAC3C,iBADW,4BAA4B,CACP;IAEhC,oDAAoD;IACpD,6BAAgC;IAEhC;;;OAGG;IACH,eAFU;QAAE,IAAI,EAAE,OAAO,iBAAiB,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,oBAAoB,EAAE,KAAK,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAEpF;IAE9B,uBAA+C;IAE/C;;;OAGG;IACH,oBAFU,IAAI,MAAM,EAAE,QAAU,aAAa,KAAE,IAAI,CAAC,EAAE,CAAC,CAEpB;IAEnC;;;;;;OAMG;IACH,yCAFkC,GAAG,KAAK,IAAI,GAEd;IAEhC;;;OAGG;IACH,kDAFkC,GAAG,KAAK,IAAI,GAEL;IAEzC,oFAAoF;IACpF,iBADW,OAAO,MAAM,EAAE,OAAO,6BAA6B,EAAE,cAAc,CAAC,CAK9E;IAED,mBAAmB;IACnB,2CAAyB;IAEzB;;;;OAIG;IACH;gBAF8B,OAAO,wBAAwB,EAAE,iBAAiB;iBAAW,MAAM;OAEnE;IAE9B;;OAEG;IACH,wBAFU,WAAW,CAEkB;IA2C3C;;;OAGG;IACH,2CAFkB,MAAM,KAAK,GAAG,EAAE,QAIjC;IAED;;OAEG;IACH,+BAFW,MAAM,YAShB;IAED;;;;OAIG;IACH,sBAHW,MAAM,QACN,GAAG,EAAE,QAaf;IAED;;;;;OAKG;IACH,gBAHW,kBAAkB,YAClB,GAAG,QAQb;IAED;;;OAGG;IACH,iCAqDC;IA0DG,uBAQC;IAGD,mCAGE;IAOF,sCAEE;IAGF,iBAAyC;IAW7C;;OAEG;IACH,gBAuBC;IAED,sCA8MC;IAED;;;OAGG;IACH,UAFa,QAAQ,OAAO,CAAC,CA6B5B;IAED,4BA+IC;IAxHe,iCAAoC;IA0HpD;;;OAGG;IACH,kBAHW,MAAM,KACN,MAAM,QAsEhB;IAED;;;;;;;OAOG;IACH,oDAHuB,QAAQ,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAYlF;IAED,sBA6CC;IAED,kBAIC;IAED,iCAOC;IAED,iCASC;IAED,qFAWC;;CACJ;;;;iCAl7BY,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,gBAAgB;4BAjC7C,uBAAuB;4BA2BP,uBAAuB;qBAZ9C,qBAAqB;wBAIlB,yBAAyB;yCARR,yDAAyD;oBAYvD,oBAAoB;wBAdvC,qBAAqB;oBAXzB,uBAAuB;qBAStB,oBAAoB"}

package/dist/src/genomeSpy.js

@@ -362,7 +362,8 @@ export default class GenomeSpy {
                 this.viewRoot
                     ? calculateCanvasSize(calculateViewRootSize(this.viewRoot))
                     : { width: undefined, height: undefined },
-            this.spec.background
+            this.spec.background,
+            { powerPreference: this.options.powerPreference ?? "default" }
         );
 
         // The initial loading message that is shown until the first frame is rendered
@@ -668,25 +669,31 @@ export default class GenomeSpy {
         // that would also contain state-related stuff that currently pollute the
         // GenomeSpy class.
 
+        let lastWheelEvent = performance.now();
+
         /** @param {Event} event */
         const listener = (event) => {
+            const now = performance.now();
+            const wheeling = now - lastWheelEvent < 200;
+
             if (event instanceof MouseEvent) {
-                if (event.type == "mousemove") {
+                const rect = canvas.getBoundingClientRect();
+                const point = new Point(
+                    event.clientX - rect.left - canvas.clientLeft,
+                    event.clientY - rect.top - canvas.clientTop
+                );
+
+                if (event.type == "mousemove" && !wheeling) {
                     this.tooltip.handleMouseMove(event);
                     this._tooltipUpdateRequested = false;
 
                     if (event.buttons == 0) {
                         // Disable during dragging
                         this.renderPickingFramebuffer();
+                        this._handlePicking(point.x, point.y);
                     }
                 }
 
-                const rect = canvas.getBoundingClientRect();
-                const point = new Point(
-                    event.clientX - rect.left - canvas.clientLeft,
-                    event.clientY - rect.top - canvas.clientTop
-                );
-
                 /**
                  * @param {MouseEvent} event
                  */
@@ -704,14 +711,10 @@ export default class GenomeSpy {
                     this._wheelInertia.cancel();
                 }
 
-                if (event.type == "mousemove") {
-                    this._handlePicking(point.x, point.y);
-                } else if (
-                    event.type == "mousedown" ||
-                    event.type == "mouseup"
-                ) {
+                if (event.type == "mousedown" || event.type == "mouseup") {
                     this.renderPickingFramebuffer();
                 } else if (event.type == "wheel") {
+                    lastWheelEvent = now;
                     this._tooltipUpdateRequested = false;
 
                     const wheelEvent = /** @type {WheelEvent} */ (event);
@@ -830,7 +833,12 @@ export default class GenomeSpy {
 
             this.viewRoot.visit((view) => {
                 if (view instanceof UnitView) {
-                    if (view.mark.isPickingParticipant()) {
+                    if (
+                        view.mark.isPickingParticipant() &&
+                        [...view.facetCoords.values()].some((coords) =>
+                            coords.containsPoint(x, y)
+                        )
+                    ) {
                         const accessor = view.mark.encoders.uniqueId.accessor;
                         view.getCollector().visitData((d) => {
                             if (accessor(d) == uniqueId) {