@genome-spy/core 0.72.0 → 0.73.0

package/dist/src/gl/canvasSizeHelper.js

@@ -0,0 +1,203 @@
+/**
+ * Handles logical/physical canvas size calculations and optional
+ * device-pixel-content-box observation.
+ */
+export default class CanvasSizeHelper {
+    /**
+     * @param {HTMLElement} container
+     * @param {HTMLCanvasElement} canvas
+     * @param {() => {width: number, height: number}} sizeSource
+     * @param {() => void} [onPhysicalSizeChange]
+     */
+    constructor(container, canvas, sizeSource, onPhysicalSizeChange) {
+        this._container = container;
+        this._canvas = canvas;
+        this._sizeSource = sizeSource;
+        this._onPhysicalSizeChange = onPhysicalSizeChange ?? (() => {});
+
+        /**
+         * @type {{ width: number, height: number } | undefined}
+         */
+        this._logicalCanvasSize = undefined;
+
+        /**
+         * @type {{ width: number, height: number } | undefined}
+         */
+        this._devicePixelContentBoxSize = undefined;
+
+        /**
+         * @type {ResizeObserver | undefined}
+         */
+        this._devicePixelContentBoxObserver = undefined;
+
+        this._observeDevicePixelContentBox();
+    }
+
+    invalidate() {
+        this._logicalCanvasSize = undefined;
+        this._devicePixelContentBoxSize = undefined;
+    }
+
+    finalize() {
+        if (this._devicePixelContentBoxObserver) {
+            this._devicePixelContentBoxObserver.disconnect();
+        }
+    }
+
+    /**
+     * Returns the canvas size in true display pixels
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getPhysicalCanvasSize(logicalSize) {
+        // devicePixelContentBox gives the actual backing-store pixel size.
+        // Prefer it whenever available to avoid fractional DPR drift.
+        // https://web.dev/articles/device-pixel-content-box
+        if (this._devicePixelContentBoxSize) {
+            return this._devicePixelContentBoxSize;
+        }
+
+        const dpr = window.devicePixelRatio ?? 1;
+        logicalSize = logicalSize || this.getLogicalCanvasSize();
+        return {
+            width: Math.round(logicalSize.width * dpr),
+            height: Math.round(logicalSize.height * dpr),
+        };
+    }
+
+    /**
+     * Returns the ratio between true display pixels and logical pixels.
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getDevicePixelRatio(logicalSize) {
+        logicalSize = logicalSize || this.getLogicalCanvasSize();
+        const physicalSize = this.getPhysicalCanvasSize(logicalSize);
+        const widthRatio =
+            logicalSize.width > 0
+                ? physicalSize.width / logicalSize.width
+                : undefined;
+        const heightRatio =
+            logicalSize.height > 0
+                ? physicalSize.height / logicalSize.height
+                : undefined;
+
+        if (widthRatio !== undefined && heightRatio !== undefined) {
+            // Width and height can differ slightly because backing-store dimensions
+            // are integers. Averaging keeps snapping stable in both directions.
+            return (widthRatio + heightRatio) / 2;
+        } else if (widthRatio !== undefined) {
+            // During transient layout states one logical dimension may be zero.
+            // Use the non-zero dimension instead of falling back to window DPR.
+            return widthRatio;
+        } else if (heightRatio !== undefined) {
+            return heightRatio;
+        } else {
+            return window.devicePixelRatio ?? 1;
+        }
+    }
+
+    /**
+     * Returns the size of the canvas canvas container size in logical pixels,
+     * without devicePixelRatio correction.
+     */
+    getLogicalCanvasSize() {
+        if (this._logicalCanvasSize) {
+            return this._logicalCanvasSize;
+        }
+
+        // TODO: The size should never be smaller than the minimum content size!
+        const contentSize = this._sizeSource();
+
+        const cs = window.getComputedStyle(this._container, null);
+        // clientWidth/clientHeight are integer CSS pixels, which causes subtle
+        // blur at fractional DPR. getBoundingClientRect preserves fractions.
+        const containerRect = this._container.getBoundingClientRect();
+
+        const paddingLeft = parseFloat(cs.paddingLeft);
+        const paddingRight = parseFloat(cs.paddingRight);
+        const paddingTop = parseFloat(cs.paddingTop);
+        const paddingBottom = parseFloat(cs.paddingBottom);
+
+        const borderLeft = parseFloat(cs.borderLeftWidth);
+        const borderRight = parseFloat(cs.borderRightWidth);
+        const borderTop = parseFloat(cs.borderTopWidth);
+        const borderBottom = parseFloat(cs.borderBottomWidth);
+
+        const width =
+            contentSize.width ??
+            containerRect.width -
+                paddingLeft -
+                paddingRight -
+                borderLeft -
+                borderRight;
+
+        const height =
+            contentSize.height ??
+            containerRect.height -
+                paddingTop -
+                paddingBottom -
+                borderTop -
+                borderBottom;
+
+        this._logicalCanvasSize = { width, height };
+        return this._logicalCanvasSize;
+    }
+
+    _observeDevicePixelContentBox() {
+        if (typeof ResizeObserver != "function") {
+            return;
+        }
+
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries.find(
+                (candidate) => candidate.target == this._canvas
+            );
+            if (!entry) {
+                return;
+            }
+
+            const boxSize = entry.devicePixelContentBoxSize;
+            if (!boxSize) {
+                return;
+            }
+
+            const contentBoxSize = Array.isArray(boxSize)
+                ? boxSize[0]
+                : boxSize;
+            if (!contentBoxSize) {
+                return;
+            }
+
+            // ResizeObserver reports device pixels directly, which is exactly what
+            // canvas width/height expect.
+            const nextPhysicalSize = {
+                width: contentBoxSize.inlineSize,
+                height: contentBoxSize.blockSize,
+            };
+
+            if (
+                this._devicePixelContentBoxSize &&
+                this._devicePixelContentBoxSize.width ==
+                    nextPhysicalSize.width &&
+                this._devicePixelContentBoxSize.height ==
+                    nextPhysicalSize.height
+            ) {
+                return;
+            }
+
+            this._devicePixelContentBoxSize = nextPhysicalSize;
+            this._onPhysicalSizeChange();
+        });
+
+        try {
+            // Fails in browsers that do not support device-pixel-content-box.
+            observer.observe(this._canvas, {
+                box: "device-pixel-content-box",
+            });
+            this._devicePixelContentBoxObserver = observer;
+        } catch {
+            observer.disconnect();
+        }
+    }
+}

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

