@genome-spy/core 0.46.1 → 0.48.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/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":"AA+CA;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,4BAqJC;IA9He,iCAAoC;IAgIpD;;;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;;;;iCAx7BY,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,gBAAgB;4BAlC7C,uBAAuB;4BA2BP,uBAAuB;qBAZ9C,qBAAqB;wBAIlB,yBAAyB;yCARR,yDAAyD;oBAYvD,oBAAoB;wBAdvC,qBAAqB;oBAXzB,uBAAuB;qBAStB,oBAAoB"}

package/dist/src/genomeSpy.js

@@ -36,6 +36,7 @@ import { invalidatePrefix } from "./utils/propertyCacher.js";
 import { VIEW_ROOT_NAME, ViewFactory } from "./view/viewFactory.js";
 import { reconfigureScales } from "./view/scaleResolution.js";
 import createBindingInputs from "./utils/inputBinding.js";
+import { isStillZooming } from "./view/zoom.js";
 
 /**
  * Events that are broadcasted to all views.
@@ -362,7 +363,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 +670,33 @@ 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
+                    // Disable picking during dragging. Also postpone picking until
+                    // the user has stopped zooming as reading pixels from the
+                    // picking buffer is slow and ruins smooth animations.
+                    if (event.buttons == 0 && !isStillZooming()) {
                         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 +714,14 @@ 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") &&
+                    !isStillZooming()
                 ) {
+                    // Actually, only needed when clicking on a mark
                     this.renderPickingFramebuffer();
                 } else if (event.type == "wheel") {
+                    lastWheelEvent = now;
                     this._tooltipUpdateRequested = false;
 
                     const wheelEvent = /** @type {WheelEvent} */ (event);
