@genome-spy/core 0.73.0 → 0.74.0

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

@@ -0,0 +1,20 @@
+/**
+ * Runs the shared capture/body/bubble interaction frame for a container view.
+ *
+ * @param {import("./view.js").default} view
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => void} handler
+ */
+export function propagateInteraction(view: import("./view.js").default, event: import("../utils/interaction.js").default, handler: () => void): void;
+/**
+ * Propagates an interaction to a single hit-tested surface and optionally runs
+ * a follow-up action such as zoom handling.
+ *
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => boolean} hitTest
+ * @param {() => void} propagate
+ * @param {() => void} [afterPropagate]
+ * @returns {boolean}
+ */
+export function propagateInteractionSurface(event: import("../utils/interaction.js").default, hitTest: () => boolean, propagate: () => void, afterPropagate?: () => void): boolean;
+//# sourceMappingURL=interactionRouting.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactionRouting.d.ts","sourceRoot":"","sources":["../../../src/view/interactionRouting.js"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,2CAJW,OAAO,WAAW,EAAE,OAAO,SAC3B,OAAO,yBAAyB,EAAE,OAAO,WACzC,MAAM,IAAI,QAgBpB;AAED;;;;;;;;;GASG;AACH,mDANW,OAAO,yBAAyB,EAAE,OAAO,WACzC,MAAM,OAAO,aACb,MAAM,IAAI,mBACV,MAAM,IAAI,GACR,OAAO,CAqBnB"}

package/dist/src/view/interactionRouting.js

@@ -0,0 +1,53 @@
+/**
+ * Runs the shared capture/body/bubble interaction frame for a container view.
+ *
+ * @param {import("./view.js").default} view
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => void} handler
+ */
+export function propagateInteraction(view, event, handler) {
+    view.handleInteraction(event, true);
+
+    if (event.stopped) {
+        return;
+    }
+
+    handler();
+
+    if (event.stopped) {
+        return;
+    }
+
+    view.handleInteraction(event, false);
+}
+
+/**
+ * Propagates an interaction to a single hit-tested surface and optionally runs
+ * a follow-up action such as zoom handling.
+ *
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => boolean} hitTest
+ * @param {() => void} propagate
+ * @param {() => void} [afterPropagate]
+ * @returns {boolean}
+ */
+export function propagateInteractionSurface(
+    event,
+    hitTest,
+    propagate,
+    afterPropagate
+) {
+    if (!hitTest()) {
+        return false;
+    }
+
+    propagate();
+
+    if (event.stopped) {
+        return true;
+    }
+
+    afterPropagate?.();
+
+    return true;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"layerView.d.ts","sourceRoot":"","sources":["../../../src/view/layerView.js"],"names":[],"mappings":"AAMA;;;GAGG;AACH,+BAHoD,KAAK,SAA5C,OAAQ,iBAAiB,EAAE,SAAU;IAW9C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,aAAa,cACb,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAWzC;IAkCD;;;;;;OAMG;IACH,wBAJW,OAAO,iBAAiB,EAAE,SAAS,GAAG,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,UAC/G,MAAM,GACJ,OAAO,CAAC,SAAS,GAAG,OAAO,eAAe,EAAE,OAAO,CAAC,CAMhE;IAED;;;;OAIG;IACH,qBAFW,MAAM,iBAIhB;IA6CD,yIAEC;;CA6CJ;0BAtLyB,oBAAoB"}
+{"version":3,"file":"layerView.d.ts","sourceRoot":"","sources":["../../../src/view/layerView.js"],"names":[],"mappings":"AAMA;;;GAGG;AACH,+BAHoD,KAAK,SAA5C,OAAQ,iBAAiB,EAAE,SAAU;IAW9C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,aAAa,cACb,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAQzC;IAqCD;;;;;;OAMG;IACH,wBAJW,OAAO,iBAAiB,EAAE,SAAS,GAAG,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,UAC/G,MAAM,GACJ,OAAO,CAAC,SAAS,GAAG,OAAO,eAAe,EAAE,OAAO,CAAC,CAMhE;IAED;;;;OAIG;IACH,qBAFW,MAAM,iBAIhB;IAgDD,yIAEC;;CA6CJ;0BAzLyB,oBAAoB"}

