@genome-spy/core 0.37.4 → 0.39.0

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
                                     );
                             }

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

@@ -4,13 +4,13 @@
 export default class ConcatView extends GridView {
     /**
      *
-     * @param {import("../spec/view").AnyConcatSpec} spec
-     * @param {import("../types/viewContext").default} context
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("../spec/view.js").AnyConcatSpec} spec
+     * @param {import("../types/viewContext.js").default} context
+     * @param {import("./containerView.js").default} layoutParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
      */
-    constructor(spec: import("../spec/view").AnyConcatSpec, context: import("../types/viewContext").default, layoutParent: import("./containerView").default, dataParent: import("./view").default, name: string);
+    constructor(spec: import("../spec/view.js").AnyConcatSpec, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, name: string);
 }
 import GridView from "./gridView.js";
 //# sourceMappingURL=concatView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"concatView.d.ts","sourceRoot":"","sources":["../../../src/view/concatView.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IACI;;;;;;;OAOG;IACH,kBANW,OAAO,cAAc,EAAE,aAAa,WACpC,OAAO,sBAAsB,EAAE,OAAO,gBACtC,OAAO,iBAAiB,EAAE,OAAO,cACjC,OAAO,QAAQ,EAAE,OAAO,QACxB,MAAM,EAiBhB;CAqDJ;qBAlFoB,eAAe"}
