@genome-spy/core 0.37.3 → 0.38.0

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"}

package/dist/src/view/axisView.js

@@ -1,24 +1,24 @@
 import LayerView from "./layerView.js";
-import { FlexDimensions } from "../utils/layout/flexLayout.js";
+import { FlexDimensions } from "./layout/flexLayout.js";
 
 const CHROM_LAYER_NAME = "chromosome_ticks_and_labels";
 
-/** @type {Record<import("../spec/channel").PrimaryPositionalChannel, import("../spec/view").GeometricDimension>} */
+/** @type {Record<import("../spec/channel.js").PrimaryPositionalChannel, import("../spec/view.js").GeometricDimension>} */
 const CHANNEL_DIMENSIONS = {
     x: "width",
     y: "height",
 };
 
 /**
- * @param {import("../spec/channel").PrimaryPositionalChannel} channel
- * @returns {import("../spec/channel").PrimaryPositionalChannel}
+ * @param {import("../spec/channel.js").PrimaryPositionalChannel} channel
+ * @returns {import("../spec/channel.js").PrimaryPositionalChannel}
  */
 function getPerpendicularChannel(channel) {
     return channel == "x" ? "y" : "x";
 }
 
 /**
- * @type {Record<import("../spec/channel").PrimaryPositionalChannel, AxisOrient[]>}
+ * @type {Record<import("../spec/channel.js").PrimaryPositionalChannel, AxisOrient[]>}
  */
 export const CHANNEL_ORIENTS = {
     x: ["bottom", "top"],
@@ -26,7 +26,7 @@ export const CHANNEL_ORIENTS = {
 };
 
 /**
- * @type {Record<AxisOrient, import("../spec/channel").PrimaryPositionalChannel>}
+ * @type {Record<AxisOrient, import("../spec/channel.js").PrimaryPositionalChannel>}
  */
 export const ORIENT_CHANNELS = Object.fromEntries(
     Object.entries(CHANNEL_ORIENTS)
@@ -50,24 +50,25 @@ export function orient2channel(slot) {
 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, 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.
@@ -89,12 +90,15 @@ export default class AxisView extends LayerView {
             context,
             layoutParent,
             dataParent,
-            `axis_${axisProps.orient}`
+            `axis_${axisProps.orient}`,
+            {
+                blockEncodingInheritance: true,
+                contributesToScaleDomain: false,
+                ...options,
+            }
         );
 
         this.axisProps = fullAxisProps;
-        this.blockEncodingInheritance = true;
-        this.contributesToScaleDomain = false;
     }
 
     getSize() {
@@ -206,9 +210,9 @@ function getDefaultAngleAndAlign(type, axisProps) {
     const orient = axisProps.orient;
     const discrete = type == "nominal" || type == "ordinal";
 
-    /** @type {import("../spec/font").Align} */
+    /** @type {import("../spec/font.js").Align} */
     let align = "center";
-    /** @type {import("../spec/font").Baseline} */
+    /** @type {import("../spec/font.js").Baseline} */
     let baseline = "middle";
 
     /** @type {number} */
@@ -263,7 +267,7 @@ function createAxis(axisProps, type) {
     const anchor = ap.orient == "bottom" || ap.orient == "left" ? 1 : 0;
 
     /**
-     * @return {import("../spec/view").UnitSpec}
+     * @return {import("../spec/view.js").UnitSpec}
      */
     const createDomain = () => ({
         name: "domain",
@@ -280,7 +284,7 @@ function createAxis(axisProps, type) {
     });
 
     /**
-     * @return {import("../spec/view").UnitSpec}
+     * @return {import("../spec/view.js").UnitSpec}
      */
     const createLabels = () => ({
         name: "labels",
@@ -304,7 +308,7 @@ function createAxis(axisProps, type) {
     });
 
     /**
-     * @return {import("../spec/view").UnitSpec}
+     * @return {import("../spec/view.js").UnitSpec}
      */
     const createTicks = () => ({
         name: "ticks",
@@ -326,7 +330,7 @@ function createAxis(axisProps, type) {
     });
 
     /**
-     * @return {import("../spec/view").UnitSpec}
+     * @return {import("../spec/view.js").UnitSpec}
      */
     const createTitle = () => ({
         name: "title",
@@ -347,7 +351,7 @@ function createAxis(axisProps, type) {
     });
 
     /**
-     * @return {import("../spec/view").LayerSpec}
+     * @return {import("../spec/view.js").LayerSpec}
      */
     const createTicksAndLabels = () => {
         /** @type {LayerSpec} */
@@ -400,7 +404,7 @@ function createAxis(axisProps, type) {
     return axisSpec;
 }
 
-/** @type {import("../spec/axis").GenomeAxis} */
+/** @type {import("../spec/axis.js").GenomeAxis} */
 const defaultGenomeAxisProps = {
     ...defaultAxisProps,
 
@@ -435,7 +439,7 @@ export function createGenomeAxis(axisProps, type) {
     const anchor = ap.orient == "bottom" || ap.orient == "left" ? 1 : 0;
 
     /**
-     * @return {import("../spec/view").UnitSpec}
+     * @return {import("../spec/view.js").UnitSpec}
      */
     const createChromosomeTicks = () => ({
         name: "chromosome_ticks",
@@ -452,10 +456,10 @@ export function createGenomeAxis(axisProps, type) {
     });
 
     /**
-     * @return {import("../spec/view").UnitSpec}
+     * @return {import("../spec/view.js").UnitSpec}
      */
     const createChromosomeLabels = () => {
-        /** @type {Partial<import("../spec/mark").MarkConfig>} */
+        /** @type {Partial<import("../spec/mark.js").MarkConfig>} */
         let chromLabelMarkProps;
         switch (ap.orient) {
             case "top":
@@ -507,7 +511,7 @@ export function createGenomeAxis(axisProps, type) {
                 chromLabelMarkProps = {};
         }
 
-        /** @type {import("../spec/view").UnitSpec} */
+        /** @type {import("../spec/view.js").UnitSpec} */
         const labels = {
             name: "chromosome_labels",
             mark: {
@@ -566,7 +570,7 @@ export function createGenomeAxis(axisProps, type) {
     );
 
     if (axisProps.chromTicks || axisProps.chromLabels) {
-        /** @type {import("../spec/view").LayerSpec} */
+        /** @type {import("../spec/view.js").LayerSpec} */
         const chromLayerSpec = {
             // TODO: Configuration
             name: CHROM_LAYER_NAME,
@@ -590,7 +594,7 @@ export function createGenomeAxis(axisProps, type) {
         if (axisProps.chromLabels) {
             chromLayerSpec.layer.push(createChromosomeLabels());
 
-            /** @type {import("../spec/mark").MarkConfig} */
+            /** @type {import("../spec/mark.js").MarkConfig} */
             let labelMarkSpec;
 
             // TODO: Simplify the following mess
@@ -601,10 +605,10 @@ export function createGenomeAxis(axisProps, type) {
                         .filter((view) => view.name == "labels")
                         .forEach(
                             (
-                                /** @type {import("../spec/view").UnitSpec} */ view
+                                /** @type {import("../spec/view.js").UnitSpec} */ view
                             ) => {
                                 labelMarkSpec =
-                                    /** @type {import("../spec/mark").MarkConfig} */ (
+                                    /** @type {import("../spec/mark.js").MarkConfig} */ (
                                         view.mark
                                     );
                             }