@genome-spy/core 0.37.4 → 0.39.0

package/dist/src/view/flowBuilder.js

@@ -28,8 +28,8 @@ import { nodesToTreesWithAccessor, visitTree } from "../utils/trees.js";
  */
 export function buildDataFlow(root, existingFlow) {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("../data/flowNode").default} FlowNode
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("../data/flowNode.js").default} FlowNode
      */
 
     /** @type {FlowNode[]} "Current nodes" on the path from view root to the current view */
@@ -80,7 +80,7 @@ export function buildDataFlow(root, existingFlow) {
 
     /**
      *
-     * @param {import("../spec/transform").TransformParams[]} transforms
+     * @param {import("../spec/transform.js").TransformParams[]} transforms
      * @param {View} view
      */
     function createTransforms(transforms, view) {
@@ -199,10 +199,10 @@ export function buildDataFlow(root, existingFlow) {
  */
 export function linearizeLocusAccess(view) {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("../data/flowNode").default} FlowNode
-     * @typedef {import("../spec/channel").Channel} Channel
-     * @typedef {import("../spec/channel").Encoding} Encoding
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("../data/flowNode.js").default} FlowNode
+     * @typedef {import("../spec/channel.js").Channel} Channel
+     * @typedef {import("../spec/channel.js").Encoding} Encoding
      */
 
     /** @type {FlowNode[]} */
@@ -211,7 +211,7 @@ export function linearizeLocusAccess(view) {
     /** @type {Encoding} */
     const rewrittenEncoding = {};
 
-    /** @type {{ channel: Channel, chromPosDef: import("../spec/channel").ChromPosDef}[]} */
+    /** @type {{ channel: Channel, chromPosDef: import("../spec/channel.js").ChromPosDef}[]} */
     const channelsAndChromPosDefs = [];
 
     // Optimize the number of transforms. Use only a single transform for positions
@@ -311,9 +311,9 @@ export function linearizeLocusAccess(view) {
 }
 
 /**
- * @param {import("./view").default} view
- * @param {import("../spec/channel").Encoding} [encoding]
- * @returns {import("../spec/transform").CompareParams}
+ * @param {import("./view.js").default} view
+ * @param {import("../spec/channel.js").Encoding} [encoding]
+ * @returns {import("../spec/transform.js").CompareParams}
  */
 function getCompareParamsForView(view, encoding) {
     // TODO: Should sort by min(x, x2).
@@ -343,7 +343,7 @@ function getCompareParamsForView(view, encoding) {
  */
 export function createChain(dataSource, ...transforms) {
     /**
-     * @typedef {import("../data/flowNode").default} FlowNode
+     * @typedef {import("../data/flowNode.js").default} FlowNode
      */
     /** @type {FlowNode} */
     let node = dataSource;
@@ -362,7 +362,7 @@ export function createChain(dataSource, ...transforms) {
         node.addChild(collector);
     }
 
-    /** @type {function():Promise<Iterable<import("../data/flowNode").Datum>>} */
+    /** @type {function():Promise<Iterable<import("../data/flowNode.js").Datum>>} */
     let loadAndCollect;
     if (dataSource instanceof DataSource) {
         loadAndCollect = async () => {

package/dist/src/view/flowBuilder.test.js

@@ -23,14 +23,14 @@ function byPath(root, path) {
     return root;
 }
 
-/** @type {import("../spec/mark").MarkConfigAndType} */
+/** @type {import("../spec/mark.js").MarkConfigAndType} */
 const mark = {
     type: "rect",
     tooltip: null,
 };
 
-test("Trivial flow", () => {
-    const root = create(
+test("Trivial flow", async () => {
+    const root = await create(
         {
             data: { values: [3.141] },
             transform: [
@@ -56,8 +56,8 @@ test("Trivial flow", () => {
     expect(flow.collectors[0]).toBe(byPath(dataSource, [0, 0, 0]));
 });
 
-test("Branching flow", () => {
-    const root = create(
+test("Branching flow", async () => {
+    const root = await create(
         {
             data: { values: [3.141] },
             layer: [
@@ -96,8 +96,8 @@ test("Branching flow", () => {
     expect(byPath(dataSource, [1, 0])).toBeInstanceOf(Collector);
 });
 
-test("Nested data sources", () => {
-    const root = create(
+test("Nested data sources", async () => {
+    const root = await create(
         {
             data: { values: [1] },
             transform: [{ type: "filter", expr: "datum.data > 0" }],

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

@@ -1,24 +1,24 @@
 /**
- * @param {import("../spec/view").ViewBackground} viewBackground
- * @returns {import("../spec/view").UnitSpec}
+ * @param {import("../spec/view.js").ViewBackground} viewBackground
+ * @returns {import("../spec/view.js").UnitSpec}
  */
-export function createBackground(viewBackground: import("../spec/view").ViewBackground): import("../spec/view").UnitSpec;
+export function createBackground(viewBackground: import("../spec/view.js").ViewBackground): import("../spec/view.js").UnitSpec;
 /**
- * @param {import("../spec/view").ViewBackground} viewBackground
- * @returns {import("../spec/view").UnitSpec}
+ * @param {import("../spec/view.js").ViewBackground} viewBackground
+ * @returns {import("../spec/view.js").UnitSpec}
  */
-export function createBackgroundStroke(viewBackground: import("../spec/view").ViewBackground): import("../spec/view").UnitSpec;
+export function createBackgroundStroke(viewBackground: import("../spec/view.js").ViewBackground): import("../spec/view.js").UnitSpec;
 /**
  * @param {View} view
  */
-export function isClippedChildren(view: import("./view").default): boolean;
+export function isClippedChildren(view: import("./view.js").default): boolean;
 /**
  *
- * @param {import("../utils/layout/rectangle").default} coords
- * @param {import("../spec/axis").AxisOrient} orient
+ * @param {import("./layout/rectangle.js").default} coords
+ * @param {import("../spec/axis.js").AxisOrient} orient
  * @param {AxisView} axisView
  */
-export function translateAxisCoords(coords: import("../utils/layout/rectangle").default, orient: import("../spec/axis").AxisOrient, axisView: AxisView): Rectangle;
+export function translateAxisCoords(coords: import("./layout/rectangle.js").default, orient: import("../spec/axis.js").AxisOrient, axisView: AxisView): Rectangle;
 /**
  * Modeled after: https://vega.github.io/vega/docs/layout/
  *
@@ -32,44 +32,46 @@ export function translateAxisCoords(coords: import("../utils/layout/rectangle").
  * - Facet (column / row) titles
  * - Header / footer
  * - Zoom / pan
+ * - Scrollable viewports (with scrollbars)
  * - And later on, brushing, legend(?)
  */
 export default class GridView extends ContainerView {
     /**
      *
-     * @param {import("../spec/view").AnyConcatSpec} spec
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../spec/view.js").AnyConcatSpec} spec
+     * @param {import("../types/viewContext.js").default} context
      * @param {ContainerView} layoutParent
      * @param {View} dataParent
      * @param {string} name
      * @param {number} columns
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(spec: import("../spec/view").AnyConcatSpec, context: import("../types/viewContext").default, layoutParent: ContainerView, dataParent: import("./view").default, name: string, columns: number);
-    spec: import("../spec/view").AnyConcatSpec;
+    constructor(spec: import("../spec/view.js").AnyConcatSpec, context: import("../types/viewContext.js").default, layoutParent: ContainerView, dataParent: import("./view.js").default, name: string, columns: number, options?: import("./view.js").ViewOptions);
+    spec: import("../spec/view.js").AnyConcatSpec;
     wrappingFacet: boolean;
-    /**
-     * @protected
-     */
-    protected _createChildren(): void;
     /**
      * @param {View} view
      */
-    appendChild(view: import("./view").default): void;
+    appendChild(view: import("./view.js").default): void;
     /**
      * @param {View[]} views
      */
-    setChildren(views: import("./view").default[]): void;
+    setChildren(views: import("./view.js").default[]): void;
     /**
      * Read-only view to children
      */
-    get children(): import("./view").default[];
+    get children(): import("./view.js").default[];
     get childCount(): number;
     /**
-     * @param {import("./renderingContext/viewRenderingContext").default} context
-     * @param {import("../utils/layout/rectangle").default} coords
-     * @param {import("../types/rendering").RenderingOptions} [options]
+     * @protected
+     */
+    protected createAxes(): Promise<void[]>;
+    /**
+     * @param {import("./renderingContext/viewRenderingContext.js").default} context
+     * @param {import("./layout/rectangle.js").default} coords
+     * @param {import("../types/rendering.js").RenderingOptions} [options]
      */
-    render(context: import("./renderingContext/viewRenderingContext").default, coords: import("../utils/layout/rectangle").default, options?: import("../types/rendering").RenderingOptions): void;
+    render(context: import("./renderingContext/viewRenderingContext.js").default, coords: import("./layout/rectangle.js").default, options?: import("../types/rendering.js").RenderingOptions): void;
     #private;
 }
 export class GridChild {
@@ -78,34 +80,60 @@ export class GridChild {
      * @param {ContainerView} layoutParent
      * @param {number} serial
      */
-    constructor(view: import("./view").default, layoutParent: ContainerView, serial: number);
+    constructor(view: import("./view.js").default, layoutParent: ContainerView, serial: number);
     layoutParent: ContainerView;
-    view: import("./view").default;
+    view: import("./view.js").default;
     serial: number;
     /** @type {UnitView} */
     background: UnitView;
     /** @type {UnitView} */
     backgroundStroke: UnitView;
-    /** @type {Partial<Record<import("../spec/axis").AxisOrient, AxisView>>} axes */
-    axes: Partial<Record<import("../spec/axis").AxisOrient, AxisView>>;
-    /** @type {Partial<Record<import("../spec/axis").AxisOrient, AxisGridView>>} gridLines */
-    gridLines: Partial<Record<import("../spec/axis").AxisOrient, AxisGridView>>;
+    /** @type {Partial<Record<import("../spec/axis.js").AxisOrient, AxisView>>} axes */
+    axes: Partial<Record<import("../spec/axis.js").AxisOrient, AxisView>>;
+    /** @type {Partial<Record<import("../spec/axis.js").AxisOrient, AxisGridView>>} gridLines */
+    gridLines: Partial<Record<import("../spec/axis.js").AxisOrient, AxisGridView>>;
+    /** @type {Partial<Record<ScrollDirection, Scrollbar>>} */
+    scrollbars: Partial<Record<"vertical" | "horizontal", Scrollbar>>;
     /** @type {UnitView} */
     title: UnitView;
     /** @type {Rectangle} */
     coords: Rectangle;
-    getChildren(): Generator<import("./view").default, void, undefined>;
+    getChildren(): Generator<import("./view.js").default, void, undefined>;
     /**
      * Create view decorations, grid lines, axes, etc.
      */
-    createAxes(): void;
+    createAxes(): Promise<void>;
     getOverhang(): Padding;
     getOverhangAndPadding(): Padding;
 }
 import AxisView from "./axisView.js";
-import Rectangle from "../utils/layout/rectangle.js";
+import Rectangle from "./layout/rectangle.js";
 import ContainerView from "./containerView.js";
 import UnitView from "./unitView.js";
 import AxisGridView from "./axisGridView.js";
-import Padding from "../utils/layout/padding.js";
+declare class Scrollbar extends UnitView {
+    /**
+     * @param {GridChild} gridChild
+     * @param {ScrollDirection} scrollDirection
+     */
+    constructor(gridChild: GridChild, scrollDirection: "vertical" | "horizontal");
+    config: {
+        scrollbarSize: number;
+        scrollbarPadding: number;
+    };
+    scrollDirection: "vertical" | "horizontal";
+    viewportOffset: number;
+    maxScrollOffset: number;
+    scrollbarCoords: Rectangle;
+    getScrollOffset(): number;
+    /**
+     *
+     * @param {Rectangle} viewportCoords
+     * @param {Rectangle} coords
+     */
+    updateScrollbar(viewportCoords: Rectangle, coords: Rectangle): void;
+    maxViewportOffset: number;
+}
+import Padding from "./layout/padding.js";
+export {};
 //# sourceMappingURL=gridView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"gridView.d.ts","sourceRoot":"","sources":["../../../src/view/gridView.js"],"names":[],"mappings":"AAwpBA;;;GAGG;AACH,iDAHW,OAAO,cAAc,EAAE,cAAc,GACnC,OAAO,cAAc,EAAE,QAAQ,CAwB3C;AAED;;;GAGG;AACH,uDAHW,OAAO,cAAc,EAAE,cAAc,GACnC,OAAO,cAAc,EAAE,QAAQ,CA6C3C;AA2BD;;GAEG;AACH,2EAUC;AAED;;;;;GAKG;AACH,4CAJW,OAAO,2BAA2B,EAAE,OAAO,UAC3C,OAAO,cAAc,EAAE,UAAU,YACjC,QAAQ,aAmBlB;AAhxBD;;;;;;;;;;;;;;GAcG;AACH;IA4BI;;;;;;;;OAQG;IACH,kBAPW,OAAO,cAAc,EAAE,aAAa,WACpC,OAAO,sBAAsB,EAAE,OAAO,gBACtC,aAAa,8CAEb,MAAM,WACN,MAAM,EAchB;IAVG,2CAAgB;IAOhB,uBAA0B;IAK9B;;OAEG;IACH,kCAEC;IAED;;OAEG;IACH,kDAIC;IAeD;;OAEG;IACH,qDAKC;IAqBD;;OAEG;IACH,2CAEC;IAED,yBAEC;IAyRD;;;;OAIG;IAEH,gBALW,OAAO,yCAAyC,EAAE,OAAO,UACzD,OAAO,2BAA2B,EAAE,OAAO,YAC3C,OAAO,oBAAoB,EAAE,gBAAgB,QAwIvD;;CAyFJ;AAgJD;IACI;;;;OAIG;IACH,0DAHW,aAAa,UACb,MAAM,EAqEhB;IAlEG,4BAAgC;IAChC,+BAAgB;IAChB,eAAoB;IAEpB,uBAAuB;IACvB,YADW,QAAQ,CACQ;IAE3B,uBAAuB;IACvB,kBADW,QAAQ,CACc;IAEjC,gFAAgF;IAChF,MADW,QAAQ,OAAO,OAAO,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CACzD;IAEd,yFAAyF;IACzF,WADW,QAAQ,OAAO,OAAO,cAAc,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CACxD;IAEnB,uBAAuB;IACvB,OADW,QAAQ,CACG;IAEtB,wBAAwB;IACxB,QADW,SAAS,CACQ;IAgDhC,oEAaC;IAED;;OAEG;IACH,mBA8JC;IAED,uBAqBC;IAED,iCAEC;CACJ;qBAhjC0D,eAAe;sBAFpD,8BAA8B;0BAG1B,oBAAoB;qBAGzB,eAAe;yBALX,mBAAmB;oBAFxB,4BAA4B"}
+{"version":3,"file":"gridView.d.ts","sourceRoot":"","sources":["../../../src/view/gridView.js"],"names":[],"mappings":"AAkwBA;;;GAGG;AACH,iDAHW,OAAO,iBAAiB,EAAE,cAAc,GACtC,OAAO,iBAAiB,EAAE,QAAQ,CAwB9C;AAED;;;GAGG;AACH,uDAHW,OAAO,iBAAiB,EAAE,cAAc,GACtC,OAAO,iBAAiB,EAAE,QAAQ,CA6C9C;AA2BD;;GAEG;AACH,8EAUC;AAED;;;;;GAKG;AACH,4CAJW,OAAO,uBAAuB,EAAE,OAAO,UACvC,OAAO,iBAAiB,EAAE,UAAU,YACpC,QAAQ,aAmBlB;AAz3BD;;;;;;;;;;;;;;;GAeG;AACH;IA6BI;;;;;;;;;OASG;IACH,kBARW,OAAO,iBAAiB,EAAE,aAAa,WACvC,OAAO,yBAAyB,EAAE,OAAO,gBACzC,aAAa,iDAEb,MAAM,WACN,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAoBzC;IARG,8CAAgB;IAOhB,uBAA0B;IAG9B;;OAEG;IACH,qDAIC;IAeD;;OAEG;IACH,wDAKC;IAqBD;;OAEG;IACH,8CAEC;IAED,yBAEC;IAED;;OAEG;IACH,wCAmCC;IA2OD;;;;OAIG;IAEH,gBALW,OAAO,4CAA4C,EAAE,OAAO,UAC5D,OAAO,uBAAuB,EAAE,OAAO,YACvC,OAAO,uBAAuB,EAAE,gBAAgB,QA2O1D;;CAmGJ;AAgJD;IACI;;;;OAIG;IACH,6DAHW,aAAa,UACb,MAAM,EAoFhB;IAjFG,4BAAgC;IAChC,kCAAgB;IAChB,eAAoB;IAEpB,uBAAuB;IACvB,YADW,QAAQ,CACQ;IAE3B,uBAAuB;IACvB,kBADW,QAAQ,CACc;IAEjC,mFAAmF;IACnF,MADW,QAAQ,OAAO,OAAO,iBAAiB,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAC5D;IAEd,4FAA4F;IAC5F,WADW,QAAQ,OAAO,OAAO,iBAAiB,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAC3D;IAEnB,0DAA0D;IAC1D,kEAAoB;IAEpB,uBAAuB;IACvB,OADW,QAAQ,CACG;IAEtB,wBAAwB;IACxB,QADW,SAAS,CACQ;IA4DhC,uEAcC;IAED;;OAEG;IACH,4BAkKC;IAED,uBAqBC;IAED,iCAEC;CACJ;qBA9qC0D,eAAe;sBAFpD,uBAAuB;0BAGnB,oBAAoB;qBAGzB,eAAe;yBALX,mBAAmB;AAirC5C;IACI;;;OAGG;IACH,uBAHW,SAAS,8CAyFnB;IAtDG;;;MAAoB;IACpB,2CAAsC;IAKtC,uBAAuB;IAEvB,wBAAwB;IACxB,2BAAqC;IA+CzC,0BAKC;IAWD;;;;OAIG;IACH,gCAHW,SAAS,UACT,SAAS,QA8CnB;IA7BG,0BAAsE;CA8B7E;oBAl1CmB,qBAAqB"}