@@ -830,7 +840,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) {

package/dist/src/gl/webGLHelper.d.ts

@@ -25,11 +25,12 @@ export default class WebGLHelper {
      *      A function that returns the content size. If a dimension is undefined,
      *      the canvas fills the container, otherwise the canvas is adjusted to the content size.
      * @param {string} [clearColor]
+     * @param {WebGLContextAttributes} [webglContextAttributes]
      */
     constructor(container: HTMLElement, sizeSource?: () => {
         width: number;
         height: number;
-    }, clearColor?: string);
+    }, clearColor?: string, webglContextAttributes?: WebGLContextAttributes);
     _container: HTMLElement;
     _sizeSource: () => {
         width: any;

package/dist/src/gl/webGLHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AA4ZA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,KAAK,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAjcD;IACI;;;;;;;OAOG;IACH,uBANW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,eAGrC,MAAM,EAmFhB;IAhFG,wBAA2B;IAC3B;;;MAKO;IAEP,uCAAuC;IACvC,cADW,IAAI,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,kFAAkF;IAClF,eADW,QAAQ,OAAO,4BAA4B,EAAE,OAAO,EAAE,YAAY,CAAC,CAC5C;IAuClC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAOD,+CAA+C;IAC/C,aADW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CACZ;IAOnC,uBAIC;IAHG;;;MAAmC;IAKvC,mBAEC;IADG,YAAkC;IAGtC;;;;;OAKG;IACH,oBAHW,MAAM,QACN,MAAM,GAAG,MAAM,EAAE,eA2B3B;IAED,iBAcC;IAED,iBAEC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;;;MAQ3C;IAED;;OAEG;IACH;;;MAuBC;IAED;;;;OAIG;IACH,oBAHW,MAAM,KACN,MAAM,cAwBhB;IAED,iBAOC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,4BAA4B,EAAE,OAAO,WAC5C,OAAO,QA0GjB;CACJ"}
+{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AAmaA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,KAAK,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAxcD;IACI;;;;;;;;OAQG;IACH,uBAPW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,eAGrC,MAAM,2BACN,sBAAsB,EAyFhC;IAjFG,wBAA2B;IAC3B;;;MAKO;IAEP,uCAAuC;IACvC,cADW,IAAI,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,kFAAkF;IAClF,eADW,QAAQ,OAAO,4BAA4B,EAAE,OAAO,EAAE,YAAY,CAAC,CAC5C;IAwClC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAOD,+CAA+C;IAC/C,aADW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CACZ;IAOnC,uBAIC;IAHG;;;MAAmC;IAKvC,mBAEC;IADG,YAAkC;IAGtC;;;;;OAKG;IACH,oBAHW,MAAM,QACN,MAAM,GAAG,MAAM,EAAE,eA2B3B;IAED,iBAcC;IAED,iBAEC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;;;MAQ3C;IAED;;OAEG;IACH;;;MAuBC;IAED;;;;OAIG;IACH,oBAHW,MAAM,KACN,MAAM,cAwBhB;IAED,iBAOC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,4BAA4B,EAAE,OAAO,WAC5C,OAAO,QA0GjB;CACJ"}

package/dist/src/gl/webGLHelper.js

@@ -36,8 +36,14 @@ export default class WebGLHelper {
      *      A function that returns the content size. If a dimension is undefined,
      *      the canvas fills the container, otherwise the canvas is adjusted to the content size.
      * @param {string} [clearColor]
+     * @param {WebGLContextAttributes} [webglContextAttributes]
      */
-    constructor(container, sizeSource, clearColor) {
+    constructor(
+        container,
+        sizeSource,
+        clearColor,
+        webglContextAttributes = {}
+    ) {
         this._container = container;
         this._sizeSource =
             sizeSource ??
@@ -67,6 +73,7 @@ export default class WebGLHelper {
                 // Disable depth writes. We don't use depth testing.
                 depth: false,
                 premultipliedAlpha: true,
+                ...webglContextAttributes,
             })
         );
 

package/dist/src/marks/mark.d.ts

@@ -22,27 +22,39 @@ export default class Mark {
     unitView: import("../view/unitView.js").default;
     /** @type {Record<string, import("../types/encoder.js").Encoder>} */
     encoders: Record<string, import("../types/encoder.js").Encoder>;
-    /** @type {import("twgl.js").BufferInfo & { allocatedVertices?: number }} WebGL buffers */
-    bufferInfo: import("twgl.js").BufferInfo & {
+    /**
+     * @type {import("twgl.js").BufferInfo & { allocatedVertices?: number }}
+     * @protected
+     */
+    protected bufferInfo: import("twgl.js").BufferInfo & {
         allocatedVertices?: number;
     };
-    /** @type {import("twgl.js").ProgramInfo} WebGL buffers */
-    programInfo: import("twgl.js").ProgramInfo;
-    /** @type {import("twgl.js").VertexArrayInfo} WebGL buffers */
-    vertexArrayInfo: import("twgl.js").VertexArrayInfo;
-    /** @type {import("twgl.js").UniformBlockInfo} WebGL buffers */
-    domainUniformInfo: import("twgl.js").UniformBlockInfo;
-    /** @type {import("twgl.js").UniformBlockInfo} WebGL buffers */
-    viewUniformInfo: import("twgl.js").UniformBlockInfo;
+    /**
+     * @type {import("twgl.js").ProgramInfo}
+     * @protected
+     */
+    protected programInfo: import("twgl.js").ProgramInfo;
+    /**
+     * @type {import("twgl.js").VertexArrayInfo}
+     * @protected
+     */
+    protected vertexArrayInfo: import("twgl.js").VertexArrayInfo;
+    /**
+     * @type {import("twgl.js").UniformBlockInfo}
+     * @protected
+     */
+    protected viewUniformInfo: import("twgl.js").UniformBlockInfo;
     /**
      * Uniforms related to the specific mark type.
+     *
      * @type {import("twgl.js").UniformBlockInfo}
+     * @protected
      */
-    markUniformInfo: import("twgl.js").UniformBlockInfo;
+    protected markUniformInfo: import("twgl.js").UniformBlockInfo;
     /**
      * Indicates whether the mark's uniforms have been altered since the last rendering.
      * If set to true, the uniforms will be sent to the GPU before rendering the next frame.
-
+     *
      * @protected
      */
     protected markUniformsAltered: boolean;

package/dist/src/marks/mark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../../src/marks/mark.js"],"names":[],"mappings":";AA4CA,0DAA2D;AAC3D,0DAA2D;AAE3D;;;;;;;;;;;;GAYG;AACH;IAgBI;;OAEG;IACH,sBAFW,OAAO,qBAAqB,EAAE,OAAO,EAkF/C;IA/EG,gDAAwB;IAExB,oEAAoE;IACpE,UADW,OAAO,MAAM,EAAE,OAAO,qBAAqB,EAAE,OAAO,CAAC,CACvC;IAIzB,0FAA0F;IAC1F,YADW,OAAO,SAAS,EAAE,UAAU,GAAG;QAAE,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAAE,CAC7C;IAE3B,0DAA0D;IAC1D,aADW,OAAO,SAAS,EAAE,WAAW,CACZ;IAE5B,8DAA8D;IAC9D,iBADW,OAAO,SAAS,EAAE,eAAe,CACZ;IAEhC,+DAA+D;IAC/D,mBADW,OAAO,SAAS,EAAE,gBAAgB,CACX;IAElC,+DAA+D;IAC/D,iBADW,OAAO,SAAS,EAAE,gBAAgB,CACb;IAEhC;;;OAGG;IACH,iBAFU,OAAO,SAAS,EAAE,gBAAgB,CAEZ;IAEhC;;;;;OAKG;IACH,uCAA+B;IAE/B,kFAAkF;IAClF,UADW,SAAS,GAAG,CAAC,CACM;IAG9B,wBAAwB;IACxB,uDAqBC;IAED;;;;;;;;OAQG;IACH,kEAKC;IAGL,sBAEC;IAED;;;;;;;OAOG;IACH,iBAFa,MAAM,EAAE,CAKpB;IAED;;OAEG;IACH,+DAWC;IAED;;OAEG;IACH,oEAcC;IAED;;;;;OAKG;IACH,oHAEC;IAED;;;;;;OAMG;IACH,yGAkCC;IAED;;;;OAIG;IACH,8DAiDC;IAED,wDAEC;IAED,8CAEC;IAED,uBAEC;IAED;;;OAGG;IACH,2BAEC;IAED;;OAEG;IACH,oCAEC;IAED;;OAEG;IACH,2BAEC;IAED,sEAeC;IAED;;;;;;OAMG;IAEH,6CANW,MAAM,kBACN,MAAM,iBACN,MAAM,EAAE,QA8NlB;IALG;;;;;;MAIC;IAGL;;;;;;OAMG;IACH,uCA6CC;IAED;;;;;;OAMG;IACH,+CAHW,MAAM,UACK,GAAG,KAAE,IAAI,CAe9B;IAED;;;;;;;;;;OAUG;IACH,mDAJW,MAAM,sFAEsB,GAAG,QA6BzC;IAED;;OAEG;IACH,2BAiBC;IAED;;;OAGG;IACH,6BAFW,GAAG,QAoCb;IAED,yBAAyB;IACzB,uDAEC;IAED,yBAAyB;IACzB,iCAEC;IAED,gCAEC;IAED,+BAEC;IAED,yCAEC;IAED;;;;;OAKG;IACH,gCAcC;IAED;;OAEG;IACH,4CAOC;IAED;;;;;;;;OAQG;IAEH,uBAJW,OAAO,uBAAuB,EAAE,sBAAsB,GACpD,CAAC,MAAM,IAAI,CAAC,EAAE,CAsF1B;IAED;;;;;;OAMG;IACH,qCAJW,oBAAoB,GAClB,OAAO,CAqCnB;IAED;;;;;;;OAOG;IACH,gBAJW,oBAAoB,SACP,IAAI,CAM3B;IAED;;;OAGG;IACH,2BAHW,YAAY,WACZ,OAAO,WAAW,EAAE,oBAAoB,cAiElD;IAED;;;;;;OAMG;IACH,oBAJW,OAAO,6BAA6B,EAAE,OAAO,aAC7C,OAAO,6BAA6B,EAAE,OAAO,GAC3C,OAAO,CAuHnB;IAED;;;;;;;;;OASG;IACH,qBAJW,MAAM,KACN,OAAO,oBAAoB,EAAE,MAAM,GACjC,GAAG,CAIf;;CACJ;+BAznCY,OAAO,uBAAuB,EAAE,gBAAgB;;;;;;wBAEnD,OAAO;;mCAEJ,gBAAgB,GAAG,qBAAqB;oCAG1C,MAAM,SACN,MAAM;AAmnCjB;;;GAGG;AACH;IACI,cAEC;IAkBD;;;OAGG;IACH,2BAFW,IAAI,CAAC,EAAE,OAAO,yBAAyB,EAAE,UAAU,CAAC,QAiB9D;CACJ;0BAjrCyB,WAAW"}
+{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../../src/marks/mark.js"],"names":[],"mappings":";AA4CA,0DAA2D;AAC3D,0DAA2D;AAE3D;;;;;;;;;;;;GAYG;AACH;IAgBI;;OAEG;IACH,sBAFW,OAAO,qBAAqB,EAAE,OAAO,EA6F/C;IA1FG,gDAAwB;IAExB,oEAAoE;IACpE,UADW,OAAO,MAAM,EAAE,OAAO,qBAAqB,EAAE,OAAO,CAAC,CACvC;IAIzB;;;OAGG;IACH,sBAHU,OAAO,SAAS,EAAE,UAAU,GAAG;QAAE,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAAE,CAG5C;IAE3B;;;OAGG;IACH,uBAHU,OAAO,SAAS,EAAE,WAAW,CAGX;IAE5B;;;OAGG;IACH,2BAHU,OAAO,SAAS,EAAE,eAAe,CAGX;IAEhC;;;OAGG;IACH,2BAHU,OAAO,SAAS,EAAE,gBAAgB,CAGZ;IAEhC;;;;;OAKG;IACH,2BAHU,OAAO,SAAS,EAAE,gBAAgB,CAGZ;IAEhC;;;;;OAKG;IACH,uCAA+B;IAE/B,kFAAkF;IAClF,UADW,SAAS,GAAG,CAAC,CACM;IAG9B,wBAAwB;IACxB,uDAqBC;IAED;;;;;;;;OAQG;IACH,kEAKC;IAGL,sBAEC;IAED;;;;;;;OAOG;IACH,iBAFa,MAAM,EAAE,CAKpB;IAED;;OAEG;IACH,+DAWC;IAED;;OAEG;IACH,oEAcC;IAED;;;;;OAKG;IACH,oHAEC;IAED;;;;;;OAMG;IACH,yGAkCC;IAED;;;;OAIG;IACH,8DAiDC;IAED,wDAEC;IAED,8CAEC;IAED,uBAEC;IAED;;;OAGG;IACH,2BAEC;IAED;;OAEG;IACH,oCAEC;IAED;;OAEG;IACH,2BAEC;IAED,sEAeC;IAED;;;;;;OAMG;IAEH,6CANW,MAAM,kBACN,MAAM,iBACN,MAAM,EAAE,QA8NlB;IALG;;;;;;MAIC;IAGL;;;;;;OAMG;IACH,uCA6CC;IAED;;;;;;OAMG;IACH,+CAHW,MAAM,UACK,GAAG,KAAE,IAAI,CAe9B;IAED;;;;;;;;;;OAUG;IACH,mDAJW,MAAM,sFAEsB,GAAG,QA6BzC;IAED;;OAEG;IACH,2BAwBC;IAED;;;OAGG;IACH,6BAFW,GAAG,QAgCb;IAED,yBAAyB;IACzB,uDAEC;IAED,yBAAyB;IACzB,iCAEC;IAED,gCAEC;IAED,+BAEC;IAED,yCAEC;IAED;;;;;OAKG;IACH,gCAcC;IAED;;OAEG;IACH,4CAOC;IAED;;;;;;;;OAQG;IAEH,uBAJW,OAAO,uBAAuB,EAAE,sBAAsB,GACpD,CAAC,MAAM,IAAI,CAAC,EAAE,CAsF1B;IAED;;;;;;OAMG;IACH,qCAJW,oBAAoB,GAClB,OAAO,CAqCnB;IAED;;;;;;;OAOG;IACH,gBAJW,oBAAoB,SACP,IAAI,CAM3B;IAED;;;OAGG;IACH,2BAHW,YAAY,WACZ,OAAO,WAAW,EAAE,oBAAoB,cAiElD;IAED;;;;;;OAMG;IACH,oBAJW,OAAO,6BAA6B,EAAE,OAAO,aAC7C,OAAO,6BAA6B,EAAE,OAAO,GAC3C,OAAO,CAuHnB;IAED;;;;;;;;;OASG;IACH,qBAJW,MAAM,KACN,OAAO,oBAAoB,EAAE,MAAM,GACjC,GAAG,CAIf;;CACJ;+BAvoCY,OAAO,uBAAuB,EAAE,gBAAgB;;;;;;wBAEnD,OAAO;;mCAEJ,gBAAgB,GAAG,qBAAqB;oCAG1C,MAAM,SACN,MAAM;AAioCjB;;;GAGG;AACH;IACI,cAEC;IAkBD;;;OAGG;IACH,2BAFW,IAAI,CAAC,EAAE,OAAO,yBAAyB,EAAE,UAAU,CAAC,QAiB9D;CACJ;0BA/rCyB,WAAW"}

package/dist/src/marks/mark.js

@@ -85,31 +85,42 @@ export default class Mark {
 
         // TODO: Consolidate the following webgl stuff into a single object
 
-        /** @type {import("twgl.js").BufferInfo & { allocatedVertices?: number }} WebGL buffers */
+        /**
+         * @type {import("twgl.js").BufferInfo & { allocatedVertices?: number }}
+         * @protected
+         */
         this.bufferInfo = undefined;
 
-        /** @type {import("twgl.js").ProgramInfo} WebGL buffers */
+        /**
+         * @type {import("twgl.js").ProgramInfo}
+         * @protected
+         */
         this.programInfo = undefined;
 
-        /** @type {import("twgl.js").VertexArrayInfo} WebGL buffers */
+        /**
+         * @type {import("twgl.js").VertexArrayInfo}
+         * @protected
+         */
         this.vertexArrayInfo = undefined;
 
-        /** @type {import("twgl.js").UniformBlockInfo} WebGL buffers */
-        this.domainUniformInfo = undefined;
-
-        /** @type {import("twgl.js").UniformBlockInfo} WebGL buffers */
+        /**
+         * @type {import("twgl.js").UniformBlockInfo}
+         * @protected
+         */
         this.viewUniformInfo = undefined;
 
         /**
          * Uniforms related to the specific mark type.
+         *
          * @type {import("twgl.js").UniformBlockInfo}
+         * @protected
          */
         this.markUniformInfo = undefined;
 
         /**
          * Indicates whether the mark's uniforms have been altered since the last rendering.
          * If set to true, the uniforms will be sent to the GPU before rendering the next frame.
-
+         *
          * @protected
          */
         this.markUniformsAltered = true;
@@ -719,8 +730,15 @@ export default class Mark {
      * Delete WebGL buffers etc.
      */
     deleteGraphicsData() {
+        const gl = this.gl;
+
+        if (this.vertexArrayInfo) {
+            this.gl.bindVertexArray(null);
+            gl.deleteVertexArray(this.vertexArrayInfo.vertexArrayObject);
+            this.vertexArrayInfo = undefined;
+        }
+
         if (this.bufferInfo) {
-            const gl = this.gl;
             // A hack to prevent WebGL: INVALID_OPERATION: drawArrays: no buffer is bound to enabled attribute
             // TODO: Consider using bufferSubData or DYNAMIC_DRAW etc...
             for (let i = 0; i < 8; i++) {
@@ -742,7 +760,6 @@ export default class Mark {
      * @param {any} vertexData TODO: Extract type from VertexBuilder
      */
     updateBufferInfo(vertexData) {
-        // Ensure that no VAOs are inadvertently altered
         this.gl.bindVertexArray(null);
 
         if (
@@ -761,8 +778,6 @@ export default class Mark {
                         attributeData.data,
                         0
                     );
-                    // TODO: Consider double buffering:
-                    // https://community.khronos.org/t/texture-buffers-are-much-slower-than-uniform-buffers/77139
                 }
             }
         } else {
@@ -773,7 +788,6 @@ export default class Mark {
                 { numElements: vertexData.vertexCount }
             );
             this.bufferInfo.allocatedVertices = vertexData.allocatedVertices;
-            this.vertexArrayInfo = undefined;
         }
     }
 

package/dist/src/marks/point.d.ts

@@ -1,6 +1,5 @@
 export default class PointMark extends Mark {
     sampledSemanticScores: Float32Array;
-    _getGeometricScaleFactor(): number;
     getSemanticThreshold(): number;
     #private;
 }

package/dist/src/marks/point.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"point.d.ts","sourceRoot":"","sources":["../../../src/marks/point.js"],"names":[],"mappings":"AAmBA;IA0HY,oCAMC;IA+CT,mCAQC;IAED,+BAkBC;;CAgDJ;iBAnQgB,WAAW"}
+{"version":3,"file":"point.d.ts","sourceRoot":"","sources":["../../../src/marks/point.js"],"names":[],"mappings":"AAmBA;IA0HY,oCAMC;IA6DT,+BAkBC;;CAgDJ;iBAvQgB,WAAW"}

package/dist/src/marks/point.js

@@ -192,7 +192,11 @@ export default class PointMark extends Mark {
         this.updateBufferInfo(vertexData);
     }
 
-    _getGeometricScaleFactor() {
+    /**
+     * This and `geometricZoomBound` should be deprecated once params (zoomLevel) and
+     * expressions are documented.
+     */
+    #getGeometricScaleFactor() {
         const zoomLevel = Math.pow(2, this.properties.geometricZoomBound || 0);
 
         return Math.pow(
@@ -231,7 +235,7 @@ export default class PointMark extends Mark {
         ops.push(() => {
             // TODO: Use bindUniformBlock if none of the uniform has changed
             setBlockUniforms(this.markUniformInfo, {
-                uScaleFactor: this._getGeometricScaleFactor(),
+                uScaleFactor: this.#getGeometricScaleFactor(),
                 uSemanticThreshold: this.getSemanticThreshold(),
             });
             this.markUniformsAltered = true;

package/dist/src/marks/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/marks/text.js"],"names":[],"mappings":"AAgCA;;;;;;;GAOG;AACH;IAyDQ,oDAMmD;CAqM1D;iBA/RgB,WAAW"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/marks/text.js"],"names":[],"mappings":"AAgCA;;;;;;;GAOG;AACH;IAyDQ,oDAMmD;CAwM1D;iBAlSgB,WAAW"}

package/dist/src/marks/text.js

@@ -243,7 +243,10 @@ export default class TextMark extends Mark {
             fontMetrics: this.font.metrics,
             numCharacters: Math.max(
                 charCount,
-                this.properties.minBufferSize || 0
+                // There's some mysterious bug with growing the buffer –
+                // old buffer is rendered instead of the new one.
+                // TODO: Figure it out
+                this.properties.minBufferSize || 1024
             ),
         });
 

package/dist/src/scale/scale.js

@@ -274,6 +274,8 @@ function rawDomain(scale, raw, logger) {
 }
 
 function padDomain(type, domain, range, pad, exponent, constant) {
+    range ??= [0, 1]; // default to unit range. TODO: Fix this when we have pixel-based ranges.
+
     var span = Math.abs(peek(range) - range[0]),
         frac = span / (span - 2 * pad),
         d =

package/dist/src/spec/parameter.d.ts

@@ -60,6 +60,25 @@ export interface BindBase {
     description?: string;
 }
 
+export interface BindInput extends BindBase {
+    /**
+     * The type of input element to use.
+     * The valid values are `"checkbox"`, `"radio"`, `"range"`, `"select"`, `"text"`, `"number"`, and `"color"`.
+     */
+    input?: "text" | "number" | "color";
+
+    /**
+     * Text that appears in the form control when it has no value set.
+     */
+    placeholder?: string;
+
+    /**
+     * A hint for form autofill.
+     * See the [HTML autocomplete attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.
+     */
+    autocomplete?: string;
+}
+
 export interface BindCheckbox extends BindBase {
     input: "checkbox";
 }
@@ -124,4 +143,4 @@ export interface BindDirect {
     debounce?: number;
 }
 
-export type Binding = BindCheckbox | BindRadioSelect | BindRange;
+export type Binding = BindCheckbox | BindRadioSelect | BindRange | BindInput;

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

@@ -33,6 +33,13 @@ export interface EmbedOptions {
      * the input binding elements are placed in the same container as the GenomeSpy instance.
      */
     inputBindingContainer?: HTMLElement | "none" | "default";
+
+    /**
+     * A suggestion for the browser on the appropriate GPU setup for the WebGL environment.
+     * Defaults to "default" in the @genome-spy/core package and "high-performance" in the
+     * @genome-spy/app package.
+     */
+    powerPreference?: "default" | "high-performance" | "low-power";
 }
 
 /**

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

@@ -24,6 +24,12 @@ export interface RenderingOptions {
      */
     facetId?: any;
 
+    /**
+     * If rendering facets, this is the first facet. Allows for
+     * cleanup, etc.
+     */
+    firstFacet?: boolean;
+
     sampleFacetRenderingOptions?: SampleFacetRenderingOptions;
 
     /**

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

@@ -1,3 +1,20 @@
+/**
+ * Returns a lerp smoother that animates a value towards a target value. Lerp smoothing
+ * is conceptually similar to easing, but can be used when the current and target
+ * values are not known in advance.
+ *
+ * Read more at: https://www.gamedeveloper.com/programming/improved-lerp-smoothing-
+ *
+ * @param {import("../utils/animator.js").default} animator
+ * @param {(value: number) => void} callback Function to be called with the interpolated value
+ * @param {number} halfLife Time until half of the value is reached, in milliseconds
+ * @param {number} stopAt Stop animation when the value is within this distance from the target
+ * @param {number} [initialValue] Initial value
+ * @returns {((target: number) => void) & { stop: () => void}} Function that activates the transition with a new target value
+ */
+export function makeLerpSmoother(animator: import("../utils/animator.js").default, callback: (value: number) => void, halfLife: number, stopAt: number, initialValue?: number): ((target: number) => void) & {
+    stop: () => void;
+};
 export default class Animator {
     /**
      *

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

@@ -1 +1 @@
-{"version":3,"file":"animator.d.ts","sourceRoot":"","sources":["../../../src/utils/animator.js"],"names":[],"mappings":"AAEA;IACI;;;OAGG;IACH,mCAFoB,MAAM,KAAE,IAAI,EAS/B;IANG,wBAHgB,MAAM,KAAE,IAAI,CAGS;IACrC,0BAA6B;IAC7B,eAAkB;IAElB,wCAAwC;IACxC,aADW,QAAU,MAAM,KAAE,IAAI,CAAC,EAAE,CACf;IAGzB;;;;;;;;;OASG;IACH,mCAFoB,MAAM,KAAE,IAAI,QAM/B;IAED;;OAEG;IACH,kCAFoB,MAAM,KAAE,IAAI,QAO/B;IAED;;;;OAIG;IACH,sBAoBC;IAED;;;;;OAKG;IACH,oBAFW,OAAO,iBAAiB,EAAE,iBAAiB,gBAQrD;CACJ"}
+{"version":3,"file":"animator.d.ts","sourceRoot":"","sources":["../../../src/utils/animator.js"],"names":[],"mappings":"AAoFA;;;;;;;;;;;;;GAaG;AACH,2CAPW,OAAO,sBAAsB,EAAE,OAAO,oBAC9B,MAAM,KAAK,IAAI,YACvB,MAAM,UACN,MAAM,iBACN,MAAM,aACM,MAAM,KAAK,IAAI;UAAY,MAAM,IAAI;EA0D3D;AAxJD;IACI;;;OAGG;IACH,mCAFoB,MAAM,KAAE,IAAI,EAS/B;IANG,wBAHgB,MAAM,KAAE,IAAI,CAGS;IACrC,0BAA6B;IAC7B,eAAkB;IAElB,wCAAwC;IACxC,aADW,QAAU,MAAM,KAAE,IAAI,CAAC,EAAE,CACf;IAGzB;;;;;;;;;OASG;IACH,mCAFoB,MAAM,KAAE,IAAI,QAM/B;IAED;;OAEG;IACH,kCAFoB,MAAM,KAAE,IAAI,QAO/B;IAED;;;;OAIG;IACH,sBAoBC;IAED;;;;;OAKG;IACH,oBAFW,OAAO,iBAAiB,EAAE,iBAAiB,gBAQrD;CACJ"}

package/dist/src/utils/animator.js

@@ -81,3 +81,75 @@ export default class Animator {
         });
     }
 }
+
+/**
+ * Returns a lerp smoother that animates a value towards a target value. Lerp smoothing
+ * is conceptually similar to easing, but can be used when the current and target
+ * values are not known in advance.
+ *
+ * Read more at: https://www.gamedeveloper.com/programming/improved-lerp-smoothing-
+ *
+ * @param {import("../utils/animator.js").default} animator
+ * @param {(value: number) => void} callback Function to be called with the interpolated value
+ * @param {number} halfLife Time until half of the value is reached, in milliseconds
+ * @param {number} stopAt Stop animation when the value is within this distance from the target
+ * @param {number} [initialValue] Initial value
+ * @returns {((target: number) => void) & { stop: () => void}} Function that activates the transition with a new target value
+ */
+export function makeLerpSmoother(
+    animator,
+    callback,
+    halfLife,
+    stopAt,
+    initialValue = 0
+) {
+    let lastTimeStamp = 0;
+    let settled = true;
+
+    let current = initialValue;
+    let target = current;
+
+    /**
+     * @param {number} [timestamp]
+     */
+    function smoothUpdate(timestamp) {
+        if (settled) {
+            return;
+        }
+
+        const tD = timestamp - lastTimeStamp;
+        lastTimeStamp = timestamp;
+
+        // Lerp smoothing: https://twitter.com/FreyaHolmer/status/1757836988495847568
+        current = target + (current - target) * Math.pow(2, -tD / halfLife);
+
+        callback(current);
+
+        if (Math.abs(target - current) < stopAt) {
+            current = target;
+            callback(current);
+            settled = true;
+            animator.requestRender();
+        } else {
+            animator.requestTransition((t) => smoothUpdate(t));
+        }
+    }
+
+    /**
+     * @param {number} value
+     */
+    function setTarget(value) {
+        target = value;
+        if (settled) {
+            settled = false;
+            lastTimeStamp = +document.timeline.currentTime;
+            smoothUpdate(lastTimeStamp);
+        }
+    }
+
+    setTarget.stop = () => {
+        settled = true;
+    };
+
+    return setTarget;
+}

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

@@ -14,18 +14,14 @@ export default class Inertia {
     constructor(animator: import("./animator.js").default, disabled?: boolean);
     animator: import("./animator.js").default;
     disabled: boolean;
-    damping: number;
-    acceleration: number;
-    /** Use acceleration if the momentum step is greater than X */
-    accelerationThreshold: number;
-    lowerLimit: number;
-    loop: boolean;
-    momentum: number;
-    timestamp: number;
+    maxDistance: number;
     /** @type {function(number):void} */
     callback: (arg0: number) => void;
-    _transitionCallback: any;
-    clear(): void;
+    targetValue: number;
+    lastValue: number;
+    smoother: ((target: number) => void) & {
+        stop: () => void;
+    };
     cancel(): void;
     /**
      *
@@ -33,10 +29,5 @@ export default class Inertia {
      * @param {function(number):void} callback
      */
     setMomentum(value: number, callback: (arg0: number) => void): void;
-    /**
-     *
-     * @param {number} [timestamp]
-     */
-    animate(timestamp?: number): void;
 }
 //# sourceMappingURL=inertia.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"inertia.d.ts","sourceRoot":"","sources":["../../../src/utils/inertia.js"],"names":[],"mappings":"AAsGA;;;GAGG;AACH,8EAiBC;AAzHD;;GAEG;AACH;IACI;;;OAGG;IACH,sBAHW,OAAO,eAAe,EAAE,OAAO,aAC/B,OAAO,EAmBjB;IAhBG,0CAAwB;IACxB,kBAA0B;IAC1B,gBAAoB;IACpB,qBAAuB;IACvB,8DAA8D;IAC9D,8BAAgC;IAChC,mBAAqB;IACrB,cAAiB;IAEjB,UAUW,MAAM,CAVA;IACjB,kBAAkB;IAClB,oCAAoC;IACpC,iBADoB,MAAM,KAAE,IAAI,CACZ;IAEpB,yBAAkD;IAItD,cAMC;IAED,eAKC;IAED;;;;OAIG;IACH,mBAHW,MAAM,mBACG,MAAM,KAAE,IAAI,QAyB/B;IAED;;;OAGG;IACH,oBAFW,MAAM,QAuBhB;CACJ"}
+{"version":3,"file":"inertia.d.ts","sourceRoot":"","sources":["../../../src/utils/inertia.js"],"names":[],"mappings":"AAmEA;;;GAGG;AACH,8EAiBC;AApFD;;GAEG;AACH;IACI;;;OAGG;IACH,sBAHW,OAAO,eAAe,EAAE,OAAO,aAC/B,OAAO,EAyBjB;IAtBG,0CAAwB;IACxB,kBAA0B;IAG1B,oBAAsB;IAEtB,oCAAoC;IACpC,iBADoB,MAAM,KAAE,IAAI,CACZ;IAEpB,oBAAoB;IACpB,kBAAkB;IAElB;;MASC;IAGL,eAIC;IAED;;;;OAIG;IACH,mBAHW,MAAM,mBACG,MAAM,KAAE,IAAI,QAkB/B;CACJ"}