@genome-spy/core 0.37.4 → 0.39.0

package/dist/src/tooltip/tooltipHandler.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from "lit-html";
-import Mark from "../marks/mark";
+import Mark from "../marks/mark.js";
 
 /**
  * Converts a datum to tooltip (HTMLElement or lit's TemplateResult).

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

@@ -1,6 +1,6 @@
-import { ScaleResolutionApi } from "./scaleResolutionApi";
-import { TooltipHandler } from "../tooltip/tooltipHandler";
-import { RootSpec } from "../spec/root";
+import { ScaleResolutionApi } from "./scaleResolutionApi.js";
+import { TooltipHandler } from "../tooltip/tooltipHandler.js";
+import { RootSpec } from "../spec/root.js";
 
 /**
  * Embeds GenomeSpy into the DOM

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

@@ -15,10 +15,10 @@ import {
     ScaleDiverging,
     ScaleContinuousNumeric,
 } from "d3-scale";
-import { ChannelDef } from "../spec/channel";
-import { ScaleLocus } from "../genome/scaleLocus";
-import { ScaleIndex } from "../genome/scaleIndex";
-import { Scalar } from "../spec/channel";
+import { ChannelDef } from "../spec/channel.js";
+import { ScaleLocus } from "../genome/scaleLocus.js";
+import { ScaleIndex } from "../genome/scaleIndex.js";
+import { Scalar } from "../spec/channel.js";
 
 export interface AccessorMetadata {
     /** True if the accessor returns the same value for all objects */

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

@@ -1,4 +1,4 @@
-import { Field } from "../spec/transform";
+import { Field } from "../spec/transform.js";
 
 export interface FlowBatchBase {
     type: string;

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

@@ -1,6 +1,6 @@
-import Mark from "../marks/mark";
-import { LocSize } from "../utils/layout/flexLayout";
-import Rectangle from "../utils/layout/rectangle";
+import Mark from "../marks/mark.js";
+import { LocSize } from "../view/layout/flexLayout.js";
+import Rectangle from "../view/layout/rectangle.js";
 
 /**
  * Describes the location of a sample facet. Left is the primary pos, right is for

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

@@ -1,5 +1,5 @@
-import { ComplexDomain, NumericDomain } from "../spec/scale";
-import ScaleResolution from "../view/scaleResolution";
+import { ComplexDomain, NumericDomain } from "../spec/scale.js";
+import ScaleResolution from "../view/scaleResolution.js";
 
 export interface ScaleResolutionEvent {
     type: "domain";

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

@@ -1,16 +1,16 @@
 import { TemplateResult } from "lit-html";
-import View, { BroadcastMessage } from "../view/view";
-import DataFlow from "../data/dataFlow";
-import AccessorFactory from "../encoder/accessor";
-import WebGLHelper from "../gl/webGLHelper";
-import Animator from "../utils/animator";
-import GenomeStore from "../genome/genomeStore";
-import BmFontManager from "../fonts/bmFontManager";
-import Mark from "../marks/mark";
-import { Datum } from "../data/flowNode";
-import { ViewSpec } from "../spec/view";
-import ContainerView from "./containerView";
-import { BroadcastEventType } from "../genomeSpy";
+import View, { BroadcastMessage } from "../view/view.js";
+import DataFlow from "../data/dataFlow.js";
+import AccessorFactory from "../encoder/accessor.js";
+import WebGLHelper from "../gl/webGLHelper.js";
+import Animator from "../utils/animator.js";
+import GenomeStore from "../genome/genomeStore.js";
+import BmFontManager from "../fonts/bmFontManager.js";
+import Mark from "../marks/mark.js";
+import { Datum } from "../data/flowNode.js";
+import { ImportSpec, ViewSpec } from "../spec/view.js";
+import ContainerView from "./containerView.js";
+import { BroadcastEventType } from "../genomeSpy.js";
 
 export interface Hover {
     mark: Mark;
@@ -76,10 +76,39 @@ export default interface ViewContext {
 
     isViewSpec: (spec: any) => boolean;
 
+    /**
+     * @deprecated Use createOrImportView instead.
+     * @param spec
+     * @param layoutParent
+     * @param dataParent
+     * @param defaultName
+     * @returns
+     */
     createView: (
         spec: ViewSpec,
         layoutParent?: ContainerView,
         dataParent?: View,
         defaultName?: string
     ) => View;
+
+    /**
+     *
+     * @param spec
+     * @param layoutParent
+     * @param dataParent
+     * @param defaultName
+     * @param validator
+     * @returns
+     */
+    createOrImportView: (
+        spec: ViewSpec | ImportSpec,
+        layoutParent?: ContainerView,
+        dataParent?: View,
+        defaultName?: string,
+        /**
+         * Validates whether the imported spec is acceptable for the importer.
+         * The function should throw an Error if the view is not acceptable.
+         */
+        validator?: (spec: ViewSpec) => void
+    ) => Promise<View>;
 }

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

