@genome-spy/core 0.37.3 → 0.38.0

package/dist/src/view/viewFactory.js

@@ -2,26 +2,51 @@
 import View from "./view.js";
 
 import UnitView from "./unitView.js";
-import ImportView from "./importView.js";
 import LayerView from "./layerView.js";
 import ConcatView from "./concatView.js";
 import { isArray, isObject, isString } from "vega-util";
+import { loadExternalViewSpec } from "./viewUtils.js";
+import ContainerView from "./containerView.js";
+import ViewError from "./viewError.js";
 
+export const VIEW_ROOT_NAME = "viewRoot";
+
+/**
+ * @typedef {object} ViewFactoryOptions
+ * @property {boolean} [allowImport]
+ * @property {boolean} [wrapRoot]
+ */
+
+/**
+ *
+ */
 export class ViewFactory {
     /**
-     * @typedef {import("../types/viewContext").default} ViewContext
-     * @typedef {import("../spec/view").UnitSpec} UnitSpec
-     * @typedef {import("../spec/view").ViewSpec} ViewSpec
-     * @typedef {import("../spec/view").LayerSpec} LayerSpec
-     * @typedef {import("../spec/view").VConcatSpec} VConcatSpec
-     * @typedef {import("../spec/view").ConcatSpec} ConcatSpec
+     * @typedef {import("../types/viewContext.js").default} ViewContext
+     * @typedef {import("../spec/view.js").UnitSpec} UnitSpec
+     * @typedef {import("../spec/view.js").ViewSpec} ViewSpec
+     * @typedef {import("../spec/view.js").LayerSpec} LayerSpec
+     * @typedef {import("../spec/view.js").VConcatSpec} VConcatSpec
+     * @typedef {import("../spec/view.js").ConcatSpec} ConcatSpec
+     * @typedef {import("../spec/sampleView.js").SampleSpec} SampleSpec
      *
      * @typedef {(spec: ViewSpec) => boolean} SpecGuard
-     * @typedef {(spec: ViewSpec, context: ViewContext, layoutParent?: import("./containerView").default, dataParent?: import("./view").default, defaultName?: string) => View} Factory
+     * @typedef {(spec: ViewSpec, context: ViewContext, layoutParent?: import("./containerView.js").default, dataParent?: import("./view.js").default, defaultName?: string) => View} Factory
      */
-    constructor() {
-        /** @type {{specGuard: SpecGuard, factory: Factory}[]} */
-        this.types = [];
+
+    /** @type {Map<SpecGuard, Factory>} */
+    #types = new Map();
+
+    /**
+     * @param {ViewFactoryOptions} [options]
+     */
+    constructor(options = {}) {
+        /** @type {Required<ViewFactoryOptions>} */
+        this.options = {
+            allowImport: true,
+            wrapRoot: true,
+            ...options,
+        };
 
         const makeDefaultFactory =
             (/** @type {typeof View} */ ViewClass) =>
@@ -37,14 +62,18 @@ export class ViewFactory {
                     )
                 );
 
-        // @ts-expect-error TODO: Fix typing
-        this.addViewType(isImportSpec, makeDefaultFactory(ImportView));
         this.addViewType(isLayerSpec, makeDefaultFactory(LayerView));
         this.addViewType(isUnitSpec, makeDefaultFactory(UnitView));
         this.addViewType(isVConcatSpec, makeDefaultFactory(ConcatView));
         this.addViewType(isHConcatSpec, makeDefaultFactory(ConcatView));
         this.addViewType(isConcatSpec, makeDefaultFactory(ConcatView));
         //this.addViewType(isFacetSpec, makeDefaultFactory(FacetView));
+
+        this.addViewType(isSampleSpec, () => {
+            throw new Error(
+                "SampleView is not supported by the @genome-spy/core package. Use @genome-spy/app instead!"
+            );
+        });
     }
 
     /**
@@ -52,32 +81,33 @@ export class ViewFactory {
      * @param {Factory} factory
      */
     addViewType(specGuard, factory) {
-        this.types.push({ specGuard, factory });
+        this.#types.set(specGuard, factory);
     }
 
     /**
      * @param {ViewSpec} spec
      * @param {ViewContext} context
-     * @param {import("./containerView").default} [layoutParent]
-     * @param {import("./view").default} [dataParent]
+     * @param {import("./containerView.js").default} [layoutParent]
+     * @param {import("./view.js").default} [dataParent]
      * @param {string} [defaultName]
      */
     createView(spec, context, layoutParent, dataParent, defaultName) {
-        const type = this.types.find((type) => type.specGuard(spec));
-        if (type) {
-            return type.factory(
-                spec,
-                context,
-                layoutParent,
-                dataParent,
-                defaultName ?? "unnamed"
-            );
-        } else {
-            throw new Error(
-                "Invalid spec, cannot figure out the view type from the properties: " +
-                    JSON.stringify([...Object.keys(spec)])
-            );
+        for (const [guard, factory] of this.#types) {
+            if (guard(spec)) {
+                return factory(
+                    spec,
+                    context,
+                    layoutParent,
+                    dataParent,
+                    defaultName
+                );
+            }
         }
+
+        throw new Error(
+            "Invalid spec, cannot figure out the view type from the properties: " +
+                JSON.stringify([...Object.keys(spec)])
+        );
     }
 
     /**
@@ -86,7 +116,7 @@ export class ViewFactory {
      * @returns {spec is ViewSpec}
      */
     isViewSpec(spec) {
-        const matches = this.types.filter((type) => type.specGuard(spec));
+        const matches = [...this.#types.keys()].filter((guard) => guard(spec));
 
         if (matches.length > 1) {
             throw new Error("Ambiguous spec. Cannot create a view!");
@@ -94,6 +124,77 @@ export class ViewFactory {
 
         return matches.length == 1;
     }
+
+    /**
+     * Creates a view from a spec, or imports it from an external source.
+     * Also initializes child views.
+     *
+     * @param {ViewSpec | import("../spec/view.js").ImportSpec} spec
+     * @param {ViewContext} context
+     * @param {import("./containerView.js").default} [layoutParent]
+     * @param {import("./view.js").default} [dataParent]
+     * @param {string} [defaultName]
+     * @param {(spec: ViewSpec) => void} [validator]
+     */
+    async createOrImportView(
+        spec,
+        context,
+        layoutParent,
+        dataParent,
+        defaultName,
+        validator
+    ) {
+        /** @type {ViewSpec} */
+        let viewSpec;
+
+        if (isImportSpec(spec)) {
+            if (this.options.allowImport) {
+                viewSpec = await loadExternalViewSpec(
+                    spec,
+                    dataParent.getBaseUrl(),
+                    context
+                );
+
+                if (validator) {
+                    validator(viewSpec);
+                }
+            } else {
+                throw new ViewError(
+                    "Importing views is not allowed!",
+                    layoutParent
+                );
+            }
+        } else {
+            viewSpec = spec;
+        }
+
+        // Wrap a unit spec at root into a grid view to get axes, etc.
+        if (
+            !dataParent &&
+            this.options.wrapRoot &&
+            (isUnitSpec(viewSpec) || isLayerSpec(viewSpec)) &&
+            defaultName === VIEW_ROOT_NAME
+        ) {
+            viewSpec = {
+                name: "implicitRoot",
+                vconcat: [viewSpec],
+            };
+        }
+
+        const view = this.createView(
+            viewSpec,
+            context,
+            layoutParent,
+            dataParent,
+            defaultName
+        );
+
+        if (view instanceof ContainerView) {
+            await view.initializeChildren();
+        }
+
+        return view;
+    }
 }
 
 /**
@@ -131,7 +232,7 @@ export function isFacetSpec(spec) {
 /**
  *
  * @param {ViewSpec} spec
- * @returns {spec is import("../spec/view").AggregateSamplesSpec}
+ * @returns {spec is import("../spec/view.js").AggregateSamplesSpec}
  */
 export function isAggregateSamplesSpec(spec) {
     return (
@@ -144,7 +245,7 @@ export function isAggregateSamplesSpec(spec) {
 /**
  *
  * @param {object} spec
- * @returns {spec is ImportSpec}
+ * @returns {spec is import("../spec/view.js").ImportSpec}
  */
 export function isImportSpec(spec) {
     return "import" in spec;
@@ -176,3 +277,17 @@ export function isHConcatSpec(spec) {
 export function isConcatSpec(spec) {
     return "concat" in spec && isArray(spec.concat);
 }
+
+/**
+ *
+ * @param {ViewSpec} spec
+ * @returns {spec is SampleSpec}
+ */
+export function isSampleSpec(spec) {
+    return (
+        "samples" in spec &&
+        isObject(spec.samples) &&
+        "spec" in spec &&
+        isObject(spec.spec)
+    );
+}

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

@@ -15,3 +15,11 @@ test("isViewSpec", () => {
 
     expect(() => factory.isViewSpec({ mark: "rect", layer: [] })).toThrow();
 });
+
+test("Throws if importing is not allowed", () => {
+    const factory = new ViewFactory({ allowImport: false });
+
+    expect(() =>
+        factory.createOrImportView({ import: { url: "" } })
+    ).rejects.toThrow();
+});

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

@@ -1,15 +1,15 @@
 /**
  *
- * @param {import("../spec/channel").ChannelDef | import("../spec/view").FacetMapping} def
+ * @param {import("../spec/channel.js").ChannelDef | import("../spec/view.js").FacetMapping} def
  * @returns {spec is FacetFieldDef}
  */
-export function isFacetFieldDef(def: import("../spec/channel").ChannelDef | import("../spec/view").FacetMapping): spec is FacetFieldDef;
+export function isFacetFieldDef(def: import("../spec/channel.js").ChannelDef | import("../spec/view.js").FacetMapping): spec is FacetFieldDef;
 /**
  *
- * @param {import("../spec/channel").FacetFieldDef | import("../spec/view").FacetMapping} def
+ * @param {import("../spec/channel.js").FacetFieldDef | import("../spec/view.js").FacetMapping} def
  * @returns {spec is FacetMapping}
  */
-export function isFacetMapping(def: import("../spec/channel").FacetFieldDef | import("../spec/view").FacetMapping): spec is FacetMapping;
+export function isFacetMapping(def: import("../spec/channel.js").FacetFieldDef | import("../spec/view.js").FacetMapping): spec is FacetMapping;
 /**
  *
  * @param {object} config
@@ -30,7 +30,7 @@ export function getFlattenedViews(root: View): View[];
 /**
  * @param {View} root
  */
-export function resolveScalesAndAxes(root: View): void;
+export function checkForDuplicateScaleNames(root: View): void;
 /**
  * Gives names to zoomable scales that have been pulled to the root. This allows
  * the zoomed domains to be bookmarked without explicitly specifying the names.
@@ -42,24 +42,26 @@ export function resolveScalesAndAxes(root: View): void;
 export function setImplicitScaleNames(root: View): void;
 /**
  * @param {View} root
- * @param {import("../data/dataFlow").default<View>} [existingFlow] Add data flow
+ * @param {import("../data/dataFlow.js").default<View>} [existingFlow] Add data flow
  *      graphs to an existing DataFlow object.
  */
-export function initializeData(root: View, existingFlow?: import("../data/dataFlow").default<View>): Promise<import("../data/dataFlow").default<View>>;
+export function initializeData(root: View, existingFlow?: import("../data/dataFlow.js").default<View>): Promise<import("../data/dataFlow.js").default<View>>;
 /**
  *
  * @param {View} view
  */
 export function findEncodedFields(view: View): {
     view: UnitView;
-    channel: import("../spec/channel").Channel;
-    field: import("../spec/channel").Field;
-    type: import("../spec/channel").Type;
+    channel: import("../spec/channel.js").Channel;
+    field: import("../spec/channel.js").Field;
+    type: import("../spec/channel.js").Type;
 }[];
 /**
- * @param {import("./view").default} viewRoot
+ * @param {import("../spec/view.js").ImportSpec} spec
+ * @param {string} baseUrl
+ * @param {import("../types/viewContext.js").default} viewContext
  */
-export function processImports(viewRoot: import("./view").default): Promise<void>;
+export function loadExternalViewSpec(spec: import("../spec/view.js").ImportSpec, baseUrl: string, viewContext: import("../types/viewContext.js").default): Promise<any>;
 /**
  * @param {function(View, View[]):void} visitor
  */

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

@@ -1 +1 @@
-{"version":3,"file":"viewUtils.d.ts","sourceRoot":"","sources":["../../../src/view/viewUtils.js"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,qCAHW,OAAO,iBAAiB,EAAE,UAAU,GAAG,OAAO,cAAc,EAAE,YAAY,yBAKpF;AAED;;;;GAIG;AACH,oCAHW,OAAO,iBAAiB,EAAE,aAAa,GAAG,OAAO,cAAc,EAAE,YAAY,wBAQvF;AAED;;;;GAIG;AACH,uCAHW,MAAM,0BAKhB;AAED;;;GAGG;AACH,+BAFW,IAAI,wCAMd;AAED;;;;GAIG;AACH,wCAFW,IAAI,UASd;AAED;;GAEG;AACH,2CAFW,IAAI,QA8Bd;AAED;;;;;;;GAOG;AACH,4CAFW,IAAI,QAUd;AAED;;;;GAIG;AACH,qCAJW,IAAI,iBACJ,OAAO,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,qDAclD;AAED;;;GAGG;AACH,wCAFW,IAAI;UAGO,QAAQ;aAAW,OAAO,iBAAiB,EAAE,OAAO;WAAS,OAAO,iBAAiB,EAAE,KAAK;UAAQ,OAAO,iBAAiB,EAAE,IAAI;IAqBvJ;AAqCD;;GAEG;AACH,yCAFW,OAAO,QAAQ,EAAE,OAAO,iBAoClC;AAED;;GAEG;AACH,gDAFoB,IAAI,QAAE,IAAI,EAAE,KAAE,IAAI,+BAkBrC;AAED;;;;;;GAMG;AACH,4CAJW,IAAI,QACJ,MAAM,GACJ,IAAI,EAAE,CAalB;AAED;;;GAGG;AACH,0CAFW,IAAI,eAqBd;AAOD;;GAEG;AACH,8CAFW,IAAI;;;EAgBd;AAnBM,uCAFI,MAAM,WAE0D;iBA5S9B,WAAW;qBAHnC,eAAe"}
+{"version":3,"file":"viewUtils.d.ts","sourceRoot":"","sources":["../../../src/view/viewUtils.js"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,qCAHW,OAAO,oBAAoB,EAAE,UAAU,GAAG,OAAO,iBAAiB,EAAE,YAAY,yBAK1F;AAED;;;;GAIG;AACH,oCAHW,OAAO,oBAAoB,EAAE,aAAa,GAAG,OAAO,iBAAiB,EAAE,YAAY,wBAQ7F;AAED;;;;GAIG;AACH,uCAHW,MAAM,0BAKhB;AAED;;;GAGG;AACH,+BAFW,IAAI,wCAMd;AAED;;;;GAIG;AACH,wCAFW,IAAI,UASd;AAED;;GAEG;AACH,kDAFW,IAAI,QAiBd;AAED;;;;;;;GAOG;AACH,4CAFW,IAAI,QAUd;AAED;;;;GAIG;AACH,qCAJW,IAAI,iBACJ,OAAO,qBAAqB,EAAE,OAAO,CAAC,IAAI,CAAC,wDAcrD;AAED;;;GAGG;AACH,wCAFW,IAAI;UAGO,QAAQ;aAAW,OAAO,oBAAoB,EAAE,OAAO;WAAS,OAAO,oBAAoB,EAAE,KAAK;UAAQ,OAAO,oBAAoB,EAAE,IAAI;IAqBhK;AAED;;;;GAIG;AACH,2CAJW,OAAO,iBAAiB,EAAE,UAAU,WACpC,MAAM,eACN,OAAO,yBAAyB,EAAE,OAAO,gBA8BnD;AAED;;GAEG;AACH,gDAFoB,IAAI,QAAE,IAAI,EAAE,KAAE,IAAI,+BAkBrC;AAED;;;;;;GAMG;AACH,4CAJW,IAAI,QACJ,MAAM,GACJ,IAAI,EAAE,CAalB;AAED;;;GAGG;AACH,0CAFW,IAAI,eAqBd;AAOD;;GAEG;AACH,8CAFW,IAAI;;;EAgBd;AAnBM,uCAFI,MAAM,WAE0D;iBAxP9B,WAAW;qBAFnC,eAAe"}

package/dist/src/view/viewUtils.js

@@ -2,7 +2,6 @@ import { isObject, isString } from "vega-util";
 import { loader as vegaLoader } from "vega-loader";
 
 import UnitView from "./unitView.js";
-import ImportView from "./importView.js";
 // eslint-disable-next-line no-unused-vars
 import View, { VISIT_SKIP, VISIT_STOP } from "./view.js";
 import { buildDataFlow } from "./flowBuilder.js";
@@ -12,7 +11,7 @@ import { rollup } from "d3-array";
 
 /**
  *
- * @param {import("../spec/channel").ChannelDef | import("../spec/view").FacetMapping} def
+ * @param {import("../spec/channel.js").ChannelDef | import("../spec/view.js").FacetMapping} def
  * @returns {spec is FacetFieldDef}
  */
 export function isFacetFieldDef(def) {
@@ -21,7 +20,7 @@ export function isFacetFieldDef(def) {
 
 /**
  *
- * @param {import("../spec/channel").FacetFieldDef | import("../spec/view").FacetMapping} def
+ * @param {import("../spec/channel.js").FacetFieldDef | import("../spec/view.js").FacetMapping} def
  * @returns {spec is FacetMapping}
  */
 export function isFacetMapping(def) {
@@ -67,13 +66,7 @@ export function getFlattenedViews(root) {
 /**
  * @param {View} root
  */
-export function resolveScalesAndAxes(root) {
-    root.visit((view) => {
-        if (view instanceof UnitView) {
-            view.resolve("scale");
-        }
-    });
-
+export function checkForDuplicateScaleNames(root) {
     // Check that each scale resolution has a unique name
     /** @type {Set<string>} */
     const scaleNames = new Set();
@@ -88,13 +81,6 @@ export function resolveScalesAndAxes(root) {
             scaleNames.add(name);
         }
     });
-
-    root.visit((view) => {
-        if (view instanceof UnitView) {
-            view.resolve("axis");
-        }
-    });
-    root.visit((view) => view.onScalesResolved());
 }
 
 /**
@@ -117,7 +103,7 @@ export function setImplicitScaleNames(root) {
 
 /**
  * @param {View} root
- * @param {import("../data/dataFlow").default<View>} [existingFlow] Add data flow
+ * @param {import("../data/dataFlow.js").default<View>} [existingFlow] Add data flow
  *      graphs to an existing DataFlow object.
  */
 export async function initializeData(root, existingFlow) {
@@ -138,7 +124,7 @@ export async function initializeData(root, existingFlow) {
  * @param {View} view
  */
 export function findEncodedFields(view) {
-    /** @type {{view: UnitView, channel: import("../spec/channel").Channel, field: import("../spec/channel").Field, type: import("../spec/channel").Type}[]} */
+    /** @type {{view: UnitView, channel: import("../spec/channel.js").Channel, field: import("../spec/channel.js").Field, type: import("../spec/channel.js").Type}[]} */
     const fieldInfos = [];
 
     view.visit((view) => {
@@ -162,11 +148,11 @@ export function findEncodedFields(view) {
 }
 
 /**
- * @param {import("../spec/view").ImportSpec} spec
+ * @param {import("../spec/view.js").ImportSpec} spec
  * @param {string} baseUrl
- * @param {import("../types/viewContext").default} viewContext
+ * @param {import("../types/viewContext.js").default} viewContext
  */
-async function loadExternalViewSpec(spec, baseUrl, viewContext) {
+export async function loadExternalViewSpec(spec, baseUrl, viewContext) {
     if (!spec.import.url) {
         throw new Error(
             "Cannot import, not an import spec: " + JSON.stringify(spec)
@@ -196,45 +182,6 @@ async function loadExternalViewSpec(spec, baseUrl, viewContext) {
     }
 }
 
-/**
- * @param {import("./view").default} viewRoot
- */
-export async function processImports(viewRoot) {
-    /** @type {ImportView[]} */
-    const importViews = [];
-
-    viewRoot.visit((view) => {
-        if (view instanceof ImportView) {
-            importViews.push(view);
-            return VISIT_SKIP;
-        }
-    });
-
-    for (const view of importViews) {
-        const context = view.context;
-
-        // TODO: Parallelize using promises, don't use await
-        const loadedSpec = await loadExternalViewSpec(
-            view.spec,
-            view.getBaseUrl(),
-            context
-        );
-
-        // TODO: Let importSpec have a name
-        const importedView = context.createView(
-            loadedSpec,
-            view.layoutParent,
-            view.dataParent,
-            view.name
-        );
-        // @ts-expect-error TODO: Fix typing issue
-        view.layoutParent.replaceChild(view, importedView);
-
-        // Import recursively
-        await processImports(importedView);
-    }
-}
-
 /**
  * @param {function(View, View[]):void} visitor
  */
@@ -242,7 +189,7 @@ export function stackifyVisitor(visitor) {
     /** @type {View[]} */
     const stack = [];
 
-    /** @type {import("./view").Visitor} */
+    /** @type {import("./view.js").Visitor} */
     const stackified = (view) => visitor(view, stack);
 
     stackified.beforeChildren = (view) => {
@@ -317,7 +264,7 @@ export function calculateCanvasSize(viewRoot) {
     // container.
     // TODO: Enforce the minimum size (in case of both absolute and growing components).
 
-    /** @param {import("../utils/layout/flexLayout").SizeDef} dim */
+    /** @param {import("./layout/flexLayout.js").SizeDef} dim */
     const f = (dim) => (dim.grow > 0 ? undefined : dim.px);
     return {
         width: f(size.width),

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

@@ -7,12 +7,12 @@
  * @prop {number} zDelta
  */
 /**
- * @param {import("../utils/interactionEvent").default} event
- * @param {import("./renderingContext/layoutRecorderViewRenderingContext").Rectangle} coords The plot area
+ * @param {import("../utils/interactionEvent.js").default} event
+ * @param {import("./renderingContext/layoutRecorderViewRenderingContext.js").Rectangle} coords The plot area
  * @param {(zoomEvent: ZoomEvent) => void} handleZoom
- * @param {import("../types/viewContext").Hover} [hover]
+ * @param {import("../types/viewContext.js").Hover} [hover]
  */
-export default function interactionToZoom(event: import("../utils/interactionEvent").default, coords: import("./renderingContext/layoutRecorderViewRenderingContext").Rectangle, handleZoom: (zoomEvent: ZoomEvent) => void, hover?: import("../types/viewContext").Hover): void;
+export default function interactionToZoom(event: import("../utils/interactionEvent.js").default, coords: import("./renderingContext/layoutRecorderViewRenderingContext.js").Rectangle, handleZoom: (zoomEvent: ZoomEvent) => void, hover?: import("../types/viewContext.js").Hover): void;
 export type ZoomEvent = {
     x: number;
     y: number;

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

@@ -1 +1 @@
-{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../../src/view/zoom.js"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;GAKG;AACH,iDALW,OAAO,2BAA2B,EAAE,OAAO,UAC3C,OAAO,uDAAuD,EAAE,SAAS,0BAC7D,SAAS,KAAK,IAAI,UAC9B,OAAO,sBAAsB,EAAE,KAAK,QA2E9C;;OAtFS,MAAM;OACN,MAAM;YACN,MAAM;YACN,MAAM;YACN,MAAM"}
+{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../../src/view/zoom.js"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;GAKG;AACH,iDALW,OAAO,8BAA8B,EAAE,OAAO,UAC9C,OAAO,0DAA0D,EAAE,SAAS,0BAChE,SAAS,KAAK,IAAI,UAC9B,OAAO,yBAAyB,EAAE,KAAK,QA2EjD;;OAtFS,MAAM;OACN,MAAM;YACN,MAAM;YACN,MAAM;YACN,MAAM"}

package/dist/src/view/zoom.js

@@ -8,10 +8,10 @@
  */
 
 /**
- * @param {import("../utils/interactionEvent").default} event
- * @param {import("./renderingContext/layoutRecorderViewRenderingContext").Rectangle} coords The plot area
+ * @param {import("../utils/interactionEvent.js").default} event
+ * @param {import("./renderingContext/layoutRecorderViewRenderingContext.js").Rectangle} coords The plot area
  * @param {(zoomEvent: ZoomEvent) => void} handleZoom
- * @param {import("../types/viewContext").Hover} [hover]
+ * @param {import("../types/viewContext.js").Hover} [hover]
  */
 export default function interactionToZoom(event, coords, handleZoom, hover) {
     if (event.type == "wheel") {

package/package.json

@@ -7,7 +7,7 @@
   },
   "contributors": [],
   "license": "MIT",
-  "version": "0.37.3",
+  "version": "0.38.0",
   "jsdelivr": "dist/bundle/index.js",
   "unpkg": "dist/bundle/index.js",
   "browser": "dist/bundle/index.js",
@@ -26,7 +26,7 @@
     "directory": "packages/core"
   },
   "scripts": {
-    "dev": "node dev-server.js",
+    "dev": "node dev-server.mjs",
     "build": "rm -rf dist && mkdir -p dist && node scripts/build.mjs && vite build && npm run build:schema && npm run build:typings",
     "prepublishOnly": "npm run build",
     "test:tsc": "tsc -p tsconfig.json --noEmit",
@@ -36,9 +36,10 @@
     "postpack": "node scripts/postpack.mjs"
   },
   "dependencies": {
-    "@gmod/bam": "^1.1.18",
+    "@gmod/bam": "^2.0.0",
     "@gmod/bbi": "^4.0.0",
     "@gmod/bed": "^2.1.2",
+    "@gmod/bgzf-filehandle": "^1.4.7",
     "@gmod/gff": "^1.3.0",
     "@gmod/indexedfasta": "^2.0.4",
     "@gmod/tabix": "^1.5.10",
@@ -56,12 +57,13 @@
     "events": "^3.3.0",
     "flatqueue": "^2.0.3",
     "internmap": "^2.0.3",
-    "lit-html": "^2.4.0",
+    "lit": "^3.1.0",
+    "lit-html": "^3.0.2",
     "twgl.js": "^4.19.1",
     "vega-expression": "^5.0.0",
     "vega-loader": "^4.4.0",
     "vega-scale": "^7.1.1",
     "vega-util": "^1.16.0"
   },
-  "gitHead": "cb11c23493db027579bc855ed2c019c3faa57327"
+  "gitHead": "cd0ae7c4bc32d3a8937b04baa14af742b0fab889"
 }

package/dist/src/utils/layout/flexLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"flexLayout.d.ts","sourceRoot":"","sources":["../../../../src/utils/layout/flexLayout.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wCALW,OAAO,EAAE,iBACT,MAAM,mDACN,WAAW,GACT,OAAO,EAAE,CAqGrB;AAED;;;;;GAKG;AACH,sCAHW,SAAS,OAAO,CAAC,gBACjB,WAAW,UAQrB;AAED;;;GAGG;AACH,sCAHW,SAAS,OAAO,CAAC,GACf,OAAO,CAWnB;AAED;;;GAGG;AACH,oCAFW,OAAO,EAAE,WAInB;AAED;;;GAGG;AACH,sCAFW,OAAO,EAAE;;;EASnB;AAmED;;;;GAIG;AACH,uCAFW,OAAO,WAIjB;AAWD;;;;GAIG;AACH,sDAEC;AAED;;;;GAIG;AACH,mCAHW,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,iBAAiB,EAAE,IAAI,GAC7D,OAAO,CAiBnB;AAID;;;;;;;GAOG;AACH,0CALW,OAAO,MACP,OAAO,eACI,MAAM,GACf,OAAO,CA4BnB;AAED;;;;;;GAMG;AACH,0CAJW,OAAO,UACP,MAAM,UAAc,MAAM,CAAA,GACxB,OAAO,CAanB;AAED;;;;;;GAMG;AACH,sCAJW,OAAO,UACP,MAAM,UAAc,MAAM,CAAA,GACxB,OAAO,CAanB;AAED;;;GAGG;AACH,yCAHW,OAAO,SACP,MAAM,WAIhB;AAtMD;IACI;;;;OAIG;IACH,mBAHW,OAAO,UACP,OAAO,EAQjB;IAJG,gBAAgB;IAChB,wBAAkB;IAClB,gBAAgB;IAChB,yBAAoB;IAGxB;;;;OAIG;IACH,oBAFW,OAAO,WAAW,EAAE,OAAO,kBAIrC;IAED;;;;OAIG;IACH,yBAFW,OAAO,WAAW,EAAE,OAAO,kBAIrC;;CAkBJ;AAED;;;;GAIG;AACH,2BAFU,OAAO,CAKd;AAEH,iDAGE;;;;;;;;SAzOQ,MAAM;;;;WACN,MAAM;;;;;;cAGN,MAAM;UACN,MAAM;;;;;;;;;;;;;;cAGN,MAAM;;;;;uBACN,MAAM;;;;aAEN,MAAM;;;;cACN,OAAO"}

package/dist/src/utils/layout/grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/utils/layout/grid.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;IACI;;;;OAIG;IACH,uBAHW,MAAM,YACN,MAAM,EAKhB;IAFG,UAAkB;IAClB,gBAAkC;IAGtC,oBAEC;IAED,oBAEC;IAED,6BAmBC;IAED,6BAmBC;IAED;;;OAGG;IACH,kBAHW,MAAM,OACN,MAAM,UAchB;IAED;;;;OAIG;IACH,qBAHW,MAAM,GACJ,CAAC,MAAM,EAAE,MAAM,CAAC,CAQ5B;CACJ"}

package/dist/src/utils/layout/padding.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"padding.d.ts","sourceRoot":"","sources":["../../../../src/utils/layout/padding.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;IAyGI;;;OAGG;IACH,gCAFW,aAAa,WAUvB;IAED;;OAEG;IACH,kCAFW,QAAQ,WASlB;IAED;;OAEG;IACH,uBAEC;IAED;;;OAGG;IACH,mCAFW,MAAM,WAIhB;IA/ID;;;;;OAKG;IACH,iBALW,MAAM,SACN,MAAM,UACN,MAAM,QACN,MAAM,EAOhB;IAJG,gBAAgB,CAAC,qBAAmB;IACpC,gBAAgB,CAAC,uBAAuB;IACxC,gBAAgB,CAAC,wBAAyB;IAC1C,gBAAgB,CAAC,sBAAqB;IAG1C;;OAEG;IACH,oBAEC;IAED;;OAEG;IACH,qBAEC;IAED;;OAEG;IACH,eAFW,MAAM,WAahB;IAED;;;OAGG;IACH,aAFW,OAAO,WASjB;IAED;;;OAGG;IACH,kBAFW,OAAO,WASjB;IAED;;;OAGG;IACH,eAFW,OAAO,WASjB;IAED;;OAEG;IACH,yBAEC;IAED;;OAEG;IACH,uBAEC;IAED,8BAEC;IAED,4BAEC;CA0CJ;;;;uBApJY,OAAO,iBAAiB,EAAE,QAAQ;;;;4BAClC,OAAO,iBAAiB,EAAE,aAAa"}

package/dist/src/utils/layout/point.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"point.d.ts","sourceRoot":"","sources":["../../../../src/utils/layout/point.js"],"names":[],"mappings":"AAAA;IACI;;;;OAIG;IACH,eAHW,MAAM,KACN,MAAM,EAKhB;IAFG,gBAAgB,CAAC,mBAAU;IAC3B,gBAAgB,CAAC,mBAAU;IAG/B;;;OAGG;IACH,cAFW,KAAK,WAQf;CACJ"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"rectangle.d.ts","sourceRoot":"","sources":["../../../../src/utils/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,UAAc,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,gBAEC;IAED;;OAEG;IACH,gBAEC;IAED;;OAEG;IACH,oBAEC;IAED;;OAEG;IACH,qBAEC;IAED,iBAEC;IAED,iBAEC;IAED;;;;OAIG;IACH,kBAFW,SAAS,WAcnB;IAED;;;OAGG;IACH,cAFW,QAAQ,OAAO,IAAI,EAAE,MAAM,UAAc,MAAM,CAAA,CAAC,CAAC,aAkB3D;IAED;;;;OAIG;IACH,aAHW,MAAM,UAAc,MAAM,CAAA,KAC1B,MAAM,UAAc,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;;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;;;;;mBA3RY,CAAC,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,CAAC;;;;;sBAChC,OAAO,WAAW,EAAE,OAAO;;;;;uBAC3B,MAAM,MAAM"}

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

@@ -1,9 +0,0 @@
-export default class ImplicitRootView extends GridView {
-    /**
-     * @param {import("../types/viewContext").default} context
-     * @param {import("./view").default} view
-     */
-    constructor(context: import("../types/viewContext").default, view: import("./view").default);
-}
-import GridView from "./gridView.js";
-//# sourceMappingURL=implicitRootView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"implicitRootView.d.ts","sourceRoot":"","sources":["../../../src/view/implicitRootView.js"],"names":[],"mappings":"AAEA;IACI;;;OAGG;IACH,qBAHW,OAAO,sBAAsB,EAAE,OAAO,QACtC,OAAO,QAAQ,EAAE,OAAO,EAgBlC;CACJ;qBAtBoB,eAAe"}

package/dist/src/view/implicitRootView.js

@@ -1,23 +0,0 @@
-import GridView from "./gridView.js";
-
-export default class ImplicitRootView extends GridView {
-    /**
-     * @param {import("../types/viewContext").default} context
-     * @param {import("./view").default} view
-     */
-    constructor(context, view) {
-        super(
-            { vconcat: [] },
-            context,
-            undefined,
-            undefined,
-            "implicitRoot",
-            1
-        );
-
-        view.layoutParent = this;
-        view.dataParent = this;
-
-        this.appendChild(view);
-    }
-}

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

@@ -1,17 +0,0 @@
-/**
- * This is just a placeholder for custom tracks that are imported by name.
- */
-export default class ImportView extends View {
-    /**
-     *
-     * @param {import("../spec/view").ImportSpec} spec
-     * @param {import("../types/viewContext").default} context
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
-     * @param {string} name
-     */
-    constructor(spec: import("../spec/view").ImportSpec, context: import("../types/viewContext").default, layoutParent: import("./containerView").default, dataParent: import("./view").default, name: string);
-    spec: import("../spec/view").ImportSpec;
-}
-import View from "./view.js";
-//# sourceMappingURL=importView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"importView.d.ts","sourceRoot":"","sources":["../../../src/view/importView.js"],"names":[],"mappings":"AAEA;;GAEG;AAEH;IACI;;;;;;;OAOG;IACH,kBANW,OAAO,cAAc,EAAE,UAAU,WACjC,OAAO,sBAAsB,EAAE,OAAO,gBACtC,OAAO,iBAAiB,EAAE,OAAO,cACjC,OAAO,QAAQ,EAAE,OAAO,QACxB,MAAM,EAOhB;IADG,wCAAgB;CAEvB;iBArBgB,WAAW"}