@genome-spy/core 0.59.0 → 0.60.0

package/dist/src/view/gridView/scrollbar.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @typedef {"horizontal" | "vertical"} ScrollDirection
+ */
+export default class Scrollbar extends UnitView {
+    /**
+     * @param {import("./gridChild.js").default} gridChild
+     * @param {ScrollDirection} scrollDirection
+     */
+    constructor(gridChild: import("./gridChild.js").default, scrollDirection: ScrollDirection);
+    viewportOffset: number;
+    config: {
+        scrollbarSize: number;
+        scrollbarPadding: number;
+    };
+    interpolateViewportOffset: ((target: {
+        x: number;
+    }) => void) & {
+        stop: () => void;
+    };
+    get scrollOffset(): number;
+    /**
+     *
+     * @param {Rectangle} viewportCoords
+     * @param {Rectangle} coords
+     */
+    updateScrollbar(viewportCoords: Rectangle, coords: Rectangle): void;
+    #private;
+}
+export type ScrollDirection = "horizontal" | "vertical";
+import UnitView from "../unitView.js";
+import Rectangle from "../layout/rectangle.js";
+//# sourceMappingURL=scrollbar.d.ts.map

package/dist/src/view/gridView/scrollbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/view/gridView/scrollbar.js"],"names":[],"mappings":"AAKA;;GAEG;AACH;IAeI;;;OAGG;IACH,uBAHW,OAAO,gBAAgB,EAAE,OAAO,mBAChC,eAAe,EA4FzB;IAhGD,uBAAmB;IAsCf;;;MAAoB;IAIpB;;;;MAQC;IAgDL,2BAKC;IAWD;;;;OAIG;IACH,gCAHW,SAAS,UACT,SAAS,QA8CnB;;CACJ;8BAnLY,YAAY,GAAG,UAAU;qBAHjB,gBAAgB;sBADf,wBAAwB"}

package/dist/src/view/gridView/scrollbar.js