@@ -45,11 +45,19 @@ export default class WebGLHelper {
         width: number;
         height: number;
     }, webglContextAttributes?: WebGLContextAttributes);
-    _container: HTMLElement;
-    _sizeSource: () => {
-        width: any;
-        height: any;
-    };
+    /**
+     * @type {CanvasSizeHelper}
+     */
+    _canvasSizeHelper: CanvasSizeHelper;
+    /**
+     * @type {{ logicalWidth: number, logicalHeight: number, physicalWidth: number, physicalHeight: number } | undefined}
+     */
+    _appliedCanvasSize: {
+        logicalWidth: number;
+        logicalHeight: number;
+        physicalWidth: number;
+        physicalHeight: number;
+    } | undefined;
     /** @type {Map<string, WebGLShader>} */
     _shaderCache: Map<string, WebGLShader>;
     /** @type {WeakMap<import("../types/encoder.js").VegaScale, WebGLTexture>} */
@@ -64,10 +72,6 @@ export default class WebGLHelper {
     _pickingAttachmentOptions: import("twgl.js").AttachmentOptions[];
     _pickingBufferInfo: import("twgl.js").FramebufferInfo;
     invalidateSize(): void;
-    _logicalCanvasSize: {
-        width: any;
-        height: any;
-    };
     /**
      * Compiles and caches a shader. The shader source is used as a cache key.
      *
@@ -89,13 +93,22 @@ export default class WebGLHelper {
         width: number;
         height: number;
     };
+    /**
+     * Returns the ratio between true display pixels and logical pixels.
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getDevicePixelRatio(logicalSize?: {
+        width: number;
+        height: number;
+    }): number;
     /**
      * Returns the size of the canvas canvas container size in logical pixels,
      * without devicePixelRatio correction.
      */
     getLogicalCanvasSize(): {
-        width: any;
-        height: any;
+        width: number;
+        height: number;
     };
     /**
      * Creates textures for color schemes and discrete/discretizing ranges.
@@ -113,4 +126,5 @@ export default class WebGLHelper {
      */
     createSelectionTexture(selection: import("../types/selectionTypes.js").MultiPointSelection, update?: boolean): void;
 }