package/dist/src/view/layerView.js

@@ -26,10 +26,7 @@ export default class LayerView extends ContainerView {
      * @param {import("./view.js").ViewOptions} [options]
      */
     constructor(spec, context, layoutParent, dataParent, name, options) {
-        super(spec, context, layoutParent, dataParent, name, {
-            layersChildren: true,
-            ...options,
-        });
+        super(spec, context, layoutParent, dataParent, name, options);
 
         this.spec = spec;
 
@@ -61,6 +58,9 @@ export default class LayerView extends ContainerView {
                                     );
                                     // TODO: Add view to exception
                                 }
+                            },
+                            {
+                                layoutSizeParams: "inherit",
                             }
                         )
                     )
@@ -130,6 +130,9 @@ export default class LayerView extends ContainerView {
                 this.#children.splice(index, 1);
             },
             defaultName: () => this.getNextAutoName("layer"),
+            createViewOptions: {
+                layoutSizeParams: "inherit",
+            },
         });
     }
 
@@ -168,16 +171,16 @@ export default class LayerView extends ContainerView {
     }
 
     /**
-     * @param {import("../utils/interactionEvent.js").default} event
+     * @param {import("../utils/interaction.js").default} event
      */
-    propagateInteractionEvent(event) {
-        this.handleInteractionEvent(undefined, event, true);
+    propagateInteraction(event) {
+        this.handleInteraction(event, true);
         for (let i = this.#children.length - 1; i >= 0; i--) {
-            this.#children[i].propagateInteractionEvent(event);
+            this.#children[i].propagateInteraction(event);
             if (event.stopped) {
                 return;
             }
         }
-        this.handleInteractionEvent(undefined, event, false);
+        this.handleInteraction(event, false);
     }
 }

package/dist/src/view/layout/grid.js