@@ -34,8 +34,8 @@ export default class Animator {
      * Initiates a transition with a `requestAnimationFrame` that is synced
      * with this Animator instance.
      *
-     * @param {import("./transition").TransitionOptions} options
+     * @param {import("./transition.js").TransitionOptions} options
      */
-    transition(options: import("./transition").TransitionOptions): Promise<any>;
+    transition(options: import("./transition.js").TransitionOptions): Promise<any>;
 }
 //# sourceMappingURL=animator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"animator.d.ts","sourceRoot":"","sources":["../../../src/utils/animator.js"],"names":[],"mappings":"AAEA;IACI;;;OAGG;IACH,mCAFoB,MAAM,KAAE,IAAI,EAS/B;IANG,wBAHgB,MAAM,KAAE,IAAI,CAGS;IACrC,0BAA6B;IAC7B,eAAkB;IAElB,wCAAwC;IACxC,qBADqB,MAAM,KAAE,IAAI,IACZ;IAGzB;;;;;;;;;OASG;IACH,mCAFoB,MAAM,KAAE,IAAI,QAM/B;IAED;;OAEG;IACH,kCAFoB,MAAM,KAAE,IAAI,QAO/B;IAED;;;;OAIG;IACH,sBAoBC;IAED;;;;;OAKG;IACH,oBAFW,OAAO,cAAc,EAAE,iBAAiB,gBAQlD;CACJ"}
+{"version":3,"file":"animator.d.ts","sourceRoot":"","sources":["../../../src/utils/animator.js"],"names":[],"mappings":"AAEA;IACI;;;OAGG;IACH,mCAFoB,MAAM,KAAE,IAAI,EAS/B;IANG,wBAHgB,MAAM,KAAE,IAAI,CAGS;IACrC,0BAA6B;IAC7B,eAAkB;IAElB,wCAAwC;IACxC,aADW,QAAU,MAAM,KAAE,IAAI,CAAC,EAAE,CACf;IAGzB;;;;;;;;;OASG;IACH,mCAFoB,MAAM,KAAE,IAAI,QAM/B;IAED;;OAEG;IACH,kCAFoB,MAAM,KAAE,IAAI,QAO/B;IAED;;;;OAIG;IACH,sBAoBC;IAED;;;;;OAKG;IACH,oBAFW,OAAO,iBAAiB,EAAE,iBAAiB,gBAQrD;CACJ"}

package/dist/src/utils/animator.js