+{"version":3,"file":"concatView.d.ts","sourceRoot":"","sources":["../../../src/view/concatView.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IACI;;;;;;;OAOG;IACH,kBANW,OAAO,iBAAiB,EAAE,aAAa,WACvC,OAAO,yBAAyB,EAAE,OAAO,gBACzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,EAiBhB;CAqDJ;qBAlFoB,eAAe"}

package/dist/src/view/concatView.js

@@ -7,10 +7,10 @@ import GridView from "./gridView.js";
 export default class ConcatView extends GridView {
     /**
      *
-     * @param {import("../spec/view").AnyConcatSpec} spec
-     * @param {import("../types/viewContext").default} context
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("../spec/view.js").AnyConcatSpec} spec
+     * @param {import("../types/viewContext.js").default} context
+     * @param {import("./containerView.js").default} layoutParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
      */
     constructor(spec, context, layoutParent, dataParent, name) {
@@ -30,7 +30,10 @@ export default class ConcatView extends GridView {
         this.spec = spec;
     }
 
-    _createChildren() {
+    /**
+     * @override
+     */
+    async initializeChildren() {
         const spec = this.spec;
         const childSpecs = isConcatSpec(spec)
             ? spec.concat
@@ -39,17 +42,25 @@ export default class ConcatView extends GridView {
             : spec.hconcat;
 
         this.setChildren(
-            childSpecs.map((childSpec, i) =>
-                // @ts-expect-error TODO: Fix typing
-                this.context.createView(childSpec, this, this, "grid" + i)
+            await Promise.all(
+                childSpecs.map((childSpec, i) =>
+                    this.context.createOrImportView(
+                        childSpec,
+                        this,
+                        this,
+                        "grid" + i
+                    )
+                )
             )
         );
+
+        await this.createAxes();
     }
 
     /**
-     * @param {import("../spec/channel").Channel} channel
-     * @param {import("../spec/view").ResolutionTarget} resolutionType
-     * @returns {import("../spec/view").ResolutionBehavior}
+     * @param {import("../spec/channel.js").Channel} channel
+     * @param {import("../spec/view.js").ResolutionTarget} resolutionType
+     * @returns {import("../spec/view.js").ResolutionBehavior}
      */
     getDefaultResolution(channel, resolutionType) {
         if (resolutionType == "axis") {
@@ -65,18 +76,7 @@ export default class ConcatView extends GridView {
             (isVConcatSpec(this.spec) && channel === "x") ||
             (isHConcatSpec(this.spec) && channel === "y")
         ) {
-            const types = new Set(
-                this.children
-                    .map((child) => child.getEncoding()[channel])
-                    .filter((x) => x)
-                    .map((e) => "type" in e && e.type)
-                    .filter((type) => type)
-            );
-
-            return types.size === 1 &&
-                (types.has("index") || types.has("locus"))
-                ? "shared"
-                : "independent";
+            return "shared";
         } else {
             return "independent";
         }

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

@@ -4,21 +4,23 @@
 export default class ContainerView extends View {
     /**
      *
-     * @param {import("../spec/view").ContainerSpec} spec
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../spec/view.js").ContainerSpec} spec
+     * @param {import("../types/viewContext.js").default} context
      * @param {ContainerView} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(spec: import("../spec/view").ContainerSpec, context: import("../types/viewContext").default, layoutParent: ContainerView, dataParent: import("./view").default, name: string);
-    spec: import("../spec/view").ContainerSpec;
+    constructor(spec: import("../spec/view.js").ContainerSpec, context: import("../types/viewContext.js").default, layoutParent: ContainerView, dataParent: import("./view.js").default, name: string, options?: import("./view.js").ViewOptions);
+    spec: import("../spec/view.js").ContainerSpec;
+    initializeChildren(): Promise<void>;
     /**
      * Replaces a child view with another one. Does not alter the old or new child.
      *
-     * @param {import("./view").default} child
-     * @param {import("./view").default} replacement
+     * @param {import("./view.js").default} child
+     * @param {import("./view.js").default} replacement
      */
-    replaceChild(child: import("./view").default, replacement: import("./view").default): void;
+    replaceChild(child: import("./view.js").default, replacement: import("./view.js").default): void;
     /**
      * @param {string[]} path An array of view names
      * @returns {View}

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

@@ -1 +1 @@
-{"version":3,"file":"containerView.d.ts","sourceRoot":"","sources":["../../../src/view/containerView.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;IACI;;;;;;;OAOG;IACH,kBANW,OAAO,cAAc,EAAE,aAAa,WACpC,OAAO,sBAAsB,EAAE,OAAO,gBACtC,aAAa,cACb,OAAO,QAAQ,EAAE,OAAO,QACxB,MAAM,EAMhB;IADG,2CAAgB;IAUpB;;;;;OAKG;IACH,oBAHW,OAAO,QAAQ,EAAE,OAAO,eACxB,OAAO,QAAQ,EAAE,OAAO,QAIlC;IA+CD;;;OAGG;IACH,2BAHW,MAAM,EAAE,GACN,IAAI,CAYhB;IAED;;;OAGG;IACH,sBAFW,MAAM,QAQhB;IAED;;;OAGG;IACH,2BAFW,MAAM,QAchB;IA1GD;;OAEG;IACH,qBAFa,iBAAiB,IAAI,CAAC,CAIlC;CA+GJ;iBAxI4C,WAAW"}
+{"version":3,"file":"containerView.d.ts","sourceRoot":"","sources":["../../../src/view/containerView.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;IACI;;;;;;;;OAQG;IACH,kBAPW,OAAO,iBAAiB,EAAE,aAAa,WACvC,OAAO,yBAAyB,EAAE,OAAO,gBACzC,aAAa,cACb,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAMzC;IADG,8CAAgB;IAGpB,oCAEC;IASD;;;;;OAKG;IACH,oBAHW,OAAO,WAAW,EAAE,OAAO,eAC3B,OAAO,WAAW,EAAE,OAAO,QAIrC;IA+CD;;;OAGG;IACH,2BAHW,MAAM,EAAE,GACN,IAAI,CAYhB;IAED;;;OAGG;IACH,sBAFW,MAAM,QAQhB;IAED;;;OAGG;IACH,2BAFW,MAAM,QAchB;IA1GD;;OAEG;IACH,qBAFa,iBAAiB,IAAI,CAAC,CAIlC;CA+GJ;iBA7I4C,WAAW"}

package/dist/src/view/containerView.js

@@ -6,18 +6,23 @@ import View, { VISIT_STOP, VISIT_SKIP } from "./view.js";
 export default class ContainerView extends View {
     /**
      *
-     * @param {import("../spec/view").ContainerSpec} spec
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../spec/view.js").ContainerSpec} spec
+     * @param {import("../types/viewContext.js").default} context
      * @param {ContainerView} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(spec, context, layoutParent, dataParent, name) {
-        super(spec, context, layoutParent, dataParent, name);
+    constructor(spec, context, layoutParent, dataParent, name, options) {
+        super(spec, context, layoutParent, dataParent, name, options);
 
         this.spec = spec;
     }
 
+    async initializeChildren() {
+        // override
+    }
+
     /**
      * @returns {IterableIterator<View>}
      */
@@ -28,8 +33,8 @@ export default class ContainerView extends View {
     /**
      * Replaces a child view with another one. Does not alter the old or new child.
      *
-     * @param {import("./view").default} child
-     * @param {import("./view").default} replacement
+     * @param {import("./view.js").default} child
+     * @param {import("./view.js").default} replacement
      */
     replaceChild(child, replacement) {
         throw new Error("Not implemented");
@@ -40,11 +45,11 @@ export default class ContainerView extends View {
      * the value if the visitor returns a defined value. The `afterChildren` callback
      * allows for post-order traversal
      *
-     * @param {import("./view").Visitor} visitor
-     * @returns {import("./view").VisitResult}
+     * @param {import("./view.js").Visitor} visitor
+     * @returns {import("./view.js").VisitResult}
      */
     visit(visitor) {
-        /** @type  {import("./view").VisitResult}*/
+        /** @type  {import("./view.js").VisitResult}*/
         let result;
         try {
             result = visitor(this);
@@ -127,9 +132,9 @@ export default class ContainerView extends View {
     }
 
     /**
-     * @param {import("../spec/channel").Channel} channel
-     * @param {import("../spec/view").ResolutionTarget} resolutionType
-     * @returns {import("../spec/view").ResolutionBehavior}
+     * @param {import("../spec/channel.js").Channel} channel
+     * @param {import("../spec/view.js").ResolutionTarget} resolutionType
+     * @returns {import("../spec/view.js").ResolutionBehavior}
      */
     getDefaultResolution(channel, resolutionType) {
         return "shared";

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

@@ -15,17 +15,17 @@
  */
 export default class FacetView extends ContainerView {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("./layerView").default} LayerView
-     * @typedef {import("./viewUtils").FacetFieldDef} FacetFieldDef
-     * @typedef {import("./viewUtils").FacetMapping} FacetMapping
-     * @typedef {import("../utils/layout/flexLayout").LocSize} LocSize
-     * @typedef {import("../utils/layout/flexLayout").SizeDef} SizeDef
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("./layerView.js").default} LayerView
+     * @typedef {import("./viewUtils.js").FacetFieldDef} FacetFieldDef
+     * @typedef {import("./viewUtils.js").FacetMapping} FacetMapping
+     * @typedef {import("./layout/flexLayout.js").LocSize} LocSize
+     * @typedef {import("./layout/flexLayout.js").SizeDef} SizeDef
      */
     /**
      *
-     * @param {import("./viewUtils").FacetSpec} spec
-     * @param {import("./viewUtils").ViewContext} context
+     * @param {import("./viewUtils.js").FacetSpec} spec
+     * @param {import("./viewUtils.js").ViewContext} context
      * @param {ContainerView} parent
      * @param {string} name
      */
@@ -50,11 +50,11 @@ export default class FacetView extends ContainerView {
     updateLabels(): void;
     getFacetGroups(): any[];
     /**
-     * @param {import("./renderingContext/viewRenderingContext").default} context
-     * @param {import("../utils/layout/rectangle").default} coords
-     * @param {import("./view").RenderingOptions} [options]
+     * @param {import("./renderingContext/viewRenderingContext.js").default} context
+     * @param {import("./layout/rectangle.js").default} coords
+     * @param {import("./view.js").RenderingOptions} [options]
      */
-    render(context: import("./renderingContext/viewRenderingContext").default, coords: import("../utils/layout/rectangle").default, options?: any): void;
+    render(context: import("./renderingContext/viewRenderingContext.js").default, coords: import("./layout/rectangle.js").default, options?: any): void;
     _labelsUpdated: boolean;
 }
 export type FacetChannel = "column" | "row";

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

@@ -1 +1 @@
-{"version":3,"file":"facetView.d.ts","sourceRoot":"","sources":["../../../src/view/facetView.js"],"names":[],"mappings":"AAmDA;;;;;;;;;;;;;;GAcG;AACH;IACI;;;;;;;OAOG;IACH;;;;;;OAMG;IACH,6CAHW,aAAa,QACb,MAAM,EA8BhB;IAzBG,UAAgB;IAEhB,WAEC;IAED;;;;OAIG;IACH,aAFU,OAAO,YAAY,EAAE,QAAQ,CAAC,CAYvC;IAED,oDAAoD;IACpD,kBADY,OAAO,YAAY,EAAE,cAAc,CAAC,CACa;IA2BjE,sBAIC;IAED;;;OAGG;IACH,qBAFW,KAAK,GAAG,QAAQ,0CAwB1B;IAED,qBAyCC;IAED,qBASC;IA6BD,wBAgBC;IAOD;;;;OAIG;IACH,gBAJW,OAAO,yCAAyC,EAAE,OAAO,UACzD,OAAO,2BAA2B,EAAE,OAAO,uBA4LrD;IA3KO,wBAA0B;CA4KrC;2BA/bY,QAAQ,GAAG,KAAK;;;;;;aA4CnB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE;;;0BA1Df,oBAAoB;qBACzB,eAAe"}
+{"version":3,"file":"facetView.d.ts","sourceRoot":"","sources":["../../../src/view/facetView.js"],"names":[],"mappings":"AAmDA;;;;;;;;;;;;;;GAcG;AACH;IACI;;;;;;;OAOG;IACH;;;;;;OAMG;IACH,6CAHW,aAAa,QACb,MAAM,EA8BhB;IAzBG,UAAgB;IAEhB,WAEC;IAED;;;;OAIG;IACH,aAFU,OAAO,YAAY,EAAE,QAAQ,CAAC,CAYvC;IAED,oDAAoD;IACpD,kBADY,OAAO,YAAY,EAAE,cAAc,CAAC,CACa;IA2BjE,sBAIC;IAED;;;OAGG;IACH,qBAFW,KAAK,GAAG,QAAQ,0CAwB1B;IAED,qBAyCC;IAED,qBASC;IA6BD,wBAgBC;IAOD;;;;OAIG;IACH,gBAJW,OAAO,4CAA4C,EAAE,OAAO,UAC5D,OAAO,uBAAuB,EAAE,OAAO,uBA4LjD;IA3KO,wBAA0B;CA4KrC;2BA/bY,QAAQ,GAAG,KAAK;;;;;;aA4CnB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE;;;0BA1Df,oBAAoB;qBACzB,eAAe"}

package/dist/src/view/facetView.js

@@ -5,13 +5,13 @@ import { isFacetFieldDef, isFacetMapping } from "./viewUtils.js";
 import ContainerView from "./containerView.js";
 import UnitView from "./unitView.js";
 import { cross } from "d3-array";
-import { mapToPixelCoords } from "../utils/layout/flexLayout.js";
+import { mapToPixelCoords } from "./layout/flexLayout.js";
 import { OrdinalDomain } from "../utils/domainArray.js";
-import Rectangle from "../utils/layout/rectangle.js";
+import Rectangle from "./layout/rectangle.js";
 import coalesce from "../utils/coalesce.js";
 import { field as vegaField } from "vega-util";
 import DecoratorView from "./decoratorView.js";
-import Padding from "../utils/layout/padding.js";
+import Padding from "./layout/padding.js";
 
 const DEFAULT_SPACING = 20;
 
@@ -66,17 +66,17 @@ const headerConfigs = {
  */
 export default class FacetView extends ContainerView {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("./layerView").default} LayerView
-     * @typedef {import("./viewUtils").FacetFieldDef} FacetFieldDef
-     * @typedef {import("./viewUtils").FacetMapping} FacetMapping
-     * @typedef {import("../utils/layout/flexLayout").LocSize} LocSize
-     * @typedef {import("../utils/layout/flexLayout").SizeDef} SizeDef
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("./layerView.js").default} LayerView
+     * @typedef {import("./viewUtils.js").FacetFieldDef} FacetFieldDef
+     * @typedef {import("./viewUtils.js").FacetMapping} FacetMapping
+     * @typedef {import("./layout/flexLayout.js").LocSize} LocSize
+     * @typedef {import("./layout/flexLayout.js").SizeDef} SizeDef
      */
     /**
      *
-     * @param {import("./viewUtils").FacetSpec} spec
-     * @param {import("./viewUtils").ViewContext} context
+     * @param {import("./viewUtils.js").FacetSpec} spec
+     * @param {import("./viewUtils.js").ViewContext} context
      * @param {ContainerView} parent
      * @param {string} name
      */
@@ -121,8 +121,8 @@ export default class FacetView extends ContainerView {
     }
 
     /**
-     * @param {import("./view").default} child
-     * @param {import("./view").default} replacement
+     * @param {import("./view.js").default} child
+     * @param {import("./view.js").default} replacement
      */
     replaceChild(child, replacement) {
         if (child !== this.child) {
@@ -145,7 +145,7 @@ export default class FacetView extends ContainerView {
      * @param {"row" | "column"} channel
      */
     getAccessor(channel) {
-        /** @type {import("./viewUtils").FacetMapping} */
+        /** @type {import("./viewUtils.js").FacetMapping} */
         let facetMapping;
         if (isFacetMapping(this.spec.facet)) {
             facetMapping = this.spec.facet; // Mark provides encodings with defaults and possible modifications
@@ -169,7 +169,7 @@ export default class FacetView extends ContainerView {
     }
 
     updateFacets() {
-        /** @type {import("./viewUtils").FacetMapping} */
+        /** @type {import("./viewUtils.js").FacetMapping} */
         let facetMapping;
         if (isFacetMapping(this.spec.facet)) {
             facetMapping = this.spec.facet; // Mark provides encodings with defaults and possible modifications
@@ -273,9 +273,9 @@ export default class FacetView extends ContainerView {
     }
 
     /**
-     * @param {import("./renderingContext/viewRenderingContext").default} context
-     * @param {import("../utils/layout/rectangle").default} coords
-     * @param {import("./view").RenderingOptions} [options]
+     * @param {import("./renderingContext/viewRenderingContext.js").default} context
+     * @param {import("./layout/rectangle.js").default} coords
+     * @param {import("./view.js").RenderingOptions} [options]
      */
     render(context, coords, options = {}) {
         if (!this.isConfiguredVisible()) {
@@ -471,7 +471,7 @@ export default class FacetView extends ContainerView {
 function createLabelViewSpec(headerConfig) {
     // TODO: Support styling: https://vega.github.io/vega-lite/docs/header.html#labels
 
-    /** @type {import("./viewUtils").UnitSpec} */
+    /** @type {import("./viewUtils.js").UnitSpec} */
     const titleView = {
         data: {
             values: [],

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

@@ -3,7 +3,7 @@
  * @param {DataFlow<View>} [existingFlow] Add data flow
  *      graphs to an existing DataFlow object.
  */
-export function buildDataFlow(root: import("./view").default, existingFlow?: DataFlow<import("./view").default>): DataFlow<import("./view").default>;
+export function buildDataFlow(root: import("./view.js").default, existingFlow?: DataFlow<import("./view.js").default>): DataFlow<import("./view.js").default>;
 /**
  * Changes the ChromPos channelDefs into FieldDefs and returns
  * LinearizeGenomicCoordinate transform(s) that should be inserted into
@@ -11,9 +11,9 @@ export function buildDataFlow(root: import("./view").default, existingFlow?: Dat
  *
  * @param {View} view
  */
-export function linearizeLocusAccess(view: import("./view").default): {
+export function linearizeLocusAccess(view: import("./view.js").default): {
     transforms: import("../data/flowNode.js").default[];
-    rewrittenEncoding: import("../spec/channel").Encoding<string>;
+    rewrittenEncoding: import("../spec/channel.js").Encoding<string>;
     /**
      * Should be called after the whole flow has been created in order to
      * not disrupt inheritance of encodings
@@ -30,7 +30,7 @@ export function linearizeLocusAccess(view: import("./view").default): {
 export function createChain<H extends import("../data/flowNode.js").default>(dataSource: H, ...transforms: import("../data/flowNode.js").default[]): {
     dataSource: H;
     collector: Collector;
-    loadAndCollect: () => Promise<Iterable<import("../data/flowNode").Datum>>;
+    loadAndCollect: () => Promise<Iterable<import("../data/flowNode.js").Datum>>;
 };
 import DataFlow from "../data/dataFlow.js";
 import Collector from "../data/collector.js";

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

@@ -1 +1 @@
-{"version":3,"file":"flowBuilder.d.ts","sourceRoot":"","sources":["../../../src/view/flowBuilder.js"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,qJAkKC;AAED;;;;;;GAMG;AACH;;;IAgGc;;;OAGG;;EAYhB;AA0BD;;;;;;GAMG;AACH;;;0BAqB0B,QAAQ,SAAS,OAAO,kBAAkB,EAAE,KAAK,CAAC,CAAC;EAkB5E;qBAxXoB,qBAAqB;sBANpB,sBAAsB"}
+{"version":3,"file":"flowBuilder.d.ts","sourceRoot":"","sources":["../../../src/view/flowBuilder.js"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,8JAkKC;AAED;;;;;;GAMG;AACH;;;IAgGc;;;OAGG;;EAYhB;AA0BD;;;;;;GAMG;AACH;;;0BAqB0B,QAAQ,SAAS,OAAO,qBAAqB,EAAE,KAAK,CAAC,CAAC;EAkB/E;qBAxXoB,qBAAqB;sBANpB,sBAAsB"}