+import CanvasSizeHelper from "./canvasSizeHelper.js";
 //# sourceMappingURL=webGLHelper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AA+ZA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,IAAI,CAAC,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAED;;;;;;GAMG;AACH,qCALW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,KACjC,MAAM,KACN,MAAM,2BAWhB;AAED;;;;;GAKG;AACH,yCAJW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,SACjC,MAAM,UA4BhB;AApfD;IACI;;;;;;;OAOG;IACH,uBANW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,2BAGrC,sBAAsB,EAsFhC;IAnFG,wBAA2B;IAC3B;;;MAKO;IAEP,uCAAuC;IACvC,cADW,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,6EAA6E;IAC7E,eADW,OAAO,CAAC,OAAO,qBAAqB,EAAE,SAAS,EAAE,YAAY,CAAC,CACvC;IAElC;;OAEG;IACH,mBAFU,OAAO,CAAC,OAAO,4BAA4B,EAAE,mBAAmB,EAAE,YAAY,CAAC,CAEnD;IA8CtC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAML,uBAGC;IAFG;;;MAAmC;IAIvC;;;;;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;;;MAS3C;IAED;;;OAGG;IACH;;;MAuBC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,8BAA8B,EAAE,OAAO,WAC9C,OAAO,QA2GjB;IAED;;OAEG;IACH,kCAFW,OAAO,4BAA4B,EAAE,mBAAmB,0BAiClE;CACJ"}