@@ -71,7 +71,7 @@ export default class Animator {
      * Initiates a transition with a `requestAnimationFrame` that is synced
      * with this Animator instance.
      *
-     * @param {import("./transition").TransitionOptions} options
+     * @param {import("./transition.js").TransitionOptions} options
      */
     transition(options) {
         return doTransition({

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

@@ -8,11 +8,11 @@ export function makeEventTemplate<T>(event: T): Partial<Record<keyof T, any>>;
  */
 export default class Inertia {
     /**
-     * @param {import("./animator").default} animator
+     * @param {import("./animator.js").default} animator
      * @param {boolean} [disabled] Just call the callback directly
      */
-    constructor(animator: import("./animator").default, disabled?: boolean);
-    animator: import("./animator").default;
+    constructor(animator: import("./animator.js").default, disabled?: boolean);
+    animator: import("./animator.js").default;
     disabled: boolean;
     damping: number;
     acceleration: number;

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

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

package/dist/src/utils/inertia.js

@@ -5,7 +5,7 @@ import { lerp } from "vega-util";
  */
 export default class Inertia {
     /**
-     * @param {import("./animator").default} animator
+     * @param {import("./animator.js").default} animator
      * @param {boolean} [disabled] Just call the callback directly
      */
     constructor(animator, disabled) {

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

@@ -6,20 +6,20 @@
 export default class InteractionEvent {
     /**
      *
-     * @param {import("./layout/point").default} point Event coordinates
+     * @param {import("../view/layout/point.js").default} point Event coordinates
      *      inside the visualization canvas.
      * @param {UIEvent} uiEvent The event to be wrapped
      */
-    constructor(point: import("./layout/point").default, uiEvent: UIEvent);
-    point: import("./layout/point").default;
+    constructor(point: import("../view/layout/point.js").default, uiEvent: UIEvent);
+    point: import("../view/layout/point.js").default;
     uiEvent: UIEvent;
     stopped: boolean;
     /**
      * The target is known only in the bubbling phase
      *
-     * @type {import("../view/view").default}
+     * @type {import("../view/view.js").default}
      */
-    target: import("../view/view").default;
+    target: import("../view/view.js").default;
     stopPropagation(): void;
     get type(): string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"interactionEvent.d.ts","sourceRoot":"","sources":["../../../src/utils/interactionEvent.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;IACI;;;;;OAKG;IACH,mBAJW,OAAO,gBAAgB,EAAE,OAAO,WAEhC,OAAO,EAajB;IAVG,wCAAkB;IAClB,iBAAsB;IACtB,iBAAoB;IAEpB;;;;OAIG;IACH,QAFU,OAAO,cAAc,EAAE,OAAO,CAEjB;IAG3B,wBAEC;IAED,mBAEC;CACJ"}
+{"version":3,"file":"interactionEvent.d.ts","sourceRoot":"","sources":["../../../src/utils/interactionEvent.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;IACI;;;;;OAKG;IACH,mBAJW,OAAO,yBAAyB,EAAE,OAAO,WAEzC,OAAO,EAajB;IAVG,iDAAkB;IAClB,iBAAsB;IACtB,iBAAoB;IAEpB;;;;OAIG;IACH,QAFU,OAAO,iBAAiB,EAAE,OAAO,CAEpB;IAG3B,wBAEC;IAED,mBAEC;CACJ"}

package/dist/src/utils/interactionEvent.js

@@ -6,7 +6,7 @@
 export default class InteractionEvent {
     /**
      *
-     * @param {import("./layout/point").default} point Event coordinates
+     * @param {import("../view/layout/point.js").default} point Event coordinates
      *      inside the visualization canvas.
      * @param {UIEvent} uiEvent The event to be wrapped
      */
@@ -18,7 +18,7 @@ export default class InteractionEvent {
         /**
          * The target is known only in the bubbling phase
          *
-         * @type {import("../view/view").default}
+         * @type {import("../view/view.js").default}
          */
         this.target = undefined;
     }

package/dist/src/utils/trees.js

@@ -10,10 +10,10 @@
  */
 export function nodesToTreesWithAccessor(nodes, parentAccessor) {
     /**
+     * @template T
      * @typedef {object} NodeWrapper
      * @prop {T} ref
      * @prop {NodeWrapper<T>[]} children
-     * @template T
      */
 
     /** @type {Map<T, NodeWrapper<T>>} */

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

@@ -1,39 +1,40 @@
 /**
- * @typedef {import("../spec/channel").PrimaryPositionalChannel} PositionalChannel
- * @typedef {import("../spec/view").GeometricDimension} GeometricDimension
+ * @typedef {import("../spec/channel.js").PrimaryPositionalChannel} PositionalChannel
+ * @typedef {import("../spec/view.js").GeometricDimension} GeometricDimension
  */
 /**
  * An internal view that renders an axis grid.
  *
- * @typedef {import("./view").default} View
- * @typedef {import("../spec/axis").Axis} Axis
- * @typedef {import("../spec/axis").GenomeAxis} GenomeAxis
+ * @typedef {import("./view.js").default} View
+ * @typedef {import("../spec/axis.js").Axis} Axis
+ * @typedef {import("../spec/axis.js").GenomeAxis} GenomeAxis
  */
 export default class AxisGridView extends LayerView {
     /**
      * @param {Axis} axisProps
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../types/viewContext.js").default} context
      * @param {string} type Data type (quantitative, ..., locus)
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("./containerView.js").default} layoutParent
+     * @param {import("./view.js").default} dataParent
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(axisProps: Axis, type: string, context: import("../types/viewContext").default, layoutParent: import("./containerView").default, dataParent: import("./view").default);
-    axisProps: import("../spec/axis").GenomeAxis | import("../spec/axis").Axis;
-    getOrient(): import("../spec/axis").AxisOrient;
+    constructor(axisProps: Axis, type: string, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, options?: import("./view.js").ViewOptions);
+    axisProps: import("../spec/axis.js").GenomeAxis | import("../spec/axis.js").Axis;
+    getOrient(): import("../spec/axis.js").AxisOrient;
 }
-export type PositionalChannel = import("../spec/channel").PrimaryPositionalChannel;
-export type GeometricDimension = import("../spec/view").GeometricDimension;
+export type PositionalChannel = import("../spec/channel.js").PrimaryPositionalChannel;
+export type GeometricDimension = import("../spec/view.js").GeometricDimension;
 /**
  * An internal view that renders an axis grid.
  */
-export type View = import("./view").default;
+export type View = import("./view.js").default;
 /**
  * An internal view that renders an axis grid.
  */
-export type Axis = import("../spec/axis").Axis;
+export type Axis = import("../spec/axis.js").Axis;
 /**
  * An internal view that renders an axis grid.
  */
-export type GenomeAxis = import("../spec/axis").GenomeAxis;
+export type GenomeAxis = import("../spec/axis.js").GenomeAxis;
 import LayerView from "./layerView.js";
 //# sourceMappingURL=axisGridView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"axisGridView.d.ts","sourceRoot":"","sources":["../../../src/view/axisGridView.js"],"names":[],"mappings":"AAGA;;;GAGG;AAEH;;;;;;GAMG;AACH;IACI;;;;;;OAMG;IACH,uBANW,IAAI,QAEJ,MAAM,WADN,OAAO,sBAAsB,EAAE,OAAO,gBAEtC,OAAO,iBAAiB,EAAE,OAAO,cACjC,OAAO,QAAQ,EAAE,OAAO,EAyBlC;IAHG,2EAA8B;IAKlC,+CAEC;CAKJ;gCAnDY,OAAO,iBAAiB,EAAE,wBAAwB;iCAClD,OAAO,cAAc,EAAE,kBAAkB;;;;mBAMzC,OAAO,QAAQ,EAAE,OAAO;;;;mBACxB,OAAO,cAAc,EAAE,IAAI;;;;yBAC3B,OAAO,cAAc,EAAE,UAAU;sBAbxB,gBAAgB"}
+{"version":3,"file":"axisGridView.d.ts","sourceRoot":"","sources":["../../../src/view/axisGridView.js"],"names":[],"mappings":"AAGA;;;GAGG;AAEH;;;;;;GAMG;AACH;IACI;;;;;;;OAOG;IACH,uBAPW,IAAI,QAEJ,MAAM,WADN,OAAO,yBAAyB,EAAE,OAAO,gBAEzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,YAC3B,OAAO,WAAW,EAAE,WAAW,EA4BzC;IADG,iFAA8B;IAGlC,kDAEC;CAKJ;gCAvDY,OAAO,oBAAoB,EAAE,wBAAwB;iCACrD,OAAO,iBAAiB,EAAE,kBAAkB;;;;mBAM5C,OAAO,WAAW,EAAE,OAAO;;;;mBAC3B,OAAO,iBAAiB,EAAE,IAAI;;;;yBAC9B,OAAO,iBAAiB,EAAE,UAAU;sBAb3B,gBAAgB"}

package/dist/src/view/axisGridView.js

@@ -2,26 +2,27 @@ import LayerView from "./layerView.js";
 import { orient2channel } from "./axisView.js";
 
 /**
- * @typedef {import("../spec/channel").PrimaryPositionalChannel} PositionalChannel
- * @typedef {import("../spec/view").GeometricDimension} GeometricDimension
+ * @typedef {import("../spec/channel.js").PrimaryPositionalChannel} PositionalChannel
+ * @typedef {import("../spec/view.js").GeometricDimension} GeometricDimension
  */
 
 /**
  * An internal view that renders an axis grid.
  *
- * @typedef {import("./view").default} View
- * @typedef {import("../spec/axis").Axis} Axis
- * @typedef {import("../spec/axis").GenomeAxis} GenomeAxis
+ * @typedef {import("./view.js").default} View
+ * @typedef {import("../spec/axis.js").Axis} Axis
+ * @typedef {import("../spec/axis.js").GenomeAxis} GenomeAxis
  */
 export default class AxisGridView extends LayerView {
     /**
      * @param {Axis} axisProps
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../types/viewContext.js").default} context
      * @param {string} type Data type (quantitative, ..., locus)
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("./containerView.js").default} layoutParent
+     * @param {import("./view.js").default} dataParent
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(axisProps, type, context, layoutParent, dataParent) {
+    constructor(axisProps, type, context, layoutParent, dataParent, options) {
         // Now the presence of genomeAxis is based on field type, not scale type.
         // TODO: Use scale instead. However, it would make the initialization much more
         // complex because scales are not available before scale resolution.
@@ -38,12 +39,15 @@ export default class AxisGridView extends LayerView {
             context,
             layoutParent,
             dataParent,
-            `axisGrid_${axisProps.orient}`
+            `axisGrid_${axisProps.orient}`,
+            {
+                blockEncodingInheritance: true,
+                contributesToScaleDomain: false,
+                ...options,
+            }
         );
 
         this.axisProps = fullAxisProps;
-        this.blockEncodingInheritance = true;
-        this.contributesToScaleDomain = false;
     }
 
     getOrient() {
@@ -76,7 +80,7 @@ const defaultAxisProps = {
 };
 
 /**
- * @type {import("../spec/axis").GenomeAxis}
+ * @type {import("../spec/axis.js").GenomeAxis}
  */
 const defaultGenomeAxisProps = {
     ...defaultAxisProps,
@@ -92,7 +96,7 @@ const defaultGenomeAxisProps = {
 /**
  * @param {Axis} axisProps
  * @param {string} type
- * @returns {import("../spec/view").UnitSpec}
+ * @returns {import("../spec/view.js").UnitSpec}
  */
 function createRegularAxisGrid(axisProps, type) {
     const ap = axisProps;
@@ -123,9 +127,9 @@ function createRegularAxisGrid(axisProps, type) {
 }
 
 /**
- * @param {import("../spec/axis").GenomeAxis} axisProps
+ * @param {import("../spec/axis.js").GenomeAxis} axisProps
  * @param {string} type
- * @returns {import("../spec/view").UnitSpec}
+ * @returns {import("../spec/view.js").UnitSpec}
  */
 function createChromAxisGrid(axisProps, type) {
     const ap = axisProps;
@@ -155,9 +159,9 @@ function createChromAxisGrid(axisProps, type) {
 }
 
 /**
- * @param {import("../spec/axis").GenomeAxis} axisProps
+ * @param {import("../spec/axis.js").GenomeAxis} axisProps
  * @param {string} type
- * @returns {import("../spec/view").UnitSpec}
+ * @returns {import("../spec/view.js").UnitSpec}
  */
 function createChromAxisFill(axisProps, type) {
     const ap = axisProps;
@@ -209,13 +213,13 @@ function createChromAxisFill(axisProps, type) {
 /**
  * @param {GenomeAxis} axisProps
  * @param {string} type
- * @returns {import("../spec/view").LayerSpec}
+ * @returns {import("../spec/view.js").LayerSpec}
  */
 function createAxisGrid(axisProps, type) {
     const ap = { ...axisProps };
 
     /**
-     * @type {(import("../spec/view").UnitSpec | import("../spec/view").LayerSpec)[]}
+     * @type {(import("../spec/view.js").UnitSpec | import("../spec/view.js").LayerSpec)[]}
      */
     const layers = [];
 

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

@@ -1,24 +1,24 @@
 export default class AxisResolution {
     /**
-     * @typedef { import("./unitView").default} UnitView
+     * @typedef { import("./unitView.js").default} UnitView
      */
     /**
-     * @param {import("../spec/channel").PrimaryPositionalChannel} channel
+     * @param {import("../spec/channel.js").PrimaryPositionalChannel} channel
      */
-    constructor(channel: import("../spec/channel").PrimaryPositionalChannel);
-    channel: import("../spec/channel").PrimaryPositionalChannel;
-    /** @type {import("./scaleResolution").ResolutionMember<import("../spec/channel").PositionalChannel>[]} The involved views */
-    members: import("./scaleResolution").ResolutionMember<import("../spec/channel").PositionalChannel>[];
-    get scaleResolution(): import("./scaleResolution").default;
+    constructor(channel: import("../spec/channel.js").PrimaryPositionalChannel);
+    channel: import("../spec/channel.js").PrimaryPositionalChannel;
+    /** @type {import("./scaleResolution.js").ResolutionMember<import("../spec/channel.js").PositionalChannel>[]} The involved views */
+    members: import("./scaleResolution.js").ResolutionMember<import("../spec/channel.js").PositionalChannel>[];
+    get scaleResolution(): import("./scaleResolution.js").default;
     /**
      * N.B. This is expected to be called in depth-first order, AFTER the
      * scales have been resolved.
      *
      * @param {UnitView} view
-     * @param {import("../spec/channel").PositionalChannel} channel TODO: Do something for this
+     * @param {import("../spec/channel.js").PositionalChannel} channel TODO: Do something for this
      */
-    pushUnitView(view: import("./unitView").default, channel: import("../spec/channel").PositionalChannel): void;
-    getAxisProps(): import("../spec/axis").GenomeAxis;
+    pushUnitView(view: import("./unitView.js").default, channel: import("../spec/channel.js").PositionalChannel): void;
+    getAxisProps(): import("../spec/axis.js").GenomeAxis;
     getTitle(): string;
 }
 //# sourceMappingURL=axisResolution.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"axisResolution.d.ts","sourceRoot":"","sources":["../../../src/view/axisResolution.js"],"names":[],"mappings":"AAeA;IACI;;OAEG;IAEH;;OAEG;IACH,qBAFW,OAAO,iBAAiB,EAAE,wBAAwB,EAM5D;IAHG,4DAAsB;IACtB,6HAA6H;IAC7H,SADW,OAAO,mBAAmB,EAAE,gBAAgB,CAAC,OAAO,iBAAiB,EAAE,iBAAiB,CAAC,EAAE,CACrF;IAGrB,2DAEC;IAED;;;;;;OAMG;IACH,0DAFW,OAAO,iBAAiB,EAAE,iBAAiB,QAiBrD;IAED,kDAuBC;IAED,mBAyDC;CACJ"}
+{"version":3,"file":"axisResolution.d.ts","sourceRoot":"","sources":["../../../src/view/axisResolution.js"],"names":[],"mappings":"AAeA;IACI;;OAEG;IAEH;;OAEG;IACH,qBAFW,OAAO,oBAAoB,EAAE,wBAAwB,EAM/D;IAHG,+DAAsB;IACtB,mIAAmI;IACnI,SADW,OAAO,sBAAsB,EAAE,gBAAgB,CAAC,OAAO,oBAAoB,EAAE,iBAAiB,CAAC,EAAE,CAC3F;IAGrB,8DAEC;IAED;;;;;;OAMG;IACH,6DAFW,OAAO,oBAAoB,EAAE,iBAAiB,QAiBxD;IAED,qDAuBC;IAED,mBAyDC;CACJ"}

package/dist/src/view/axisResolution.js

@@ -15,15 +15,15 @@ import { getCachedOrCall } from "../utils/propertyCacher.js";
 
 export default class AxisResolution {
     /**
-     * @typedef { import("./unitView").default} UnitView
+     * @typedef { import("./unitView.js").default} UnitView
      */
 
     /**
-     * @param {import("../spec/channel").PrimaryPositionalChannel} channel
+     * @param {import("../spec/channel.js").PrimaryPositionalChannel} channel
      */
     constructor(channel) {
         this.channel = channel;
-        /** @type {import("./scaleResolution").ResolutionMember<import("../spec/channel").PositionalChannel>[]} The involved views */
+        /** @type {import("./scaleResolution.js").ResolutionMember<import("../spec/channel.js").PositionalChannel>[]} The involved views */
         this.members = [];
     }
 
@@ -36,7 +36,7 @@ export default class AxisResolution {
      * scales have been resolved.
      *
      * @param {UnitView} view
-     * @param {import("../spec/channel").PositionalChannel} channel TODO: Do something for this
+     * @param {import("../spec/channel.js").PositionalChannel} channel TODO: Do something for this
      */
     pushUnitView(view, channel) {
         const newScaleResolution = view.getScaleResolution(this.channel);
@@ -69,7 +69,7 @@ export default class AxisResolution {
                 // No axis whatsoever is wanted
                 return null;
             } else {
-                return /** @type { import("../spec/axis").GenomeAxis} */ (
+                return /** @type { import("../spec/axis.js").GenomeAxis} */ (
                     mergeObjects(
                         propArray.filter((props) => props !== undefined),
                         "axis",
@@ -81,7 +81,7 @@ export default class AxisResolution {
     }
 
     getTitle() {
-        /** @param {import("./scaleResolution").ResolutionMember} member} */
+        /** @param {import("./scaleResolution.js").ResolutionMember} member} */
         const computeTitle = (member) => {
             const channelDef = getChannelDefWithScale(
                 member.view,

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

@@ -3,7 +3,7 @@ import { createAndInitialize } from "./testUtils.js";
 import UnitView from "./unitView.js";
 import View from "./view.js";
 
-/** @type {import("../spec/view").LayerSpec} */
+/** @type {import("../spec/view.js").LayerSpec} */
 const spec = {
     data: { values: [] },
     layer: [

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

@@ -1,21 +1,21 @@
 /**
  * @param {AxisOrient} slot
  */
-export function orient2channel(slot: import("../spec/axis").AxisOrient): import("../spec/channel").PrimaryPositionalChannel;
+export function orient2channel(slot: import("../spec/axis.js").AxisOrient): import("../spec/channel.js").PrimaryPositionalChannel;
 /**
  * @param {GenomeAxis} axisProps
  * @param {string} type
  * @returns {LayerSpec}
  */
-export function createGenomeAxis(axisProps: import("../spec/axis").GenomeAxis, type: string): import("../spec/view").LayerSpec;
+export function createGenomeAxis(axisProps: import("../spec/axis.js").GenomeAxis, type: string): import("../spec/view.js").LayerSpec;
 /**
- * @type {Record<import("../spec/channel").PrimaryPositionalChannel, AxisOrient[]>}
+ * @type {Record<import("../spec/channel.js").PrimaryPositionalChannel, AxisOrient[]>}
  */
-export const CHANNEL_ORIENTS: Record<import("../spec/channel").PrimaryPositionalChannel, import("../spec/axis").AxisOrient[]>;
+export const CHANNEL_ORIENTS: Record<import("../spec/channel.js").PrimaryPositionalChannel, import("../spec/axis.js").AxisOrient[]>;
 /**
- * @type {Record<AxisOrient, import("../spec/channel").PrimaryPositionalChannel>}
+ * @type {Record<AxisOrient, import("../spec/channel.js").PrimaryPositionalChannel>}
  */
-export const ORIENT_CHANNELS: Record<import("../spec/axis").AxisOrient, import("../spec/channel").PrimaryPositionalChannel>;
+export const ORIENT_CHANNELS: Record<import("../spec/axis.js").AxisOrient, import("../spec/channel.js").PrimaryPositionalChannel>;
 /**
  * An internal view that renders an axis.
  *
@@ -25,24 +25,25 @@ export const ORIENT_CHANNELS: Record<import("../spec/axis").AxisOrient, import("
 export default class AxisView extends LayerView {
     /**
      *
-     * @typedef {import("../spec/view").LayerSpec} LayerSpec
-     * @typedef {import("./view").default} View
-     * @typedef {import("../spec/axis").Axis} Axis
-     * @typedef {import("../spec/axis").GenomeAxis} GenomeAxis
-     * @typedef {import("../spec/axis").AxisOrient} AxisOrient
-     * @typedef {import("../utils/layout/flexLayout").SizeDef} SizeDef
+     * @typedef {import("../spec/view.js").LayerSpec} LayerSpec
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("../spec/axis.js").Axis} Axis
+     * @typedef {import("../spec/axis.js").GenomeAxis} GenomeAxis
+     * @typedef {import("../spec/axis.js").AxisOrient} AxisOrient
+     * @typedef {import("./layout/flexLayout.js").SizeDef} SizeDef
      *
      * @typedef {Axis & { extent: number }} AugmentedAxis
      */
     /**
      * @param {Axis} axisProps
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../types/viewContext.js").default} context
      * @param {string} type Data type (quantitative, ..., locus)
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("./containerView.js").default} layoutParent
+     * @param {import("./view.js").default} dataParent
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(axisProps: import("../spec/axis").Axis, type: string, context: import("../types/viewContext").default, layoutParent: import("./containerView").default, dataParent: import("./view").default);
-    axisProps: import("../spec/axis").GenomeAxis | import("../spec/axis").Axis;
+    constructor(axisProps: import("../spec/axis.js").Axis, type: string, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, options?: import("./view.js").ViewOptions);
+    axisProps: import("../spec/axis.js").GenomeAxis | import("../spec/axis.js").Axis;
     getPerpendicularSize(): number;
 }
 import LayerView from "./layerView.js";

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

@@ -1 +1 @@
-{"version":3,"file":"axisView.d.ts","sourceRoot":"","sources":["../../../src/view/axisView.js"],"names":[],"mappings":"AAoCA;;GAEG;AACH,4HAEC;AA8XD;;;;GAIG;AACH,qFAHW,MAAM,oCA2MhB;AAjmBD;;GAEG;AACH,8HAGE;AAEF;;GAEG;AACH,4HAIE;AASF;;;;;GAKG;AACH;IACI;;;;;;;;;;OAUG;IAEH;;;;;;OAMG;IACH,0DAJW,MAAM,WADN,OAAO,sBAAsB,EAAE,OAAO,gBAEtC,OAAO,iBAAiB,EAAE,OAAO,cACjC,OAAO,QAAQ,EAAE,OAAO,EA8BlC;IAHG,2EAA8B;IAmBlC,+BAEC;CAKJ;sBAxHqB,gBAAgB"}
+{"version":3,"file":"axisView.d.ts","sourceRoot":"","sources":["../../../src/view/axisView.js"],"names":[],"mappings":"AAoCA;;GAEG;AACH,kIAEC;AAkYD;;;;GAIG;AACH,wFAHW,MAAM,uCA2MhB;AArmBD;;GAEG;AACH,oIAGE;AAEF;;GAEG;AACH,kIAIE;AASF;;;;;GAKG;AACH;IACI;;;;;;;;;;OAUG;IAEH;;;;;;;OAOG;IACH,6DALW,MAAM,WADN,OAAO,yBAAyB,EAAE,OAAO,gBAEzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,YAC3B,OAAO,WAAW,EAAE,WAAW,EAiCzC;IADG,iFAA8B;IAiBlC,+BAEC;CAKJ;sBA5HqB,gBAAgB"}