@@ -0,0 +1,186 @@
+import clamp from "../../utils/clamp.js";
+import { makeLerpSmoother } from "../../utils/animator.js";
+import Rectangle from "../layout/rectangle.js";
+import UnitView from "../unitView.js";
+
+/**
+ * @typedef {"horizontal" | "vertical"} ScrollDirection
+ */
+export default class Scrollbar extends UnitView {
+    /** @type {ScrollDirection} */
+    #scrollDirection;
+
+    #scrollbarCoords = Rectangle.ZERO;
+
+    #maxScrollOffset = 0;
+
+    #maxViewportOffset = 0;
+
+    // This is the actual state of the scrollbar. It's better to keep track of
+    // the viewport offset rather than the scrollbar offset because the former
+    // is more stable when the viewport size changes.
+    viewportOffset = 0;
+
+    /**
+     * @param {import("./gridChild.js").default} gridChild
+     * @param {ScrollDirection} scrollDirection
+     */
+    constructor(gridChild, scrollDirection) {
+        // TODO: Configurable
+        const config = {
+            scrollbarSize: 8,
+            scrollbarPadding: 2,
+            // TODO: inside/outside view
+        };
+
+        super(
+            {
+                data: { values: [{}] },
+                mark: {
+                    type: "rect",
+                    fill: "#b0b0b0",
+                    fillOpacity: 0.6,
+                    stroke: "white",
+                    strokeWidth: 1,
+                    strokeOpacity: 1,
+                    cornerRadius: 5,
+                    clip: false,
+                },
+                configurableVisibility: false,
+            },
+            gridChild.layoutParent.context,
+            gridChild.layoutParent,
+            gridChild.view,
+            "scrollbar-" + scrollDirection, // TODO: Serial
+            {
+                blockEncodingInheritance: true,
+            }
+        );
+
+        this.config = config;
+        this.#scrollDirection = scrollDirection;
+
+        // Make it smooth!
+        this.interpolateViewportOffset = makeLerpSmoother(
+            this.context.animator,
+            (value) => {
+                this.viewportOffset = value.x;
+            },
+            50,
+            0.4,
+            { x: this.viewportOffset }
+        );
+
+        this.addInteractionEventListener("mousedown", (coords, event) => {
+            event.stopPropagation();
+
+            if (this.#maxScrollOffset <= 0) {
+                return;
+            }
+
+            const getMouseOffset = (/** @type {MouseEvent} */ mouseEvent) =>
+                scrollDirection == "vertical"
+                    ? mouseEvent.clientY
+                    : mouseEvent.clientX;
+
+            const mouseEvent = /** @type {MouseEvent} */ (event.uiEvent);
+            mouseEvent.preventDefault();
+
+            const initialScrollOffset = this.scrollOffset;
+            const initialOffset = getMouseOffset(mouseEvent);
+
+            const onMousemove = /** @param {MouseEvent} moveEvent */ (
+                moveEvent
+            ) => {
+                const scrollOffset = clamp(
+                    getMouseOffset(moveEvent) -
+                        initialOffset +
+                        initialScrollOffset,
+                    0,
+                    this.#maxScrollOffset
+                );
+
+                this.interpolateViewportOffset({
+                    x:
+                        (scrollOffset / this.#maxScrollOffset) *
+                        this.#maxViewportOffset,
+                });
+            };
+
+            const onMouseup = () => {
+                document.removeEventListener("mousemove", onMousemove);
+                document.removeEventListener("mouseup", onMouseup);
+            };
+
+            document.addEventListener("mouseup", onMouseup, false);
+            document.addEventListener("mousemove", onMousemove, false);
+        });
+    }
+
+    get scrollOffset() {
+        return (
+            (this.viewportOffset / this.#maxViewportOffset) *
+            this.#maxScrollOffset
+        );
+    }
+
+    /**
+     * @param {import("../renderingContext/viewRenderingContext.js").default} context
+     * @param {import("../layout/rectangle.js").default} coords
+     * @param {import("../../types/rendering.js").RenderingOptions} [options]
+     */
+    render(context, coords, options) {
+        super.render(context, this.#scrollbarCoords, options);
+    }
+
+    /**
+     *
+     * @param {Rectangle} viewportCoords
+     * @param {Rectangle} coords
+     */
+    updateScrollbar(viewportCoords, coords) {
+        const sPad = this.config.scrollbarPadding;
+        const sSize = this.config.scrollbarSize;
+
+        const dimension =
+            this.#scrollDirection == "horizontal" ? "width" : "height";
+
+        const visibleFraction = Math.min(
+            1,
+            viewportCoords[dimension] / coords[dimension]
+        );
+        const maxScrollLength = viewportCoords[dimension] - 2 * sPad;
+        const scrollLength = visibleFraction * maxScrollLength;
+
+        this.#maxScrollOffset = maxScrollLength - scrollLength;
+        this.#maxViewportOffset = coords[dimension] - viewportCoords[dimension];
+        this.viewportOffset = clamp(
+            this.viewportOffset,
+            0,
+            this.#maxViewportOffset
+        );
+
+        this.#scrollbarCoords =
+            this.#scrollDirection == "vertical"
+                ? new Rectangle(
+                      () =>
+                          viewportCoords.x +
+                          viewportCoords.width -
+                          sSize -
+                          sPad,
+                      () => viewportCoords.y + sPad + this.scrollOffset,
+                      () => sSize,
+                      () => scrollLength
+                  )
+                : new Rectangle(
+                      () => viewportCoords.x + sPad + this.scrollOffset,
+                      () =>
+                          viewportCoords.y +
+                          viewportCoords.height -
+                          sSize -
+                          sPad,
+                      () => scrollLength,
+                      () => sSize
+                  );
+    }
+}

package/dist/src/view/gridView/selectionRect.d.ts

@@ -0,0 +1,10 @@
+export default class SelectionRect extends LayerView {
+    /**
+     * @param {import("./gridChild.js").default} gridChild
+     * @param {import("../paramMediator.js").ExprRefFunction} selectionExpr
+     * @param {import("../../spec/parameter.js").BrushConfig} [brushConfig]
+     */
+    constructor(gridChild: import("./gridChild.js").default, selectionExpr: import("../paramMediator.js").ExprRefFunction, brushConfig?: import("../../spec/parameter.js").BrushConfig);
+}
+import LayerView from "../layerView.js";
+//# sourceMappingURL=selectionRect.d.ts.map

package/dist/src/view/gridView/selectionRect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionRect.d.ts","sourceRoot":"","sources":["../../../../src/view/gridView/selectionRect.js"],"names":[],"mappings":"AAEA;IACI;;;;OAIG;IACH,uBAJW,OAAO,gBAAgB,EAAE,OAAO,iBAChC,OAAO,qBAAqB,EAAE,eAAe,gBAC7C,OAAO,yBAAyB,EAAE,WAAW,EAkJvD;CACJ;sBAzJqB,iBAAiB"}

package/dist/src/view/gridView/selectionRect.js

@@ -0,0 +1,182 @@
+import LayerView from "../layerView.js";
+
+export default class SelectionRect extends LayerView {
+    /**
+     * @param {import("./gridChild.js").default} gridChild
+     * @param {import("../paramMediator.js").ExprRefFunction} selectionExpr
+     * @param {import("../../spec/parameter.js").BrushConfig} [brushConfig]
+     */
+    constructor(gridChild, selectionExpr, brushConfig = {}) {
+        const initialSelection =
+            /** @type {import("../../types/selectionTypes.js").IntervalSelection} */ (
+                selectionExpr()
+            );
+        const channels = Object.keys(initialSelection.intervals);
+
+        if (
+            /** @type {import("../../spec/channel.js").ChannelWithScale[]} */ ([
+                "x",
+                "y",
+            ]).every((c) => !channels.includes(c))
+        ) {
+            throw new Error(
+                "SelectionRect requires at least one of the channels 'x' or 'y' to be present in the selection."
+            );
+        }
+
+        /** @type {import("../../spec/view.js").LayerSpec} */
+        const layerSpec = {
+            name: "selectionRect",
+            configurableVisibility: false,
+            resolve: {
+                scale: {
+                    x: "forced",
+                    y: "forced",
+                },
+            },
+            data: { values: selectionToData(selectionExpr()) },
+            encoding: {},
+            layer: [],
+        };
+
+        if (channels.includes("x")) {
+            layerSpec.encoding.x = { field: "_x", type: null, title: null };
+            layerSpec.encoding.x2 = { field: "_x2" };
+        }
+        if (channels.includes("y")) {
+            layerSpec.encoding.y = { field: "_y", type: null, title: null };
+            layerSpec.encoding.y2 = { field: "_y2" };
+        }
+
+        layerSpec.layer.push({
+            name: "selectionRectRect",
+            mark: {
+                type: "rect",
+                clip: true,
+                ...{
+                    fill: "#808080",
+                    fillOpacity: 0.05,
+                    stroke: "black",
+                    strokeWidth: 1,
+                    strokeOpacity: 0.2,
+                    ...brushConfig,
+                },
+            },
+        });
+
+        const makeExpr = (
+            /** @type {import("../../spec/channel.js").PrimaryPositionalChannel} */ channel
+        ) => {
+            const resolution = gridChild.view.getScaleResolution(channel);
+            return (
+                `format(datum._${channel}2 - datum._${channel}, '.3s')` +
+                (resolution.type === "locus" ? " + 'b'" : "")
+            );
+        };
+
+        const labelOffset =
+            brushConfig.measure == "inside"
+                ? 9
+                : brushConfig.measure == "outside"
+                  ? -9
+                  : 0;
+
+        if (channels.includes("x") && labelOffset != 0) {
+            layerSpec.layer.push({
+                name: "selectionRectTextX",
+                mark: {
+                    type: "text",
+                    align: "center",
+                    paddingX: 5,
+                    dy: labelOffset,
+                    tooltip: null,
+                },
+                encoding: {
+                    text: { expr: makeExpr("x") },
+                    y: channels.includes("y")
+                        ? {
+                              field: "_y2",
+                              type: null,
+                              title: null,
+                          }
+                        : {
+                              value: 1,
+                          },
+                    y2: null,
+                },
+            });
+        }
+
+        if (channels.includes("y") && labelOffset != 0) {
+            layerSpec.layer.push({
+                name: "selectionRectTextY",
+                mark: {
+                    type: "text",
+                    align: "center",
+                    paddingY: 5,
+                    dy: labelOffset,
+                    tooltip: null,
+                    angle: -90,
+                },
+                encoding: {
+                    text: { expr: makeExpr("y") },
+                    x2: null,
+                },
+            });
+        }
+
+        super(
+            layerSpec,
+            gridChild.layoutParent.context,
+            gridChild.layoutParent,
+            gridChild.view,
+            "selectionRect", // TODO: Serial
+            {
+                blockEncodingInheritance: true,
+                contributesToScaleDomain: false,
+            }
+        );
+
+        selectionExpr.addListener(() => {
+            const selection =
+                /** @type {import("../../types/selectionTypes.js").IntervalSelection} */ (
+                    selectionExpr()
+                );
+
+            const datasource =
+                /** @type {import("../../data/sources/inlineSource.js").default} */ (
+                    this.context.dataFlow.findDataSourceByKey(this)
+                );
+
+            datasource.updateDynamicData(selectionToData(selection));
+        });
+    }
+}
+
+/**
+ *  @param {import("../../types/selectionTypes.js").IntervalSelection} selection
+ */
+function selectionToData(selection) {
+    const x = selection.intervals.x;
+    const y = selection.intervals.y;
+
+    if (!x && !y) {
+        return [];
+    } else {
+        return [
+            {
+                // Using a hack here. All properties are prefixed with an underscore
+                // to prevent them from being visible in the tooltip.
+                // No properties, no tooltip. This still enables picking, masking
+                // elements under the selection rect and preventing them being
+                // selected or tooltipped.
+                // An alternative solution would necessitate adding more flags or
+                // logic to force picking in the absence of tooltips.
+                _x: x?.[0],
+                _x2: x?.[1],
+                _y: y?.[0],
+                _y2: y?.[1],
+            },
+        ];
+    }
+}

package/dist/src/view/layout/rectangle.d.ts

@@ -122,8 +122,18 @@ export default class Rectangle {
      *
      * @param {number} x
      * @param {number} y
+     * @param {boolean} [flipY]
      */
-    normalizePoint(x: number, y: number): {
+    normalizePoint(x: number, y: number, flipY?: boolean): {
+        x: number;
+        y: number;
+    };
+    /**
+     * @param {number} x
+     * @param {number} y
+     * @param {boolean} flipY
+     */
+    denormalizePoint(x: number, y: number, flipY?: boolean): {
         x: number;
         y: number;
     };

package/dist/src/view/layout/rectangle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rectangle.d.ts","sourceRoot":"","sources":["../../../../src/view/layout/rectangle.js"],"names":[],"mappings":"AAQA;;;;;;;GAOG;AACH;IACI;;;;;;OAMG;IACH,iBALW,MAAM,KACN,MAAM,SACN,MAAM,UACN,MAAM,aAShB;IAED,uBAA2C;IA+B3C;;;;;;OAMG;IACH,eALW,QAAQ,KACR,QAAQ,SACR,QAAQ,UACR,QAAQ,EAOlB;IAzCD;;;;OAIG;IACH,cAJW,IAAI,SACJ,MAAM,IAAG,MAAW,MAAM,CAAA,GACxB,QAAQ,CAiBpB;IAED;;OAEG;IACH,mBAFW,IAAI,YAId;IAUG,gBAAgB,CAAC,sBAAW;IAC5B,gBAAgB,CAAC,sBAAW;IAC5B,gBAAgB,CAAC,0BAAmB;IACpC,gBAAgB,CAAC,2BAAqB;IAG1C;;OAEG;IACH,SAFa,MAAM,CAIlB;IAED;;OAEG;IACH,SAFa,MAAM,CAIlB;IAED;;OAEG;IACH,aAFa,MAAM,CAIlB;IAED;;OAEG;IACH,cAFa,MAAM,CAIlB;IAED,iBAEC;IAED,iBAEC;IAED;;;;OAIG;IACH,kBAFW,SAAS,WAcnB;IAED;;;OAGG;IACH,cAFW,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,IAAG,MAAW,MAAM,CAAA,CAAC,CAAC,aAkB3D;IAED;;;;OAIG;IACH,aAHW,MAAM,IAAG,MAAW,MAAM,CAAA,KAC1B,MAAM,IAAG,MAAW,MAAM,CAAA,aAapC;IAED;;;;OAIG;IACH,uBAFW,SAAS,aAKnB;IAED;;;OAGG;IACH,gBAFW,OAAO,iCA0BjB;IAED;;;OAGG;IACH,gBAFW,OAAO,aAIjB;IAED;;;;OAIG;IACH,qBAFW,SAAS,aAenB;IAED;;;;OAIG;IACH,iBAFW,SAAS,aAenB;IAED;;OAEG;IACH,qBAEC;IAED;;;OAGG;IACH,qBAOC;IAED;;;;;OAKG;IACH,iBAHW,MAAM,KACN,MAAM,WAIhB;IAED;;;;;OAKG;IACH,kBAHW,MAAM,KACN,MAAM;;;MAOhB;IAED,mBAEC;IAED,0BAMC;CACJ;;;;;mBA/SY,CAAC,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,CAAC;;;;;sBAChC,OAAO,cAAc,EAAE,OAAO;;;;;uBAC9B,MAAM,MAAM"}
+{"version":3,"file":"rectangle.d.ts","sourceRoot":"","sources":["../../../../src/view/layout/rectangle.js"],"names":[],"mappings":"AAQA;;;;;;;GAOG;AACH;IACI;;;;;;OAMG;IACH,iBALW,MAAM,KACN,MAAM,SACN,MAAM,UACN,MAAM,aAShB;IAED,uBAA2C;IA+B3C;;;;;;OAMG;IACH,eALW,QAAQ,KACR,QAAQ,SACR,QAAQ,UACR,QAAQ,EAOlB;IAzCD;;;;OAIG;IACH,cAJW,IAAI,SACJ,MAAM,IAAG,MAAW,MAAM,CAAA,GACxB,QAAQ,CAiBpB;IAED;;OAEG;IACH,mBAFW,IAAI,YAId;IAUG,gBAAgB,CAAC,sBAAW;IAC5B,gBAAgB,CAAC,sBAAW;IAC5B,gBAAgB,CAAC,0BAAmB;IACpC,gBAAgB,CAAC,2BAAqB;IAG1C;;OAEG;IACH,SAFa,MAAM,CAIlB;IAED;;OAEG;IACH,SAFa,MAAM,CAIlB;IAED;;OAEG;IACH,aAFa,MAAM,CAIlB;IAED;;OAEG;IACH,cAFa,MAAM,CAIlB;IAED,iBAEC;IAED,iBAEC;IAED;;;;OAIG;IACH,kBAFW,SAAS,WAcnB;IAED;;;OAGG;IACH,cAFW,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,IAAG,MAAW,MAAM,CAAA,CAAC,CAAC,aAkB3D;IAED;;;;OAIG;IACH,aAHW,MAAM,IAAG,MAAW,MAAM,CAAA,KAC1B,MAAM,IAAG,MAAW,MAAM,CAAA,aAapC;IAED;;;;OAIG;IACH,uBAFW,SAAS,aAKnB;IAED;;;OAGG;IACH,gBAFW,OAAO,iCA0BjB;IAED;;;OAGG;IACH,gBAFW,OAAO,aAIjB;IAED;;;;OAIG;IACH,qBAFW,SAAS,aAenB;IAED;;;;OAIG;IACH,iBAFW,SAAS,aAenB;IAED;;OAEG;IACH,qBAEC;IAED;;;OAGG;IACH,qBAOC;IAED;;;;;OAKG;IACH,iBAHW,MAAM,KACN,MAAM,WAIhB;IAED;;;;;;OAMG;IACH,kBAJW,MAAM,KACN,MAAM,UACN,OAAO;;;MAWjB;IAED;;;;OAIG;IACH,oBAJW,MAAM,KACN,MAAM,UACN,OAAO;;;MAUjB;IAED,mBAEC;IAED,0BAMC;CACJ;;;;;mBAnUY,CAAC,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,CAAC;;;;;sBAChC,OAAO,cAAc,EAAE,OAAO;;;;;uBAC9B,MAAM,MAAM"}

package/dist/src/view/layout/rectangle.js

@@ -294,12 +294,32 @@ export default class Rectangle {
      *
      * @param {number} x
      * @param {number} y
+     * @param {boolean} [flipY]
      */
-    normalizePoint(x, y) {
-        return {
+    normalizePoint(x, y, flipY = false) {
+        const point = {
             x: (x - this.x) / this.width,
             y: (y - this.y) / this.height,
         };
+        if (flipY) {
+            point.y = 1 - point.y;
+        }
+        return point;
+    }
+
+    /**
+     * @param {number} x
+     * @param {number} y
+     * @param {boolean} flipY
+     */
+    denormalizePoint(x, y, flipY = false) {
+        if (flipY) {
+            y = 1 - y;
+        }
+        return {
+            x: this.x + x * this.width,
+            y: this.y + y * this.height,
+        };
     }
 
     toString() {

package/dist/src/view/layout/rectangle.test.js

@@ -177,4 +177,16 @@ test("normalizePoint", () => {
     expect(r.normalizePoint(1, 2)).toEqual({ x: 0, y: 0 });
     expect(r.normalizePoint(7, 2)).toEqual({ x: 1, y: 0 });
     expect(r.normalizePoint(4, 4)).toEqual({ x: 0.5, y: 0.5 });
+
+    expect(r.normalizePoint(1, 6, true)).toEqual({ x: 0, y: 0 });
+});
+
+test("denormalizePoint", () => {
+    const r = Rectangle.create(1, 2, 6, 4);
+
+    expect(r.denormalizePoint(0, 0)).toEqual({ x: 1, y: 2 });
+    expect(r.denormalizePoint(1, 0)).toEqual({ x: 7, y: 2 });
+    expect(r.denormalizePoint(0.5, 0.5)).toEqual({ x: 4, y: 4 });
+
+    expect(r.denormalizePoint(0, 0, true)).toEqual({ x: 1, y: 6 });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"paramMediator.d.ts","sourceRoot":"","sources":["../../../src/view/paramMediator.js"],"names":[],"mappings":"AA0UA;;;GAGG;AACH,6BAHW,GAAG,GACD,CAAC,IAAI,OAAO,sBAAsB,EAAE,OAAO,CAIvD;AAED;;;;;;;GAOG;AACH,+BAHa,CAAC,KADH,CAAC,GAAG,OAAO,sBAAsB,EAAE,OAAO,GAExC,CAAC,CAWb;AAED;;;GAGG;AACH,sFAFa,KAAK,IAAI,OAAO,sBAAsB,EAAE,iBAAiB,CAIrE;AAED;;;GAGG;AACH,uFAFa,KAAK,IAAI,OAAO,sBAAsB,EAAE,kBAAkB,CAItE;AAED;;;;;;;;;;GAUG;AACH,qCAF4E,CAAC,SAA/D,MAAM,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,sBAAsB,EAAE,OAAO,CAAE,iBAJhE,aAAa,SACb,CAAC,aACD,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,IAAI,GAuCjB,CAAC,CACtB;AAED;;;;;;GAMG;AACH,4CAHW,MAAM,GACJ,MAAM,CAUlB;AAED;;;;;;;GAOG;AACH,2CAHW,GAAG,GACD,eAAe,CAW3B;AA/bD;;;;;;;;GAQG;AACH;IA2BI;;;;;OAKG;IACH,2BALW,MAAM,aAAa,EAU7B;IA7BD;;;OAGG;IACH,0BAHU,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAGvB;IA2Bf;;;OAGG;IACH,wEAzCqB,GAAG,KAAK,IAAI,CAoGhC;IAED;;;;;;;OAOG;IACH,eAFa,CAAC,aAJH,MAAM,gBACN,CAAC,YACD,OAAO,GACL,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAgC9B;IAED;;;OAGG;IACH,qBAFW,MAAM,WAnIc,GAAG,KAAK,IAAI,CA2I1C;IAED;;;OAGG;IACH,oBAFW,MAAM,OAIhB;IAED;;;OAGG;IACH,qBAFW,MAAM,OAKhB;IAED;;OAEG;IACH,oBACsB,WAAW,CAAC,MAAM,2CAAY,CAGnD;IAED;;;;OAIG;IACH,gCAHW,MAAM,GACJ,aAAa,CAQzB;IAID;;;;OAIG;IACH,uBAFW,MAAM,mBA4EhB;IAED;;;;OAIG;IACH,qBAFW,MAAM,OAKhB;IAED;;;;;OAKG;IACH,sBAFa,OAAO,CAiBnB;;CACJ;;;;;;;;8BAxTY,OAAO,wBAAwB,EAAE,kBAAkB,GAAG;IAAE,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,MAAM,CAAA;CAAC"}
+{"version":3,"file":"paramMediator.d.ts","sourceRoot":"","sources":["../../../src/view/paramMediator.js"],"names":[],"mappings":"AAmVA;;;GAGG;AACH,6BAHW,GAAG,GACD,CAAC,IAAI,OAAO,sBAAsB,EAAE,OAAO,CAIvD;AAED;;;;;;;GAOG;AACH,+BAHa,CAAC,KADH,CAAC,GAAG,OAAO,sBAAsB,EAAE,OAAO,GAExC,CAAC,CAWb;AAED;;;GAGG;AACH,sFAFa,KAAK,IAAI,OAAO,sBAAsB,EAAE,iBAAiB,CAIrE;AAED;;;GAGG;AACH,uFAFa,KAAK,IAAI,OAAO,sBAAsB,EAAE,kBAAkB,CAItE;AAED;;;;;;;;;;GAUG;AACH,qCAF4E,CAAC,SAA/D,MAAM,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,sBAAsB,EAAE,OAAO,CAAE,iBAJhE,aAAa,SACb,CAAC,aACD,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,IAAI,GAuCjB,CAAC,CACtB;AAED;;;;;;GAMG;AACH,4CAHW,MAAM,GACJ,MAAM,CAUlB;AAED;;;;;;;GAOG;AACH,2CAHW,GAAG,GACD,eAAe,CAW3B;AAtcD;;;;;;;;GAQG;AACH;IA2BI;;;;;OAKG;IACH,2BALW,MAAM,aAAa,EAU7B;IA7BD;;;OAGG;IACH,0BAHU,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAGvB;IA2Bf;;;OAGG;IACH,wEAzCqB,GAAG,KAAK,IAAI,CA2GhC;IAED;;;;;;;OAOG;IACH,eAFa,CAAC,aAJH,MAAM,gBACN,CAAC,YACD,OAAO,GACL,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAgC9B;IAED;;;OAGG;IACH,qBAFW,MAAM,WA1Ic,GAAG,KAAK,IAAI,CAkJ1C;IAED;;;OAGG;IACH,oBAFW,MAAM,OAIhB;IAED;;;OAGG;IACH,qBAFW,MAAM,OAKhB;IAED;;OAEG;IACH,oBACsB,WAAW,CAAC,MAAM,2CAAY,CAGnD;IAED;;;;OAIG;IACH,gCAHW,MAAM,GACJ,aAAa,CAQzB;IAID;;;;OAIG;IACH,uBAFW,MAAM,mBA4EhB;IAED;;;;OAIG;IACH,qBAFW,MAAM,OAKhB;IAED;;;;;OAKG;IACH,sBAFa,OAAO,CAiBnB;;CACJ;;;;;;;;8BA/TY,OAAO,wBAAwB,EAAE,kBAAkB,GAAG;IAAE,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,MAAM,CAAA;CAAC"}

package/dist/src/view/paramMediator.js

@@ -2,8 +2,10 @@ import { isString } from "vega-util";
 import createFunction from "../utils/expression.js";
 import {
     asSelectionConfig,
+    createIntervalSelection,
     createMultiPointSelection,
     createSinglePointSelection,
+    isIntervalSelectionConfig,
     isPointSelectionConfig,
 } from "../selection/selection.js";
 
@@ -113,6 +115,13 @@ export default class ParamMediator {
                         ? createMultiPointSelection()
                         : createSinglePointSelection(null)
                 );
+            } else if (isIntervalSelectionConfig(select)) {
+                if (!select.encodings) {
+                    throw new Error(
+                        `Interval selection "${name}" must have encodings defined!`
+                    );
+                }
+                setter(createIntervalSelection(select.encodings));
             }
         }
 

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

@@ -44,6 +44,7 @@ export default class ScaleResolution implements ScaleResolutionApi {
     type: import("../spec/channel.js").Type;
     /** @type {string} An optional unique identifier for the scale */
     name: string;
+    get zoomExtent(): number[];
     /**
      * Adds a listener that is called when the scale domain is changed,
      * e.g., zoomed. The call is synchronous and happens before the views

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

@@ -1 +1 @@
-{"version":3,"file":"scaleResolution.d.ts","sourceRoot":"","sources":["../../../src/view/scaleResolution.js"],"names":[],"mappings":"AAk+BA;;;;;;;;;;GAUG;AACH,6CAFW,OAAO,WAAW,EAAE,OAAO,GAAG,OAAO,WAAW,EAAE,OAAO,EAAE,QA4BrE;AA19BD,2BAA4B,cAAc,CAAC;AAC3C,sBAAuB,SAAS,CAAC;AACjC,sBAAuB,SAAS,CAAC;AACjC,oBAAqB,OAAO,CAAC;AAC7B,oBAAqB,OAAO,CAAC;AAE7B;;;;;;;;GAQG;AACH;;;;;;;GAOG;AACH;IAyCI;;OAEG;IACH,2DASC;IARG,8CAAsB;IACtB,yDAAyD;IACzD,SADW,qBAAqB,EAAE,CACjB;IACjB,0FAA0F;IAC1F,MADW,OAAO,oBAAoB,EAAE,IAAI,CAC5B;IAEhB,iEAAiE;IACjE,MADW,MAAM,CACI;IAWzB;;;;;;;OAOG;IACH,4KAEC;IAED;;;OAGG;IACH,+KAEC;IAcD;;;;;OAKG;IACH,qBAFW,qBAAqB,QA6C/B;IA8MD;;;;OAIG;IACH,+DAOC;IAED;;OAEG;IACH,oBAyCC;IAED;;OAEG;IACH;eA7YkC,OAAO,kBAAkB,EAAE,KAAK;MAybjE;IAED,mBAEC;IAED;;OAEG;IACH,oBAFa,mFAA6B,CAOzC;IAED;;;;OAIG;IACH,oBAKC;IAED;;OAEG;IACH,sBAGC;IAUD;;;;;;;OAOG;IACH,kBALW,MAAM,eACN,MAAM,OACN,MAAM,GACJ,OAAO,CAwEnB;IAED;;;;;;OAMG;IACH,eAJW,mFAA6B,aAC7B,OAAO,GAAG,MAAM,iBA0D1B;IAED;;;;OAIG;IACH,qBAcC;IAED;;;;;OAKG;IACH,uBAOC;IAED;;;;;;;OAOG;IACH,wBAoBC;IA8DD;;;OAGG;IACH,aAFa,OAAO,qBAAqB,EAAE,OAAO,CAajD;IAID;;;;;OAKG;IACH,uBAFW,MAAM,yDAUhB;IAED;;OAEG;IACH,iBAFW,MAAM,yDAKhB;IAED;;;OAGG;IACH,qBAHW,MAAM,+CAAmB,GACvB,MAAM,CAQlB;IAED;;;OAGG;IACH,8BAHW,kFAA4B,GAC1B,MAAM,EAAE,CAOpB;;CACJ;kCAp1B+B,CAAC,SAApB,6CAAkB;;;;UAGrB,OAAO,eAAe,EAAE,OAAO;aAC/B,CAAC;gBACD,OAAO,oBAAoB,EAAE,mBAAmB;sBAChD,CAAC,OAAO,+CAAkB,EAAE,IAAI,EAAE,OAAO,oBAAoB,EAAE,IAAI,kDAAgB"}
+{"version":3,"file":"scaleResolution.d.ts","sourceRoot":"","sources":["../../../src/view/scaleResolution.js"],"names":[],"mappings":"AA4+BA;;;;;;;;;;GAUG;AACH,6CAFW,OAAO,WAAW,EAAE,OAAO,GAAG,OAAO,WAAW,EAAE,OAAO,EAAE,QA4BrE;AAp+BD,2BAA4B,cAAc,CAAC;AAC3C,sBAAuB,SAAS,CAAC;AACjC,sBAAuB,SAAS,CAAC;AACjC,oBAAqB,OAAO,CAAC;AAC7B,oBAAqB,OAAO,CAAC;AAE7B;;;;;;;;GAQG;AACH;;;;;;;GAOG;AACH;IA4CI;;OAEG;IACH,2DASC;IARG,8CAAsB;IACtB,yDAAyD;IACzD,SADW,qBAAqB,EAAE,CACjB;IACjB,0FAA0F;IAC1F,MADW,OAAO,oBAAoB,EAAE,IAAI,CAC5B;IAEhB,iEAAiE;IACjE,MADW,MAAM,CACI;IAWzB,2BAMC;IAED;;;;;;;OAOG;IACH,4KAEC;IAED;;;OAGG;IACH,+KAEC;IAcD;;;;;OAKG;IACH,qBAFW,qBAAqB,QAqD/B;IA8MD;;;;OAIG;IACH,+DAOC;IAED;;OAEG;IACH,oBAsCC;IAED;;OAEG;IACH;eA7ZkC,OAAO,kBAAkB,EAAE,KAAK;MAqcjE;IAED,mBAEC;IAED;;OAEG;IACH,oBAFa,mFAA6B,CAOzC;IAED;;;;OAIG;IACH,oBAKC;IAED;;OAEG;IACH,sBAGC;IAUD;;;;;;;OAOG;IACH,kBALW,MAAM,eACN,MAAM,OACN,MAAM,GACJ,OAAO,CAmEnB;IAED;;;;;;OAMG;IACH,eAJW,mFAA6B,aAC7B,OAAO,GAAG,MAAM,iBA0D1B;IAED;;;;OAIG;IACH,qBAcC;IAED;;;;;OAKG;IACH,uBAOC;IAED;;;;;;;OAOG;IACH,wBAoBC;IAiED;;;OAGG;IACH,aAFa,OAAO,qBAAqB,EAAE,OAAO,CAajD;IAID;;;;;OAKG;IACH,uBAFW,MAAM,yDAUhB;IAED;;OAEG;IACH,iBAFW,MAAM,yDAKhB;IAED;;;OAGG;IACH,qBAHW,MAAM,+CAAmB,GACvB,MAAM,CAQlB;IAED;;;OAGG;IACH,8BAHW,kFAA4B,GAC1B,MAAM,EAAE,CAOpB;;CACJ;kCA91B+B,CAAC,SAApB,6CAAkB;;;;UAGrB,OAAO,eAAe,EAAE,OAAO;aAC/B,CAAC;gBACD,OAAO,oBAAoB,EAAE,mBAAmB;sBAChD,CAAC,OAAO,+CAAkB,EAAE,IAAI,EAAE,OAAO,oBAAoB,EAAE,IAAI,kDAAgB"}