+{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AAybA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,IAAI,CAAC,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAED;;;;;;GAMG;AACH,qCALW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,KACjC,MAAM,KACN,MAAM,2BAWhB;AAED;;;;;GAKG;AACH,yCAJW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,SACjC,MAAM,UA4BhB;AA7gBD;IACI;;;;;;;OAOG;IACH,uBANW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,2BAGrC,sBAAsB,EAsGhC;IA5FG;;OAEG;IACH,mBAFU,gBAAgB,CAEQ;IAElC;;OAEG;IACH,oBAFU;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAEjF;IAEnC,uCAAuC;IACvC,cADW,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,6EAA6E;IAC7E,eADW,OAAO,CAAC,OAAO,qBAAqB,EAAE,SAAS,EAAE,YAAY,CAAC,CACvC;IAElC;;OAEG;IACH,mBAFU,OAAO,CAAC,OAAO,4BAA4B,EAAE,mBAAmB,EAAE,YAAY,CAAC,CAEnD;IA8CtC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAaL,uBAGC;IAED;;;;;OAKG;IACH,oBAHW,MAAM,QACN,MAAM,GAAG,MAAM,EAAE,eA2B3B;IAED,iBAgCC;IAED,iBAGC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;;;MAI3C;IAED;;;;OAIG;IACH,kCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,UAI3C;IAED;;;OAGG;IACH;;;MAEC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,8BAA8B,EAAE,OAAO,WAC9C,OAAO,QA2GjB;IAED;;OAEG;IACH,kCAFW,OAAO,4BAA4B,EAAE,mBAAmB,0BAwClE;CACJ;6BAvX4B,uBAAuB"}

package/dist/src/gl/webGLHelper.js

@@ -31,6 +31,7 @@ import {
     buildHashTableSet,
     computeHashTextureDimensions,
 } from "./hashTable.js";
+import CanvasSizeHelper from "./canvasSizeHelper.js";
 
 export default class WebGLHelper {
     /**
@@ -42,14 +43,23 @@ export default class WebGLHelper {
      * @param {WebGLContextAttributes} [webglContextAttributes]
      */
     constructor(container, sizeSource, webglContextAttributes = {}) {
-        this._container = container;
-        this._sizeSource =
+        const resolvedSizeSource =
             sizeSource ??
             (() => ({
                 width: undefined,
                 height: undefined,
             }));
 
+        /**
+         * @type {CanvasSizeHelper}
+         */
+        this._canvasSizeHelper = undefined;
+
+        /**
+         * @type {{ logicalWidth: number, logicalHeight: number, physicalWidth: number, physicalHeight: number } | undefined}
+         */
+        this._appliedCanvasSize = undefined;
+
         /** @type {Map<string, WebGLShader>} */
         this._shaderCache = new Map();
 
@@ -124,11 +134,18 @@ export default class WebGLHelper {
         );
         gl.bindFramebuffer(gl.FRAMEBUFFER, null);
 
+        this._canvasSizeHelper = new CanvasSizeHelper(
+            container,
+            canvas,
+            resolvedSizeSource,
+            () => this.adjustGl()
+        );
+
         this.adjustGl();
     }
 
     invalidateSize() {
-        this._logicalCanvasSize = undefined;
+        this._canvasSizeHelper.invalidate();
         this.adjustGl();
     }
 
@@ -167,10 +184,21 @@ export default class WebGLHelper {
 
     adjustGl() {
         const logicalSize = this.getLogicalCanvasSize();
+        const physicalSize = this.getPhysicalCanvasSize(logicalSize);
+
+        if (
+            this._appliedCanvasSize &&
+            this._appliedCanvasSize.logicalWidth == logicalSize.width &&
+            this._appliedCanvasSize.logicalHeight == logicalSize.height &&
+            this._appliedCanvasSize.physicalWidth == physicalSize.width &&
+            this._appliedCanvasSize.physicalHeight == physicalSize.height
+        ) {
+            return;
+        }
+
         this.canvas.style.width = `${logicalSize.width}px`;
         this.canvas.style.height = `${logicalSize.height}px`;
 
-        const physicalSize = this.getPhysicalCanvasSize(logicalSize);
         this.canvas.width = physicalSize.width;
         this.canvas.height = physicalSize.height;
 
@@ -179,9 +207,17 @@ export default class WebGLHelper {
             this._pickingBufferInfo,
             this._pickingAttachmentOptions
         );
+
+        this._appliedCanvasSize = {
+            logicalWidth: logicalSize.width,
+            logicalHeight: logicalSize.height,
+            physicalWidth: physicalSize.width,
+            physicalHeight: physicalSize.height,
+        };
     }
 
     finalize() {
+        this._canvasSizeHelper.finalize();
         this.canvas.remove();
     }
 
@@ -191,12 +227,16 @@ export default class WebGLHelper {
      * @param {{ width: number, height: number }} [logicalSize]
      */
     getPhysicalCanvasSize(logicalSize) {
-        const dpr = window.devicePixelRatio ?? 1;
-        logicalSize = logicalSize || this.getLogicalCanvasSize();
-        return {
-            width: logicalSize.width * dpr,
-            height: logicalSize.height * dpr,
-        };
+        return this._canvasSizeHelper.getPhysicalCanvasSize(logicalSize);
+    }
+
+    /**
+     * Returns the ratio between true display pixels and logical pixels.
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getDevicePixelRatio(logicalSize) {
+        return this._canvasSizeHelper.getDevicePixelRatio(logicalSize);
     }
 
     /**
@@ -204,28 +244,7 @@ export default class WebGLHelper {
      * without devicePixelRatio correction.
      */
     getLogicalCanvasSize() {
-        if (this._logicalCanvasSize) {
-            return this._logicalCanvasSize;
-        }
-
-        // TODO: The size should never be smaller than the minimum content size!
-        const contentSize = this._sizeSource();
-
-        const cs = window.getComputedStyle(this._container, null);
-        const width =
-            contentSize.width ??
-            this._container.clientWidth -
-                parseFloat(cs.paddingLeft) -
-                parseFloat(cs.paddingRight);
-
-        const height =
-            contentSize.height ??
-            this._container.clientHeight -
-                parseFloat(cs.paddingTop) -
-                parseFloat(cs.paddingBottom);
-
-        this._logicalCanvasSize = { width, height };
-        return this._logicalCanvasSize;
+        return this._canvasSizeHelper.getLogicalCanvasSize();
     }
 
     /**
@@ -367,8 +386,11 @@ export default class WebGLHelper {
         const texture = createOrUpdateTexture(
             this.gl,
             {
+                // Hash textures are point-lookups and must remain single-level.
+                auto: false,
                 level: 0,
-                minMag: gl.NEAREST,
+                min: gl.NEAREST,
+                mag: gl.NEAREST,
                 format: gl.RED_INTEGER,
                 internalFormat: gl.R32UI,
                 width,
@@ -377,6 +399,10 @@ export default class WebGLHelper {
             table,
             update ? existingTexture : false
         );
+        gl.bindTexture(gl.TEXTURE_2D, texture);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_BASE_LEVEL, 0);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAX_LEVEL, 0);
+        gl.bindTexture(gl.TEXTURE_2D, null);
 
         this.selectionTextures.set(selection, texture);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":";AAgGA;;;;;GAKG;AACH,8BAFW,MAAM,gBAmBhB;sBApHqB,gBAAgB;qBAFjB,KAAK;iBAGT,kBAAkB;oBACf,6BAA6B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":";AAoGA;;;;;GAKG;AACH,8BAFW,MAAM,gBAkBhB;sBAvHqB,gBAAgB;qBAFjB,KAAK;iBAGT,kBAAkB;oBACf,6BAA6B"}

package/dist/src/index.js

@@ -5,6 +5,7 @@ import GenomeSpy from "./genomeSpy.js";
 import icon from "./img/bowtie.svg";
 import favIcon from "./img/genomespy-favicon.svg";
 import { fetchJson } from "./utils/fetchUtils.js";
+import inferSpecBaseUrl from "./utils/inferSpecBaseUrl.js";
 
 export { GenomeSpy, html, icon, favIcon };
 
@@ -78,7 +79,10 @@ export async function embed(el, spec, options = {}) {
             return genomeSpy.getNamedScaleResolutions().get(name);
         },
 
+        awaitVisibleLazyData: genomeSpy.awaitVisibleLazyData.bind(genomeSpy),
+        getRenderedBounds: genomeSpy.getRenderedBounds.bind(genomeSpy),
         updateNamedData: genomeSpy.updateNamedData.bind(genomeSpy),
+        getLogicalCanvasSize: genomeSpy.getLogicalCanvasSize.bind(genomeSpy),
         exportCanvas: genomeSpy.exportCanvas.bind(genomeSpy),
     };
 }
@@ -112,8 +116,7 @@ export async function loadSpec(url) {
     }
 
     if (!spec.baseUrl) {
-        const m = url.match(/^[^?#]*\//);
-        spec.baseUrl = (m && m[0]) || "./";
+        spec.baseUrl = inferSpecBaseUrl(url);
     }
 
     return spec;

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/marks/link.js"],"names":[],"mappings":"AAYA;;GAEG;AACH;IACI;;OAEG;IACH,sBAFW,OAAO,qBAAqB,EAAE,OAAO,EAoC/C;IATG;;;;;OAKG;IACH,yBAEC;IA8HD;;kBAGiC,GAAG;;;;MAEnC;CA4FR;iBA7QgB,WAAW"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/marks/link.js"],"names":[],"mappings":"AAYA;;GAEG;AACH;IACI;;OAEG;IACH,sBAFW,OAAO,qBAAqB,EAAE,OAAO,EAkC/C;IAPG;;;;;OAKG;IACH,yBAAiC;IAkIjC;;kBAGiC,GAAG;;;;MAEnC;CA4FR;iBA/QgB,WAAW"}

package/dist/src/marks/link.js

@@ -48,9 +48,7 @@ export default class LinkMark extends Mark {
          *
          * @private
          */
-        this._baseInstanceExt = this.gl.getExtension(
-            "WEBGL_draw_instanced_base_vertex_base_instance"
-        );
+        this._baseInstanceExt = undefined;
     }
 
     /**
@@ -110,6 +108,10 @@ export default class LinkMark extends Mark {
     async initializeGraphics() {
         await super.initializeGraphics();
 
+        this._baseInstanceExt = this.gl.getExtension(
+            "WEBGL_draw_instanced_base_vertex_base_instance"
+        );
+
         this.createAndLinkShaders(VERTEX_SHADER, FRAGMENT_SHADER, [
             COMMON_SHADER,
         ]);

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

@@ -1 +1 @@
-{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../../src/marks/mark.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../../src/marks/mark.js"],"names":[],"mappings":"AA6DA,mCAAoC,sBAAsB,CAAC;AAC3D,mCAAoC,sBAAsB,CAAC;AAE3D,uCAAwC,oBAAoB,CAAC;AAE7D;;;;;;;;;;;;;GAaG;AAEH;;GAEG;AACH,0BAF0B,CAAC,SAAd,mCAAW;IAkBpB;;OAEG;IACH,sBAFW,OAAO,qBAAqB,EAAE,OAAO,EA4G/C;IAzGG,oFAAwB;IAExB,8EAA8E;IAC9E,UADW,OAAO,CAAC,MAAM,uCAAU,OAAO,qBAAqB,EAAE,OAAO,CAAC,CAAC,CACjD;IAIzB;;;OAGG;IACH,sBAHU,OAAO,SAAS,EAAE,UAAU,GAAG;QAAE,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAAE,CAG5C;IAE3B;;;;;;;OAOG;IACH,2BAHU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAGG;IAEhC;;;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;;;;;OAKG;IACH,4BAA6B;IAE7B,kFAAkF;IAClF,UADW,QAAQ,CAAC,GAAG,CAAC,CACM;IAG9B,qBAqBE;IAEF;;;;;;OAMG;IACH,qBAHU,CAAC,CAQV;IAGL;;;OAGG;IACH,0CAHW,OAAO,CAAC,CAAC,CAAC,QAQpB;IAED,sBAEC;IAED;;;OAGG;IACH,0BAFa,WAAW,CAIvB;IAED;;;;;OAKG;IACH,2BAHa,OAAO,oBAAoB,EAAE,OAAO,EAAE,CAMlD;IAED;;OAEG;IACH,wBAFa,sCAAS,CAarB;IAED;;OAEG;IACH,4DAcC;IAED;;;;;OAKG;IACH,oGAEC;IAED;;;;;;OAMG;IACH,oDAHW,CAAC,MAAM,CAAC,CAAC,EAAE,QAqCrB;IAED;;;;OAIG;IACH,sDAiDC;IAED,wDAEC;IAED,uDAEC;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,QAoelB;IALG;;;;;;MAIC;IAGL;;;;;;OAMG;IACH,uCAwDC;IAED;;;;;;OAMG;IACH,+CAHW,MAAM,GACJ,CAAS,IAAG,EAAH,GAAG,KAAE,IAAI,CAe9B;IAED;;;;;;;;;;OAUG;IACH,mCALa,CAAC,eACH,MAAM,aACN,CAAC,aACD,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,yCAAU,KAAK,GAAG,QA6BzC;IAED;;OAEG;IACH,2BA+BC;IAED,gBAEC;IAED;;;OAGG;IACH,6BAFW,GAAG,QAyCb;IAED,yBAAyB;IACzB,uDAEC;IAED,yBAAyB;IACzB,iCAEC;IAED,yCAEC;IAED;;OAEG;IACH,gCAgBC;IAED;;OAEG;IACH,4CAOC;IAED;;;;;;;;OAQG;IAEH,uBAJW,OAAO,uBAAuB,EAAE,sBAAsB,GACpD,CAAC,MAAM,IAAI,CAAC,EAAE,CA4E1B;IAED;;;;;;OAMG;IACH,qCAJW,oBAAoB,GAClB,OAAO,CAiCnB;IAED;;;;;;;OAOG;IACH,gBAJW,oBAAoB,GAClB,MAAW,IAAI,CAM3B;IAED;;;;OAIG;IACH,2BAJW,YAAY,WACZ,OAAO,WAAW,EAAE,oBAAoB,GACtC,MAAW,IAAI,CAmE3B;IAED;;;;;;;;OAQG;IACH,wBANW;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,OAC/B,MAAM,UACN,OAAO,6BAA6B,EAAE,OAAO,aAC7C,OAAO,6BAA6B,EAAE,OAAO,GAC3C,OAAO,CAoHnB;IAED;;;;;;;;;OASG;IACH,qBAJW,MAAM,KACN,OAAO,oBAAoB,EAAE,MAAM,GACjC,GAAG,CAIf;;CACJ;+BA57CY,OAAO,uBAAuB,EAAE,gBAAgB;;;;;;wBAEnD,OAAO;;mCAEJ,gBAAgB,GAAG,qBAAqB;oCAG1C,MAAM,SACN,MAAM;0BAEJ,YAAY,GAAG,UAAU,GAAG,WAAW;AAo7CpD;;;GAGG;AACH,uBAFa,CAAC;IAGV,cAEC;IAkBD;;;OAGG;IACH,2BAFW,GAAG,CAAC,CAAC,EAAE,OAAO,yBAAyB,EAAE,UAAU,CAAC,QAiB9D;CACJ;0BA//CyB,WAAW"}

package/dist/src/marks/mark.js

@@ -1488,7 +1488,12 @@ export default class Mark {
             }
 
             // Viewport comprises the full canvas
-            gl.viewport(0, 0, canvasSize.width * dpr, canvasSize.height * dpr);
+            gl.viewport(
+                0,
+                0,
+                Math.round(canvasSize.width * dpr),
+                Math.round(canvasSize.height * dpr)
+            );
             gl.disable(gl.SCISSOR_TEST);
 
             // Offset and scale all drawing to the view rectangle

package/dist/src/scales/domainPlanner.d.ts

@@ -1,8 +1,19 @@
+/**
+ * @param {any} domain
+ * @returns {domain is SelectionDomainRef}
+ */
+export function isSelectionDomainRef(domain: any): domain is SelectionDomainRef;
 /**
  * @typedef {import("../utils/domainArray.js").DomainArray} DomainArray
  * @typedef {import("../spec/scale.js").ComplexDomain} ComplexDomain
  * @typedef {import("../spec/scale.js").ScalarDomain} ScalarDomain
+ * @typedef {import("../spec/scale.js").SelectionDomainRef} SelectionDomainRef
  * @typedef {import("./scaleResolution.js").ScaleResolutionMember} ScaleResolutionMember
+ * @typedef {{
+ *   param: string,
+ *   encoding: "x" | "y",
+ *   sync: "auto" | "oneWay" | "twoWay",
+ * }} SelectionDomainLinkInfo
  */
 export default class DomainPlanner {
     /**
@@ -10,14 +21,14 @@ export default class DomainPlanner {
      * @param {() => Set<ScaleResolutionMember>} options.getMembers
      * @param {() => Set<ScaleResolutionMember>} [options.getDataMembers]
      * @param {() => import("../spec/channel.js").Type} options.getType
-     * @param {() => number[]} options.getLocusExtent
+     * @param {(assembly: import("../spec/scale.js").Scale["assembly"] | undefined) => number[]} options.getLocusExtent
      * @param {(interval: ScalarDomain | ComplexDomain) => number[]} options.fromComplexInterval
      */
     constructor({ getMembers, getDataMembers, getType, getLocusExtent, fromComplexInterval, }: {
         getMembers: () => Set<ScaleResolutionMember>;
         getDataMembers?: () => Set<ScaleResolutionMember>;
         getType: () => import("../spec/channel.js").Type;
-        getLocusExtent: () => number[];
+        getLocusExtent: (assembly: import("../spec/scale.js").Scale["assembly"] | undefined) => number[];
         fromComplexInterval: (interval: ScalarDomain | ComplexDomain) => number[];
     });
     /**
@@ -25,14 +36,28 @@ export default class DomainPlanner {
      */
     get initialDomainSnapshot(): any[];
     hasConfiguredDomain(): boolean;
+    hasSelectionConfiguredDomain(): boolean;
+    /**
+     * @returns {SelectionDomainLinkInfo | undefined}
+     */
+    getSelectionConfiguredDomainInfo(): SelectionDomainLinkInfo | undefined;
     invalidateConfiguredDomain(): void;
+    /**
+     * Returns the default domain without considering configured domains.
+     *
+     * @param {boolean} [extractDataDomain]
+     * @param {import("../spec/scale.js").Scale["assembly"]} [locusAssembly]
+     * @returns {any[]}
+     */
+    getDefaultDomain(extractDataDomain?: boolean, locusAssembly?: import("../spec/scale.js").Scale["assembly"]): any[];
     /**
      * Returns the configured domain or a data-derived/default domain.
      *
      * @param {boolean} [extractDataDomain]
+     * @param {import("../spec/scale.js").Scale["assembly"]} [locusAssembly]
      * @returns {any[]}
      */
-    getConfiguredOrDefaultDomain(extractDataDomain?: boolean): any[];
+    getConfiguredOrDefaultDomain(extractDataDomain?: boolean, locusAssembly?: import("../spec/scale.js").Scale["assembly"]): any[];
     /**
      * Unions the configured domains of all participating views.
      *
@@ -56,5 +81,11 @@ export default class DomainPlanner {
 export type DomainArray = import("../utils/domainArray.js").DomainArray;
 export type ComplexDomain = import("../spec/scale.js").ComplexDomain;
 export type ScalarDomain = import("../spec/scale.js").ScalarDomain;
+export type SelectionDomainRef = import("../spec/scale.js").SelectionDomainRef;
 export type ScaleResolutionMember = import("./scaleResolution.js").ScaleResolutionMember;
+export type SelectionDomainLinkInfo = {
+    param: string;
+    encoding: "x" | "y";
+    sync: "auto" | "oneWay" | "twoWay";
+};
 //# sourceMappingURL=domainPlanner.d.ts.map

package/dist/src/scales/domainPlanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"domainPlanner.d.ts","sourceRoot":"","sources":["../../../src/scales/domainPlanner.js"],"names":[],"mappings":"AAOA;;;;;GAKG;AAEH;IA2BI;;;;;;;OAOG;IACH,2FANG;QAAkD,UAAU,EAApD,MAAM,GAAG,CAAC,qBAAqB,CAAC;QACW,cAAc,GAAzD,MAAM,GAAG,CAAC,qBAAqB,CAAC;QACiB,OAAO,EAAxD,MAAM,OAAO,oBAAoB,EAAE,IAAI;QACf,cAAc,EAAtC,MAAM,MAAM,EAAE;QACgD,mBAAmB,EAAjF,CAAC,QAAQ,EAAE,YAAY,GAAG,aAAa,KAAK,MAAM,EAAE;KAC9D,EAaA;IAED;;OAEG;IACH,6BAFa,GAAG,EAAE,CAIjB;IAED,+BAEC;IAED,mCAEC;IAED;;;;;OAKG;IACH,iDAHW,OAAO,GACL,GAAG,EAAE,CAYjB;IAED;;;;OAIG;IACH,uBAFY,WAAW,CActB;IAED;;;;OAIG;IACH,iBAFY,WAAW,GAAG,SAAS,CAQlC;IAED;;;;OAIG;IACH,4BAJW,OAAO,qBAAqB,EAAE,SAAS,wBACvC,OAAO,GACL,OAAO,CAgBnB;;CAkCJ;0BA7KY,OAAO,yBAAyB,EAAE,WAAW;4BAC7C,OAAO,kBAAkB,EAAE,aAAa;2BACxC,OAAO,kBAAkB,EAAE,YAAY;oCACvC,OAAO,sBAAsB,EAAE,qBAAqB"}
+{"version":3,"file":"domainPlanner.d.ts","sourceRoot":"","sources":["../../../src/scales/domainPlanner.js"],"names":[],"mappings":"AA8ZA;;;GAGG;AACH,6CAHW,GAAG,GACD,MAAM,IAAI,kBAAkB,CASxC;AAhaD;;;;;;;;;;;GAWG;AAEH;IA8BI;;;;;;;OAOG;IACH,2FANG;QAAkD,UAAU,EAApD,MAAM,GAAG,CAAC,qBAAqB,CAAC;QACW,cAAc,GAAzD,MAAM,GAAG,CAAC,qBAAqB,CAAC;QACiB,OAAO,EAAxD,MAAM,OAAO,oBAAoB,EAAE,IAAI;QACmD,cAAc,EAAxG,CAAC,QAAQ,EAAE,OAAO,kBAAkB,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,KAAK,MAAM,EAAE;QAClB,mBAAmB,EAAjF,CAAC,QAAQ,EAAE,YAAY,GAAG,aAAa,KAAK,MAAM,EAAE;KAC9D,EAaA;IAED;;OAEG;IACH,6BAFa,GAAG,EAAE,CAIjB;IAED,+BAEC;IAED,wCAGC;IAED;;OAEG;IACH,oCAFa,uBAAuB,GAAG,SAAS,CAK/C;IAED,mCAEC;IAED;;;;;;OAMG;IACH,qCAJW,OAAO,kBACP,OAAO,kBAAkB,EAAE,KAAK,CAAC,UAAU,CAAC,GAC1C,GAAG,EAAE,CASjB;IAED;;;;;;OAMG;IACH,iDAJW,OAAO,kBACP,OAAO,kBAAkB,EAAE,KAAK,CAAC,UAAU,CAAC,GAC1C,GAAG,EAAE,CAQjB;IAED;;;;OAIG;IACH,uBAFY,WAAW,CAetB;IAED;;;;OAIG;IACH,iBAFY,WAAW,GAAG,SAAS,CAQlC;IAED;;;;OAIG;IACH,4BAJW,OAAO,qBAAqB,EAAE,SAAS,wBACvC,OAAO,GACL,OAAO,CAgBnB;;CAkCJ;0BAjNY,OAAO,yBAAyB,EAAE,WAAW;4BAC7C,OAAO,kBAAkB,EAAE,aAAa;2BACxC,OAAO,kBAAkB,EAAE,YAAY;iCACvC,OAAO,kBAAkB,EAAE,kBAAkB;oCAC7C,OAAO,sBAAsB,EAAE,qBAAqB;sCACpD;IACR,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACpC"}