@genome-spy/core 0.37.3 → 0.38.0

package/dist/src/marks/text.js

@@ -34,7 +34,7 @@ const baselines = {
  */
 export default class TextMark extends Mark {
     /**
-     * @param {import("../view/unitView").default} unitView
+     * @param {import("../view/unitView.js").default} unitView
      */
     constructor(unitView) {
         super(unitView);
@@ -111,7 +111,7 @@ export default class TextMark extends Mark {
     }
 
     /**
-     * @returns {import("../spec/channel").Channel[]}
+     * @returns {import("../spec/channel.js").Channel[]}
      */
     getSupportedChannels() {
         return [
@@ -125,8 +125,8 @@ export default class TextMark extends Mark {
     }
 
     /**
-     * @param {import("../spec/channel").Encoding} encoding
-     * @returns {import("../spec/channel").Encoding}
+     * @param {import("../spec/channel.js").Encoding} encoding
+     * @returns {import("../spec/channel.js").Encoding}
      */
     fixEncoding(encoding) {
         // TODO: Ensure that both the primary and secondary channel are either variables or constants (values)
@@ -224,7 +224,7 @@ export default class TextMark extends Mark {
     }
 
     /**
-     * @param {import("../types/rendering").GlobalRenderingOptions} options
+     * @param {import("../types/rendering.js").GlobalRenderingOptions} options
      */
     prepareRender(options) {
         const ops = super.prepareRender(options);
@@ -259,7 +259,7 @@ export default class TextMark extends Mark {
     }
 
     /**
-     * @param {import("./mark").MarkRenderingOptions} options
+     * @param {import("./mark.js").MarkRenderingOptions} options
      */
     render(options) {
         const gl = this.gl;

package/dist/src/scale/colorUtils.d.ts

@@ -1,17 +1,17 @@
 /**
- * @param {string | import("../spec/scale").SchemeParams} schemeParams
+ * @param {string | import("../spec/scale.js").SchemeParams} schemeParams
  * @param {WebGL2RenderingContext} gl
  * @param {number} [count]
  * @param {WebGLTexture} [existingTexture]
  */
-export function createSchemeTexture(schemeParams: string | import("../spec/scale").SchemeParams, gl: WebGL2RenderingContext, count?: number, existingTexture?: WebGLTexture): WebGLTexture;
+export function createSchemeTexture(schemeParams: string | import("../spec/scale.js").SchemeParams, gl: WebGL2RenderingContext, count?: number, existingTexture?: WebGLTexture): WebGLTexture;
 /**
  * @param {string[]} colors
- * @param {import("../spec/scale").ScaleInterpolate | import("../spec/scale").ScaleInterpolateParams} interpolateParams
+ * @param {import("../spec/scale.js").ScaleInterpolate | import("../spec/scale.js").ScaleInterpolateParams} interpolateParams
  * @param {WebGL2RenderingContext} gl
  * @param {WebGLTexture} [existingTexture]
  */
-export function createInterpolatedColorTexture(colors: string[], interpolateParams: import("../spec/scale").ScaleInterpolate | import("../spec/scale").ScaleInterpolateParams, gl: WebGL2RenderingContext, existingTexture?: WebGLTexture): WebGLTexture;
+export function createInterpolatedColorTexture(colors: string[], interpolateParams: import("../spec/scale.js").ScaleInterpolate | import("../spec/scale.js").ScaleInterpolateParams, gl: WebGL2RenderingContext, existingTexture?: WebGLTexture): WebGLTexture;
 /**
  * Creates a texture that maps integer indices to discrete 32bit floats.
  * The range may represent point shapes, for example.

package/dist/src/scale/colorUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/scale/colorUtils.js"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,kDALW,MAAM,GAAG,OAAO,eAAe,EAAE,YAAY,MAC7C,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBAqCtB;AAED;;;;;GAKG;AACH,uDALW,MAAM,EAAE,qBACR,OAAO,eAAe,EAAE,gBAAgB,GAAG,OAAO,eAAe,EAAE,sBAAsB,MACzF,sBAAsB,oBACtB,YAAY,gBA6BtB;AAED;;;;;;;;GAQG;AACH,6CALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBAqBtB;AAED;;;;;;;GAOG;AACH,mDALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBActB"}
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/scale/colorUtils.js"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,kDALW,MAAM,GAAG,OAAO,kBAAkB,EAAE,YAAY,MAChD,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBAqCtB;AAED;;;;;GAKG;AACH,uDALW,MAAM,EAAE,qBACR,OAAO,kBAAkB,EAAE,gBAAgB,GAAG,OAAO,kBAAkB,EAAE,sBAAsB,MAC/F,sBAAsB,oBACtB,YAAY,gBA6BtB;AAED;;;;;;;;GAQG;AACH,6CALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBAqBtB;AAED;;;;;;;GAOG;AACH,mDALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBActB"}

package/dist/src/scale/colorUtils.js

@@ -6,7 +6,7 @@ import { peek } from "../utils/arrayUtils.js";
 import { createOrUpdateTexture } from "../gl/webGLHelper.js";
 
 /**
- * @param {string | import("../spec/scale").SchemeParams} schemeParams
+ * @param {string | import("../spec/scale.js").SchemeParams} schemeParams
  * @param {WebGL2RenderingContext} gl
  * @param {number} [count]
  * @param {WebGLTexture} [existingTexture]
@@ -50,7 +50,7 @@ export function createSchemeTexture(schemeParams, gl, count, existingTexture) {
 
 /**
  * @param {string[]} colors
- * @param {import("../spec/scale").ScaleInterpolate | import("../spec/scale").ScaleInterpolateParams} interpolateParams
+ * @param {import("../spec/scale.js").ScaleInterpolate | import("../spec/scale.js").ScaleInterpolateParams} interpolateParams
  * @param {WebGL2RenderingContext} gl
  * @param {WebGLTexture} [existingTexture]
  */

package/dist/src/scale/glslScaleGenerator.d.ts

@@ -8,9 +8,9 @@ export function generateValueGlsl(channel: Channel, value: number | number[] | s
  *
  * @param {Channel} channel
  * @param {any} scale TODO: typing
- * @param {import("../spec/channel").ChannelDef} channelDef
+ * @param {import("../spec/channel.js").ChannelDef} channelDef
  */
-export function generateScaleGlsl(channel: Channel, scale: any, channelDef: import("../spec/channel").ChannelDef): {
+export function generateScaleGlsl(channel: Channel, scale: any, channelDef: import("../spec/channel.js").ChannelDef): {
     glsl: string;
     domainUniform: string;
 };
@@ -34,7 +34,7 @@ export const RANGE_PREFIX: "range_";
 export const SCALE_FUNCTION_PREFIX: "scale_";
 export const SCALED_FUNCTION_PREFIX: "getScaled_";
 export const RANGE_TEXTURE_PREFIX: "uRangeTexture_";
-export type Channel = import("../spec/channel").Channel;
+export type Channel = import("../spec/channel.js").Channel;
 /**
  * Turns a number or number array to float or vec[234] string.
  */

package/dist/src/scale/glslScaleGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glslScaleGenerator.d.ts","sourceRoot":"","sources":["../../../src/scale/glslScaleGenerator.js"],"names":[],"mappings":"AAiDA;;;;GAIG;AACH,2CAHW,OAAO,SACP,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,UAsC9C;AAED;;;;;GAKG;AAEH,2CALW,OAAO,SACP,GAAG,cACH,OAAO,iBAAiB,EAAE,UAAU;;;EA8Q9C;AA+FD;;;GAGG;AACH,2CAFW,MAAM,WAIhB;AAOD;;;GAGG;AACH,sCAHW,MAAM,QACN,MAAM,EAAE,YAYlB;AAYD;;GAEG;AACH,qDAFW,MAAM,EAAE,YAIlB;AAteD,uCAAwC;AACxC,uCAAwC;AACxC,oCAAqC;AACrC,6CAA8C;AAC9C,kDAAmD;AACnD,oDAAqD;sBAMxC,OAAO,iBAAiB,EAAE,OAAO;;;;8BAgXjC,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"glslScaleGenerator.d.ts","sourceRoot":"","sources":["../../../src/scale/glslScaleGenerator.js"],"names":[],"mappings":"AAiDA;;;;GAIG;AACH,2CAHW,OAAO,SACP,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,UAsC9C;AAED;;;;;GAKG;AAEH,2CALW,OAAO,SACP,GAAG,cACH,OAAO,oBAAoB,EAAE,UAAU;;;EA8QjD;AA+FD;;;GAGG;AACH,2CAFW,MAAM,WAIhB;AAOD;;;GAGG;AACH,sCAHW,MAAM,QACN,MAAM,EAAE,YAYlB;AAYD;;GAEG;AACH,qDAFW,MAAM,EAAE,YAIlB;AAteD,uCAAwC;AACxC,uCAAwC;AACxC,oCAAqC;AACrC,6CAA8C;AAC9C,kDAAmD;AACnD,oDAAqD;sBAMxC,OAAO,oBAAoB,EAAE,OAAO;;;;8BAgXpC,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE"}

package/dist/src/scale/glslScaleGenerator.js

@@ -28,7 +28,7 @@ export const RANGE_TEXTURE_PREFIX = "uRangeTexture_";
 const FLT_MAX = 3.402823466e38;
 
 /**
- * @typedef {import("../spec/channel").Channel} Channel
+ * @typedef {import("../spec/channel.js").Channel} Channel
  */
 
 /**
@@ -94,7 +94,7 @@ ${vec.type} ${SCALED_FUNCTION_PREFIX}${channel}() {
  *
  * @param {Channel} channel
  * @param {any} scale TODO: typing
- * @param {import("../spec/channel").ChannelDef} channelDef
+ * @param {import("../spec/channel.js").ChannelDef} channelDef
  */
 // eslint-disable-next-line complexity
 export function generateScaleGlsl(channel, scale, channelDef) {

package/dist/src/scale/scale.d.ts

@@ -1,10 +1,10 @@
 export function configureScale(_: any, scale: any, logger: any): void;
 /**
  *
- * @param {import("../spec/scale").Scale} _
+ * @param {import("../spec/scale.js").Scale} _
  * @param {*} logger
- * @returns {import("../encoder/encoder").VegaScale}
+ * @returns {import("../encoder/encoder.js").VegaScale}
  */
-export default function createScale(_: import("../spec/scale").Scale, logger: any): any;
+export default function createScale(_: import("../spec/scale.js").Scale, logger: any): any;
 export function configureDomain(scale: any, _: any, logger: any): any;
 //# sourceMappingURL=scale.d.ts.map

package/dist/src/scale/scale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../src/scale/scale.js"],"names":[],"mappings":"AAoHA,sEAmBC;AAED;;;;;GAKG;AACH,uCAJW,OAAO,eAAe,EAAE,KAAK,oBAsBvC;AAgCD,sEAuEC"}
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../src/scale/scale.js"],"names":[],"mappings":"AAoHA,sEAmBC;AAED;;;;;GAKG;AACH,uCAJW,OAAO,kBAAkB,EAAE,KAAK,oBAsB1C;AAgCD,sEAuEC"}

package/dist/src/scale/scale.js

@@ -137,9 +137,9 @@ export function configureScale(_, scale, logger) {
 
 /**
  *
- * @param {import("../spec/scale").Scale} _
+ * @param {import("../spec/scale.js").Scale} _
  * @param {*} logger
- * @returns {import("../encoder/encoder").VegaScale}
+ * @returns {import("../encoder/encoder.js").VegaScale}
  */
 export default function createScale(_, logger) {
     const key = scaleKey(_);

package/dist/src/scale/ticks.d.ts

@@ -1,7 +1,7 @@
 /**
  * Determine the tick count or interval function.
  *
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate tick values.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate tick values.
  * @param {number | {step: number, interval: number}} count - The desired tick count or interval specifier.
  * @param {number} minStep - The desired minimum step between tick values.
  * @return {*} - The tick count or interval function.
@@ -13,7 +13,7 @@ export function tickCount(scale: any, count: number | {
 /**
  * Filter a set of candidate tick values, ensuring that only tick values
  * that lie within the scale range are included.
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate tick values.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate tick values.
  * @param {Array<*>} ticks - The candidate tick values.
  * @param {*} count - The tick count or interval function.
  * @return {Array<*>} - The filtered tick values.
@@ -24,7 +24,7 @@ export function validTicks(scale: any, ticks: Array<any>, count: any): Array<any
  * interval value. If the scale has a 'ticks' method, it will be used to
  * generate the ticks, with the count argument passed as a parameter. If the
  * scale lacks a 'ticks' method, the full scale domain will be returned.
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate tick values.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate tick values.
  * @param {*} [count] - The approximate number of desired ticks.
  * @return {any[]} - The generated tick values.
  */
@@ -37,7 +37,7 @@ export function tickValues(scale: any, count?: any): any[];
  * If the input scale is a logarithmic scale and the format specifier does not
  * indicate a desired decimal precision, a special variable precision formatter
  * that automatically trims trailing zeroes will be generated.
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate the label formatter.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate the label formatter.
  * @param {*} [count] - The approximate number of desired ticks.
  * @param {string} [specifier] - The format specifier. Must be a legal d3
  *   specifier string (see https://github.com/d3/d3-format#formatSpecifier).

package/dist/src/scale/ticks.js

@@ -21,7 +21,7 @@ import { format as numberFormat, formatSpecifier } from "d3-format";
 /**
  * Determine the tick count or interval function.
  *
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate tick values.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate tick values.
  * @param {number | {step: number, interval: number}} count - The desired tick count or interval specifier.
  * @param {number} minStep - The desired minimum step between tick values.
  * @return {*} - The tick count or interval function.
@@ -44,7 +44,7 @@ export function tickCount(scale, count, minStep) {
 /**
  * Filter a set of candidate tick values, ensuring that only tick values
  * that lie within the scale range are included.
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate tick values.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate tick values.
  * @param {Array<*>} ticks - The candidate tick values.
  * @param {*} count - The tick count or interval function.
  * @return {Array<*>} - The filtered tick values.
@@ -85,7 +85,7 @@ export function validTicks(scale, ticks, count) {
  * interval value. If the scale has a 'ticks' method, it will be used to
  * generate the ticks, with the count argument passed as a parameter. If the
  * scale lacks a 'ticks' method, the full scale domain will be returned.
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate tick values.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate tick values.
  * @param {*} [count] - The approximate number of desired ticks.
  * @return {any[]} - The generated tick values.
  */
@@ -122,7 +122,7 @@ function binValues(bins, count) {
  * If the input scale is a logarithmic scale and the format specifier does not
  * indicate a desired decimal precision, a special variable precision formatter
  * that automatically trims trailing zeroes will be generated.
- * @param {import("../encoder/encoder").VegaScale} scale - The scale for which to generate the label formatter.
+ * @param {import("../encoder/encoder.js").VegaScale} scale - The scale for which to generate the label formatter.
  * @param {*} [count] - The approximate number of desired ticks.
  * @param {string} [specifier] - The format specifier. Must be a legal d3
  *   specifier string (see https://github.com/d3/d3-format#formatSpecifier).

package/dist/src/spec/axis.d.ts

@@ -1,4 +1,4 @@
-import { Align, Baseline, FontStyle, FontWeight } from "./font";
+import { Align, Baseline, FontStyle, FontWeight } from "./font.js";
 
 export interface GenomeAxis extends Axis {
     chromTicks?: boolean;

package/dist/src/spec/channel.d.ts

@@ -8,8 +8,8 @@
  * BSD-3-Clause License: https://github.com/vega/vega-lite/blob/master/LICENSE
  */
 
-import { Scale } from "./scale";
-import { GenomeAxis } from "./axis";
+import { Scale } from "./scale.js";
+import { GenomeAxis } from "./axis.js";
 
 export type Scalar = string | number | boolean;
 export type Value = Scalar | null;

package/dist/src/spec/data.d.ts

@@ -11,8 +11,8 @@
 /*
  * Constants and utilities for data.
  */
-import { Axis } from "./axis";
-import { FieldName, PrimaryPositionalChannel } from "./channel";
+import { Axis } from "./axis.js";
+import { FieldName, PrimaryPositionalChannel } from "./channel.js";
 
 export type ParseValue =
     | null

package/dist/src/spec/mark.d.ts

@@ -1,6 +1,6 @@
-import { Scalar } from "./channel";
-import { Align, Baseline, FontStyle, FontWeight } from "./font";
-import { Tooltip } from "./tooltip";
+import { Scalar } from "./channel.js";
+import { Align, Baseline, FontStyle, FontWeight } from "./font.js";
+import { Tooltip } from "./tooltip.js";
 
 export type MarkType = "rect" | "point" | "rule" | "text" | "link";
 

package/dist/src/spec/root.d.ts

@@ -1,5 +1,5 @@
-import { GenomeConfig } from "./genome";
-import { ViewSpec } from "./view";
+import { GenomeConfig } from "./genome.js";
+import { ViewSpec } from "./view.js";
 
 interface RootConfig {
     $schema?: string;

package/dist/src/spec/sampleView.d.ts

@@ -1,8 +1,8 @@
-import { Type } from "./channel";
-import { Data } from "./data";
-import { Align, FontStyle, FontWeight } from "./font";
-import { Scale } from "./scale";
-import { LayerSpec, UnitSpec, ViewSpecBase, ViewBackground } from "./view";
+import { Type } from "./channel.js";
+import { Data } from "./data.js";
+import { Align, FontStyle, FontWeight } from "./font.js";
+import { Scale } from "./scale.js";
+import { LayerSpec, UnitSpec, ViewSpecBase, ViewBackground } from "./view.js";
 
 // TODO: Figure out how this could be moved to the app package and excluded
 // from the core package.

package/dist/src/spec/scale.d.ts

@@ -8,7 +8,7 @@
  * BSD-3-Clause License: https://github.com/vega/vega-lite/blob/master/LICENSE
  */
 
-import { ChromosomalLocus } from "./genome";
+import { ChromosomalLocus } from "./genome.js";
 
 export type ScaleType =
     | "null"

package/dist/src/spec/title.d.ts

@@ -8,7 +8,7 @@
  * BSD-3-Clause License: https://github.com/vega/vega-lite/blob/master/LICENSE
  */
 
-import { Align, Baseline, FontStyle, FontWeight } from "./font";
+import { Align, Baseline, FontStyle, FontWeight } from "./font.js";
 
 export type TitleOrient = "none" | "left" | "right" | "top" | "bottom";
 export type TitleAnchor = null | "start" | "middle" | "end";

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

@@ -1,19 +1,19 @@
-import { Data } from "./data";
-import { TransformParams } from "./transform";
+import { Data } from "./data.js";
+import { TransformParams } from "./transform.js";
 import {
     Channel,
     Encoding,
     FacetFieldDef,
     PrimaryPositionalChannel,
-} from "./channel";
+} from "./channel.js";
 import {
     FillAndStrokeProps,
     MarkConfigAndType,
     MarkType,
     RectProps,
-} from "./mark";
-import { Title } from "./title";
-import { SampleSpec } from "./sampleView";
+} from "./mark.js";
+import { Title } from "./title.js";
+import { SampleSpec } from "./sampleView.js";
 
 export interface SizeDef {
     /** Size in pixels */
@@ -70,9 +70,36 @@ export type ViewBackground = Pick<
 export interface ViewSpecBase extends ResolveSpec {
     name?: string;
 
+    /**
+     * Height of the view. If a number, it is interpreted as pixels.
+     *
+     * **Default:** `"container"`
+     */
     height?: SizeDef | number | Step | "container";
+
+    /**
+     * Width of the view. If a number, it is interpreted as pixels.
+     *
+     * **Default:** `"container"`
+     */
     width?: SizeDef | number | Step | "container";
 
+    /**
+     * Optional viewport height of the view. If the view size exceeds the viewport height,
+     * it will be shown with scrollbars. This property implicitly enables clipping.
+     *
+     * **Default:** `null` (same as `height`)
+     */
+    viewportHeight?: SizeDef | number | "container";
+
+    /**
+     * Optional viewport width of the view. If the view size exceeds the viewport width,
+     * it will be shown with scrollbars. This property implicitly enables clipping.
+     *
+     * **Default:** `null` (same as `width`)
+     */
+    viewportWidth?: SizeDef | number | "container";
+
     /**
      * Padding in pixels.
      *
@@ -95,7 +122,7 @@ export interface ViewSpecBase extends ResolveSpec {
     /**
      * Opacity of the view and all its children.
      *
-     * **Default:* `1.0`
+     * **Default:** `1.0`
      */
     // TODO: Should be available only in Unit and Layer views.
     opacity?: ViewOpacityDef;
@@ -179,10 +206,10 @@ export type ViewSpec =
     | UnitSpec
     | LayerSpec
     //    | FacetSpec
-    | SampleSpec
     | VConcatSpec
     | HConcatSpec
-    | ConcatSpec;
+    | ConcatSpec
+    | SampleSpec;
 
 export interface ImportConfig {
     name?: string;

package/dist/src/tooltip/dataTooltipHandler.js

@@ -2,7 +2,7 @@ import { html } from "lit-html";
 import formatObject from "../utils/formatObject.js";
 
 /**
- * @type {import("./tooltipHandler").TooltipHandler}
+ * @type {import("./tooltipHandler.js").TooltipHandler}
  */
 export default async function dataTooltipHandler(datum, mark, params) {
     /**

package/dist/src/tooltip/refseqGeneTooltipHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"refseqGeneTooltipHandler.d.ts","sourceRoot":"","sources":["../../../src/tooltip/refseqGeneTooltipHandler.js"],"names":[],"mappings":"AAM+C,wNASnC"}
+{"version":3,"file":"refseqGeneTooltipHandler.d.ts","sourceRoot":"","sources":["../../../src/tooltip/refseqGeneTooltipHandler.js"],"names":[],"mappings":"AAOC,wNAQW"}

package/dist/src/tooltip/refseqGeneTooltipHandler.js

@@ -11,7 +11,7 @@ import { html } from "lit-html";
 const symbolSummaryCache = new Map();
 
 /**
- * @type {import("./tooltipHandler").TooltipHandler}
+ * @type {import("./tooltipHandler.js").TooltipHandler}
  */
 export default async function refseqGeneTooltipHandler(datum, mark, params) {
     const symbol = datum.symbol;

package/dist/src/tooltip/tooltipHandler.d.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/tooltip/tooltipHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipHandler.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,IAAI,MAAM,eAAe,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,IAAI,EAAE,IAAI;AACV,sDAAsD;AACtD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC3B,OAAO,CAAC,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC"}
+{"version":3,"file":"tooltipHandler.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,IAAI,EAAE,IAAI;AACV,sDAAsD;AACtD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC3B,OAAO,CAAC,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC"}

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;