@@ -67,7 +67,7 @@ export default class Grid {
      * @param {number} row
      */
     getCellIndex(col, row) {
-        let i = 0;
+        let i;
 
         if (this.maxCols == Infinity) {
             i = row == 0 ? col : undefined;

package/dist/src/view/renderingContext/bufferedViewRenderingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bufferedViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/bufferedViewRenderingContext.js"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AAEH;;;GAGG;AACH;IA2BI;;;OAGG;IACH,2BAHW,OAAO,0BAA0B,EAAE,sBAAsB,mBACzD,4BAA4B,EActC;IAyCD;;;OAGG;IACH,eAmCC;;CA8EJ;;iBArNS,OAAO,yBAAyB,EAAE,OAAO;;;;gBACzC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;sBAC/B,MAAM;sBACN,OAAO,SAAS,EAAE,eAAe;;;;;iBACjC,MAAM;;iCATiB,2BAA2B"}
+{"version":3,"file":"bufferedViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/bufferedViewRenderingContext.js"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AAEH;;;GAGG;AACH;IA2BI;;;OAGG;IACH,2BAHW,OAAO,0BAA0B,EAAE,sBAAsB,mBACzD,4BAA4B,EActC;IAyCD;;;OAGG;IACH,eAmCC;;CA4EJ;;iBAnNS,OAAO,yBAAyB,EAAE,OAAO;;;;gBACzC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;sBAC/B,MAAM;sBACN,OAAO,SAAS,EAAE,eAAe;;;;;iBACjC,MAAM;;iCATiB,2BAA2B"}

package/dist/src/view/renderingContext/bufferedViewRenderingContext.js

@@ -183,7 +183,6 @@ export default class BufferedViewRenderingContext extends ViewRenderingContext {
                 continue;
             }
 
-            // eslint-disable-next-line no-loop-func
             this.#batch.push(() => {
                 enabled = mark.unitView.getEffectiveOpacity() > 0;
             });
@@ -201,7 +200,6 @@ export default class BufferedViewRenderingContext extends ViewRenderingContext {
                 // Render each facet
                 if (!coords.equals(previousCoords)) {
                     this.#batch.push(
-                        // eslint-disable-next-line no-loop-func
                         ifEnabled(() => {
                             // Suppress rendering if viewport is outside the clipRect
                             viewportVisible = mark.setViewport(

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

@@ -3,23 +3,37 @@
  * @returns
  */
 export function createTestViewContext(viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): import("../types/viewContext.js").default;
-export function create<V extends import("./view.js").default>(spec: ViewSpec, viewClass: {
+/**
+ * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @returns {BroadcastingViewContext}
+ */
+export function createBroadcastingTestViewContext(viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): BroadcastingViewContext;
+export function create<V extends import("./view.js").default>(spec: RootSpec, viewClass: {
     new (...args: any[]): V;
 }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): Promise<V>;
-export function createAndInitialize<V extends import("./view.js").default>(spec: ViewSpec, viewClass: {
+export function createAndInitialize<V extends import("./view.js").default>(spec: RootSpec, viewClass: {
     new (...args: any[]): V;
 }, context?: ViewContext, options?: {
     noData: boolean;
     implicitRoot: boolean;
 }): Promise<V>;
+export { createHeadlessEngine };
 /**
  * Utils for Jest tests
  * TODO: Find a better place and convention
  */
-export type ViewSpec = import("../spec/view.js").ViewSpec;
+export type RootSpec = import("../spec/root.js").RootSpec;
 /**
  * Utils for Jest tests
  * TODO: Find a better place and convention
  */
 export type ViewContext = import("../types/viewContext.js").default;
+/**
+ * Utils for Jest tests
+ * TODO: Find a better place and convention
+ */
+export type BroadcastingViewContext = ViewContext & {
+    emitBroadcast: (root: import("./view.js").default, type: import("../genomeSpy.js").BroadcastEventType, payload?: any) => void;
+};
+import { createHeadlessEngine } from "../genomeSpy/headlessBootstrap.js";
 //# sourceMappingURL=testUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/view/testUtils.js"],"names":[],"mappings":"AAoBA;;;GAGG;AACH,2DAHW,OAAO,kBAAkB,EAAE,kBAAkB,6CAoEvD;AAGS,uBAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,uBAAuB,OAAO,kBAAkB,EAAE,kBAAkB,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAgBhL,oCAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,YAAY,WAAW,YAAY;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;;;;;uBAxGpL,OAAO,iBAAiB,EAAE,QAAQ;;;;;0BAClC,OAAO,yBAAyB,EAAE,OAAO"}
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/view/testUtils.js"],"names":[],"mappings":"AA4BA;;;GAGG;AACH,2DAHW,OAAO,kBAAkB,EAAE,kBAAkB,6CAOvD;AAED;;;GAGG;AACH,uEAHW,OAAO,kBAAkB,EAAE,kBAAkB,GAC3C,uBAAuB,CAmCnC;AAGS,uBAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,uBAAuB,OAAO,kBAAkB,EAAE,kBAAkB,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAqBhL,oCAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,YAAY,WAAW,YAAY;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;;;;;;uBA/FpL,OAAO,iBAAiB,EAAE,QAAQ;;;;;0BAClC,OAAO,yBAAyB,EAAE,OAAO;;;;;sCACzC,WAAW,GAAG;IACtB,aAAa,EAAE,CACb,IAAI,EAAE,OAAO,WAAW,EAAE,OAAO,EACjC,IAAI,EAAE,OAAO,iBAAiB,EAAE,kBAAkB,EAClD,OAAO,CAAC,EAAE,GAAG,KACV,IAAI,CAAA;CACV;qCAcG,mCAAmC"}

package/dist/src/view/testUtils.js

@@ -2,8 +2,15 @@
  * Utils for Jest tests
  * TODO: Find a better place and convention
  *
- * @typedef {import("../spec/view.js").ViewSpec} ViewSpec
+ * @typedef {import("../spec/root.js").RootSpec} RootSpec
  * @typedef {import("../types/viewContext.js").default} ViewContext
+ * @typedef {ViewContext & {
+ *   emitBroadcast: (
+ *     root: import("./view.js").default,
+ *     type: import("../genomeSpy.js").BroadcastEventType,
+ *     payload?: any
+ *   ) => void
+ * }} BroadcastingViewContext
  */
 
 import { checkForDuplicateScaleNames } from "./viewUtils.js";
@@ -11,90 +18,74 @@ import {
     initializeViewSubtree,
     loadViewSubtreeData,
 } from "../data/flowInit.js";
-import DataFlow from "../data/dataFlow.js";
-import { VIEW_ROOT_NAME, ViewFactory } from "./viewFactory.js";
-import GenomeStore from "../genome/genomeStore.js";
-import BmFontManager from "../fonts/bmFontManager.js";
+import { VIEW_ROOT_NAME } from "./viewFactory.js";
 import UnitView from "./unitView.js";
 import ContainerView from "./containerView.js";
+import {
+    createHeadlessEngine,
+    createHeadlessViewContext,
+} from "../genomeSpy/headlessBootstrap.js";
 
 /**
  * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
  * @returns
  */
 export function createTestViewContext(viewFactoryOptions = {}) {
-    const viewFactory = new ViewFactory({
-        allowImport: false,
-        wrapRoot: false,
-        ...viewFactoryOptions,
-    });
-
-    const genomeStore = new GenomeStore(".");
-    genomeStore.initialize({
-        name: "test",
-        contigs: [
-            { name: "chr1", size: 20 },
-            { name: "chr2", size: 30 },
-        ],
+    return createHeadlessViewContext({
+        viewFactoryOptions,
     });
+}
 
-    const dataFlow = new DataFlow();
-
-    // @ts-expect-error
-    const c = /** @type {ViewContext} */ ({
-        createOrImportView: async function (
-            spec,
-            parent,
-            dataParent,
-            defaultName
-        ) {
-            return viewFactory.createOrImportView(
-                spec,
-                this,
-                parent,
-                dataParent,
-                defaultName
-            );
-        },
-
-        dataFlow,
-        genomeStore,
-
-        fontManager: new BmFontManager(),
-        animator: /** @type {import("../utils/animator.js").default} */ (
-            /** @type {any} */ ({
-                requestRender: /** @type {() => void} */ (() => undefined),
-                requestTransition:
-                    /** @type {(callback: () => void) => void} */ (
-                        (callback) => callback()
-                    ),
-                transition: (/** @type {any} */ options) => {
-                    const to = typeof options.to === "number" ? options.to : 1;
-                    options.onUpdate(to);
-                    return Promise.resolve();
-                },
-            })
-        ),
-
-        requestLayoutReflow: () => undefined,
-
-        isViewConfiguredVisible: () => true,
-
-        addBroadcastListener: () => undefined,
-        removeBroadcastListener: () => undefined,
-
-        //...partialContext,
-    });
+/**
+ * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @returns {BroadcastingViewContext}
+ */
+export function createBroadcastingTestViewContext(viewFactoryOptions = {}) {
+    const context = /** @type {BroadcastingViewContext} */ (
+        createTestViewContext({
+            wrapRoot: true,
+            ...viewFactoryOptions,
+        })
+    );
+
+    /** @type {Map<string, Set<(message: any) => void>>} */
+    const listeners = new Map();
+
+    context.addBroadcastListener = (type, listener) => {
+        const typedListeners = listeners.get(type) ?? new Set();
+        typedListeners.add(listener);
+        listeners.set(type, typedListeners);
+    };
+
+    context.removeBroadcastListener = (type, listener) => {
+        listeners.get(type)?.delete(listener);
+    };
+
+    context.emitBroadcast = (root, type, payload) => {
+        const message = /** @type {import("./view.js").BroadcastMessage} */ ({
+            type,
+            payload,
+        });
+        root.visit((view) => view.handleBroadcast(message));
+        for (const listener of listeners.get(type) ?? []) {
+            listener(message);
+        }
+    };
 
-    return c;
+    return context;
 }
 
 /**
- * @type {<V extends import("./view.js").default>(spec: ViewSpec, viewClass: { new(...args: any[]): V }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions) => Promise<V>}
+ * @type {<V extends import("./view.js").default>(spec: RootSpec, viewClass: { new(...args: any[]): V }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions) => Promise<V>}
  */
 export async function create(spec, viewClass, viewFactoryOptions = {}) {
     const c = createTestViewContext(viewFactoryOptions);
-    const view = await c.createOrImportView(spec, null, null, VIEW_ROOT_NAME);
+    const view = await c.createOrImportView(
+        /** @type {import("../spec/view.js").ViewSpec} */ (spec),
+        null,
+        null,
+        VIEW_ROOT_NAME
+    );
 
     if (!(view instanceof viewClass)) {
         throw new Error("ViewClass and the spec do not match!");
@@ -106,7 +97,7 @@ export async function create(spec, viewClass, viewFactoryOptions = {}) {
 /**
  * Creates a view and initializes its data. Does not wrap it in an implicit root view.
  *
- * @type {<V extends import("./view.js").default>(spec: ViewSpec, viewClass: { new(...args: any[]): V }, context?: ViewContext, options?: {noData: boolean, implicitRoot: boolean}) => Promise<V>}
+ * @type {<V extends import("./view.js").default>(spec: RootSpec, viewClass: { new(...args: any[]): V }, context?: ViewContext, options?: {noData: boolean, implicitRoot: boolean}) => Promise<V>}
  */
 export async function createAndInitialize(spec, viewClass) {
     const view = await create(spec, viewClass);
@@ -126,3 +117,5 @@ export async function createAndInitialize(spec, viewClass) {
     await loadViewSubtreeData(view, dataSources);
     return view;
 }
+
+export { createHeadlessEngine };

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

@@ -1,6 +1,13 @@
 /**
  * @param {string | import("../spec/title.js").Title} title
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} [configScopes]
+ * @returns {import("../spec/title.js").Title}
+ */
+export function resolveTitleSpec(title: string | import("../spec/title.js").Title, configScopes?: import("../spec/config.js").GenomeSpyConfig[]): import("../spec/title.js").Title;
+/**
+ * @param {string | import("../spec/title.js").Title} title
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} [configScopes]
  * @returns {import("../spec/view.js").UnitSpec}
  */
-export default function createTitle(title: string | import("../spec/title.js").Title): import("../spec/view.js").UnitSpec;
+export default function createTitle(title: string | import("../spec/title.js").Title, configScopes?: import("../spec/config.js").GenomeSpyConfig[]): import("../spec/view.js").UnitSpec;
 //# sourceMappingURL=title.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/view/title.js"],"names":[],"mappings":"AAuDA;;;GAGG;AACH,2CAHW,MAAM,GAAG,OAAO,kBAAkB,EAAE,KAAK,GACvC,OAAO,iBAAiB,EAAE,QAAQ,CA0G9C"}
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/view/title.js"],"names":[],"mappings":"AAuDA;;;;GAIG;AACH,wCAJW,MAAM,GAAG,OAAO,kBAAkB,EAAE,KAAK,iBACzC,OAAO,mBAAmB,EAAE,eAAe,EAAE,GAC3C,OAAO,kBAAkB,EAAE,KAAK,CAuC5C;AAED;;;;GAIG;AACH,2CAJW,MAAM,GAAG,OAAO,kBAAkB,EAAE,KAAK,iBACzC,OAAO,mBAAmB,EAAE,eAAe,EAAE,GAC3C,OAAO,iBAAiB,EAAE,QAAQ,CAmD9C"}

package/dist/src/view/title.js

@@ -1,43 +1,8 @@
 import { isString } from "vega-util";
-
-/** @type {Omit<Required<import("../spec/title.js").Title>, "text" | "style">} */
-const BASE_TITLE_STYLE = {
-    anchor: "middle",
-    frame: "group",
-    offset: 10,
-    orient: "top",
-    align: undefined,
-    angle: 0,
-    baseline: "alphabetic",
-    dx: 0,
-    dy: 0,
-    color: undefined,
-    font: undefined,
-    fontSize: 12,
-    fontStyle: "normal",
-    fontWeight: "normal",
-};
-
-/** @type {Partial<import("../spec/title.js").Title>} */
-const TRACK_TITLE_STYLE = {
-    orient: "left",
-    anchor: "middle",
-    align: "right",
-    baseline: "middle",
-    angle: 0,
-    fontSize: 12,
-};
-
-/** @type {Partial<import("../spec/title.js").Title>} */
-const OVERLAY_TITLE_STYLE = {
-    orient: "top",
-    anchor: "start",
-    align: "left",
-    baseline: "top",
-    offset: -10,
-    dx: 10,
-    fontSize: 12,
-};
+import {
+    getConfiguredStyleConfig,
+    getConfiguredTitleConfig,
+} from "../config/titleConfig.js";
 
 /** @type {Record<import("../spec/title.js").TitleAnchor, number>} */
 const ANCHORS = {
@@ -53,46 +18,19 @@ const ANCHOR_TO_ALIGN = {
     end: "right",
 };
 
+const DEFAULT_TITLE_STYLE = "group-title";
+
 /**
- * @param {string | import("../spec/title.js").Title} title
- * @returns {import("../spec/view.js").UnitSpec}
+ * @param {import("../spec/title.js").Title} spec
  */
-export default function createTitle(title) {
-    if (!title) {
-        return;
-    }
-
-    /** @type {import("../spec/title.js").Title} */
-    const titleSpec = isString(title) ? { text: title } : title;
-
-    if (!titleSpec.text || titleSpec.orient == "none") {
-        return;
-    }
-
-    // TODO: Make these configurable
-    /** @type {Partial<import("../spec/title.js").Title>} */
-    const config =
-        {
-            "track-title": TRACK_TITLE_STYLE,
-            overlay: OVERLAY_TITLE_STYLE,
-        }[titleSpec.style] ?? {};
-
-    // TODO: frame prop
-
-    /** @type {import("../spec/title.js").Title} */
-    const preliminarySpec = {
-        ...BASE_TITLE_STYLE,
-        ...config,
-        ...titleSpec,
-    };
-
+function getTitleOrientMetadata(spec) {
     /** @type {Partial<import("../spec/title.js").Title>} */
     let orientConfig = {};
     let xy = { x: 0, y: 0 };
 
-    const anchorPos = ANCHORS[preliminarySpec.anchor ?? "middle"];
+    const anchorPos = ANCHORS[spec.anchor ?? "middle"];
 
-    switch (preliminarySpec.orient) {
+    switch (spec.orient) {
         case "top":
             xy = { x: anchorPos, y: 1 };
             orientConfig = { baseline: "alphabetic", angle: 0 };
@@ -112,16 +50,68 @@ export default function createTitle(title) {
         default:
     }
 
+    return { orientConfig, xy };
+}
+
+/**
+ * @param {string | import("../spec/title.js").Title} title
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} [configScopes]
+ * @returns {import("../spec/title.js").Title}
+ */
+export function resolveTitleSpec(title, configScopes = []) {
+    if (!title) {
+        return;
+    }
+
+    /** @type {import("../spec/title.js").Title} */
+    const titleSpec = isString(title) ? { text: title } : title;
+
+    if (!titleSpec.text || titleSpec.orient == "none") {
+        return;
+    }
+
+    const titleConfig = getConfiguredTitleConfig(configScopes);
+    const styleConfig = /** @type {import("../spec/config.js").TitleConfig} */ (
+        getConfiguredStyleConfig(
+            configScopes,
+            titleSpec.style ?? DEFAULT_TITLE_STYLE
+        )
+    );
+
+    // TODO: frame prop
+
     /** @type {import("../spec/title.js").Title} */
-    const spec = {
-        ...BASE_TITLE_STYLE,
+    const preliminarySpec = {
+        ...titleConfig,
+        ...styleConfig,
+        ...titleSpec,
+    };
+
+    const { orientConfig } = getTitleOrientMetadata(preliminarySpec);
+
+    return {
+        ...titleConfig,
         ...orientConfig,
-        ...config,
+        ...styleConfig,
         ...titleSpec,
     };
+}
+
+/**
+ * @param {string | import("../spec/title.js").Title} title
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} [configScopes]
+ * @returns {import("../spec/view.js").UnitSpec}
+ */
+export default function createTitle(title, configScopes = []) {
+    const spec = resolveTitleSpec(title, configScopes);
+    if (!spec) {
+        return;
+    }
+
+    const { xy } = getTitleOrientMetadata(spec);
 
     const offsets = { xOffset: 0, yOffset: 0 };
-    switch (preliminarySpec.orient) {
+    switch (spec.orient) {
         case "top":
             offsets.yOffset = -spec.offset;
             break;

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

@@ -21,7 +21,7 @@ export default class UnitView<TSpec extends import("../spec/view.js").UnitSpec =
     constructor(spec: TSpec, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, name: string, options?: import("./view.js").ViewOptions);
     /** @type {import("../marks/mark.js").default} */
     mark: import("../marks/mark.js").default;
-    getMarkType(): "link" | "point" | "text" | "rect" | "rule";
+    getMarkType(): "point" | "link" | "text" | "rect" | "rule" | "tick";
     /**
      * Pulls scales and axes up in the view hierarcy according to the resolution rules, using dataParents.
      * TODO: legends

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

@@ -1 +1 @@
-{"version":3,"file":"unitView.d.ts","sourceRoot":"","sources":["../../../src/view/unitView.js"],"names":[],"mappings":"AA+BA;;;;GAIG;AACH,wBAHU,MAAM,CAAC,OAAO,iBAAiB,EAAE,QAAQ,EAAE,cAAc,kBAAkB,EAAE,OAAO,CAAC,CAc7F;AAEF;;;GAGG;AACH,8BAHmD,KAAK,SAA3C,OAAQ,iBAAiB,EAAE,QAAS;IA2B7C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAyCzC;IAhCO,iDAAiD;IACjD,MADW,OAAO,kBAAkB,EAAE,OAAO,CACnB;IAyKlC,2DAIC;IAoBD;;;;;OAKG;IAEH,iEAqJC;IAUD;;;;;OAKG;IACH,4IAMC;IAED;;;;OAIG;IACH,sBAFa,OAAO,WAAW,EAAE,UAAU,EAAE,CAS5C;IAkBD;;OAEG;IACH,uDAEC;IAED;;OAEG;IACH,oCA0EC;IAED,uBAQC;IAgBD;;;;OAIG;IACH,8BAJW,MAAM,+DAEJ,OAAO,iBAAiB,EAAE,kBAAkB,CAKxD;;CACJ;iBAtlBgB,WAAW"}
+{"version":3,"file":"unitView.d.ts","sourceRoot":"","sources":["../../../src/view/unitView.js"],"names":[],"mappings":"AAkCA;;;;GAIG;AACH,wBAHU,MAAM,CAAC,OAAO,iBAAiB,EAAE,QAAQ,EAAE,cAAc,kBAAkB,EAAE,OAAO,CAAC,CAgB7F;AAEF;;;GAGG;AACH,8BAHmD,KAAK,SAA3C,OAAQ,iBAAiB,EAAE,QAAS;IA2B7C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAmDzC;IA1CO,iDAAiD;IACjD,MADW,OAAO,kBAAkB,EAAE,OAAO,CACnB;IAiLlC,oEAIC;IAoBD;;;;;OAKG;IACH,iEAoJC;IAUD;;;;;OAKG;IACH,4IAQC;IAED;;;;OAIG;IACH,sBAFa,OAAO,WAAW,EAAE,UAAU,EAAE,CAS5C;IAkBD;;OAEG;IACH,uDAEC;IAED;;OAEG;IACH,oCAsFC;IAED,uBAQC;IAgBD;;;;OAIG;IACH,8BAJW,MAAM,+DAEJ,OAAO,iBAAiB,EAAE,kBAAkB,CAKxD;;CACJ;iBA7mBgB,WAAW"}