@genome-spy/core 0.78.0 → 0.79.0

package/dist/src/config/axisConfig.d.ts

@@ -4,13 +4,13 @@
  * @param {import("../spec/channel.js").PrimaryPositionalChannel} options.channel
  * @param {import("../spec/axis.js").AxisOrient} [options.orient]
  * @param {import("../spec/channel.js").Type} [options.type]
- * @param {string | string[]} [options.style]
+ * @param {string | string[] | null} [options.style]
  * @returns {import("../spec/config.js").AxisConfig}
  */
 export function getConfiguredAxisDefaults(scopes: import("../spec/config.js").GenomeSpyConfig[], { channel, orient, type, style }: {
     channel: import("../spec/channel.js").PrimaryPositionalChannel;
     orient?: import("../spec/axis.js").AxisOrient;
     type?: import("../spec/channel.js").Type;
-    style?: string | string[];
+    style?: string | string[] | null;
 }): import("../spec/config.js").AxisConfig;
 //# sourceMappingURL=axisConfig.d.ts.map

package/dist/src/config/axisConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axisConfig.d.ts","sourceRoot":"","sources":["../../../src/config/axisConfig.js"],"names":[],"mappings":"AA0BA;;;;;;;;GAQG;AACH,kDARW,OAAO,mBAAmB,EAAE,eAAe,EAAE,oCAErD;IAAuE,OAAO,EAAtE,OAAO,oBAAoB,EAAE,wBAAwB;IACN,MAAM,GAArD,OAAO,iBAAiB,EAAE,UAAU;IACQ,IAAI,GAAhD,OAAO,oBAAoB,EAAE,IAAI;IACL,KAAK,GAAjC,MAAM,GAAG,MAAM,EAAE;CACzB,GAAU,OAAO,mBAAmB,EAAE,UAAU,CAkDlD"}
+{"version":3,"file":"axisConfig.d.ts","sourceRoot":"","sources":["../../../src/config/axisConfig.js"],"names":[],"mappings":"AAyBA;;;;;;;;GAQG;AACH,kDARW,OAAO,mBAAmB,EAAE,eAAe,EAAE,oCAErD;IAAuE,OAAO,EAAtE,OAAO,oBAAoB,EAAE,wBAAwB;IACN,MAAM,GAArD,OAAO,iBAAiB,EAAE,UAAU;IACQ,IAAI,GAAhD,OAAO,oBAAoB,EAAE,IAAI;IACE,KAAK,GAAxC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;CAChC,GAAU,OAAO,mBAAmB,EAAE,UAAU,CAmClD"}

package/dist/src/config/axisConfig.js

@@ -1,5 +1,4 @@
-import { mergeConfigScopes } from "./mergeConfig.js";
-import { normalizeStyle } from "./styleUtils.js";
+import { createConfigLayerStack } from "./configLayers.js";
 
 /** @type {Record<import("../spec/channel.js").PrimaryPositionalChannel, keyof import("../spec/config.js").GenomeSpyConfig>} */
 const CHANNEL_BUCKETS = {
@@ -30,55 +29,40 @@ const TYPE_BUCKETS = {
  * @param {import("../spec/channel.js").PrimaryPositionalChannel} options.channel
  * @param {import("../spec/axis.js").AxisOrient} [options.orient]
  * @param {import("../spec/channel.js").Type} [options.type]
- * @param {string | string[]} [options.style]
+ * @param {string | string[] | null} [options.style]
  * @returns {import("../spec/config.js").AxisConfig}
  */
 export function getConfiguredAxisDefaults(
     scopes,
     { channel, orient, type, style }
 ) {
-    const styles = normalizeStyle(style);
+    const layers = createConfigLayerStack();
 
-    return /** @type {import("../spec/config.js").AxisConfig} */ (
-        mergeConfigScopes(
-            scopes.flatMap((scope) => {
-                const channelBucket = CHANNEL_BUCKETS[channel];
-                const orientBucket = orient
-                    ? ORIENT_BUCKETS[orient]
-                    : undefined;
-                const typeBucket = type ? TYPE_BUCKETS[type] : undefined;
-                const bucketConfigs = [
-                    /** @type {Record<string, any> | undefined} */ (scope.axis),
-                    /** @type {Record<string, any> | undefined} */ (
-                        channelBucket ? scope[channelBucket] : undefined
-                    ),
-                    /** @type {Record<string, any> | undefined} */ (
-                        orientBucket ? scope[orientBucket] : undefined
-                    ),
-                    /** @type {Record<string, any> | undefined} */ (
-                        typeBucket ? scope[typeBucket] : undefined
-                    ),
-                ];
-                const bucketStyles = bucketConfigs.flatMap((config) =>
-                    normalizeStyle(config?.style)
-                );
+    for (const [index, scope] of scopes.entries()) {
+        const channelBucket = CHANNEL_BUCKETS[channel];
+        const orientBucket = orient ? ORIENT_BUCKETS[orient] : undefined;
+        const typeBucket = type ? TYPE_BUCKETS[type] : undefined;
+        const precedingScopes = scopes.slice(0, index + 1);
+        const bucketConfigs = [
+            /** @type {Record<string, any> | undefined} */ (scope.axis),
+            /** @type {Record<string, any> | undefined} */ (
+                channelBucket ? scope[channelBucket] : undefined
+            ),
+            /** @type {Record<string, any> | undefined} */ (
+                orientBucket ? scope[orientBucket] : undefined
+            ),
+            /** @type {Record<string, any> | undefined} */ (
+                typeBucket ? scope[typeBucket] : undefined
+            ),
+        ];
+
+        for (const config of bucketConfigs) {
+            layers.appendConfig(precedingScopes, config);
+        }
+        layers.appendStyle(precedingScopes, style);
+    }
 
-                return [
-                    ...bucketStyles.map(
-                        (styleName) =>
-                            /** @type {Record<string, any> | undefined} */ (
-                                scope.style?.[styleName]
-                            )
-                    ),
-                    ...bucketConfigs,
-                    ...styles.map(
-                        (styleName) =>
-                            /** @type {Record<string, any> | undefined} */ (
-                                scope.style?.[styleName]
-                            )
-                    ),
-                ];
-            })
-        )
+    return /** @type {import("../spec/config.js").AxisConfig} */ (
+        layers.merge()
     );
 }

package/dist/src/config/configLayers.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @typedef {{
+ *     kind: "style" | "config",
+ *     config: Record<string, any>
+ * }} ConfigLayer
+ *
+ * @typedef {{
+ *     appendConfig: (scopes: import("../spec/config.js").GenomeSpyConfig[], config: StyleableConfig | undefined) => void,
+ *     appendStyle: (scopes: import("../spec/config.js").GenomeSpyConfig[], style: string | string[] | null | undefined) => void,
+ *     merge: () => Record<string, any>
+ * }} ConfigLayerStack
+ *
+ * @typedef {{
+ *     style?: string | string[] | null
+ * }} StyleableConfig
+ */
+/**
+ * Creates an ordered config layer stack that understands GenomeSpy style
+ * expansion. A style reference is not an ordinary property: it expands to a
+ * separate layer of defaults before the config object that declared it. Keeping
+ * these expanded defaults as tagged layers makes `style: null` meaningful: it
+ * can remove previously expanded style defaults while preserving ordinary
+ * inherited config properties such as `disable`, colors, or label settings.
+ *
+ * This is primarily needed by guide-like config hierarchies where defaults are
+ * assembled from multiple buckets, for example `legend`, `legendTrack`, and
+ * channel-level legend properties. The caller remains responsible for appending
+ * buckets in the desired precedence order.
+ *
+ * @returns {ConfigLayerStack}
+ */
+export function createConfigLayerStack(): ConfigLayerStack;
+export type ConfigLayer = {
+    kind: "style" | "config";
+    config: Record<string, any>;
+};
+export type ConfigLayerStack = {
+    appendConfig: (scopes: import("../spec/config.js").GenomeSpyConfig[], config: StyleableConfig | undefined) => void;
+    appendStyle: (scopes: import("../spec/config.js").GenomeSpyConfig[], style: string | string[] | null | undefined) => void;
+    merge: () => Record<string, any>;
+};
+export type StyleableConfig = {
+    style?: string | string[] | null;
+};
+//# sourceMappingURL=configLayers.d.ts.map

package/dist/src/config/configLayers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configLayers.d.ts","sourceRoot":"","sources":["../../../src/config/configLayers.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;GAeG;AAEH;;;;;;;;;;;;;;GAcG;AACH,0CAFa,gBAAgB,CAmB5B;0BAhDY;IACN,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC9B;+BAES;IACN,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,mBAAmB,EAAE,eAAe,EAAE,EAAE,MAAM,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;IACnH,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,mBAAmB,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1H,KAAK,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACnC;8BAES;IACN,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;CACnC"}

package/dist/src/config/configLayers.js

@@ -0,0 +1,110 @@
+import { mergeConfigScopes } from "./mergeConfig.js";
+import { getConfiguredStyleConfig } from "./styleUtils.js";
+
+/**
+ * @typedef {{
+ *     kind: "style" | "config",
+ *     config: Record<string, any>
+ * }} ConfigLayer
+ *
+ * @typedef {{
+ *     appendConfig: (scopes: import("../spec/config.js").GenomeSpyConfig[], config: StyleableConfig | undefined) => void,
+ *     appendStyle: (scopes: import("../spec/config.js").GenomeSpyConfig[], style: string | string[] | null | undefined) => void,
+ *     merge: () => Record<string, any>
+ * }} ConfigLayerStack
+ *
+ * @typedef {{
+ *     style?: string | string[] | null
+ * }} StyleableConfig
+ */
+
+/**
+ * Creates an ordered config layer stack that understands GenomeSpy style
+ * expansion. A style reference is not an ordinary property: it expands to a
+ * separate layer of defaults before the config object that declared it. Keeping
+ * these expanded defaults as tagged layers makes `style: null` meaningful: it
+ * can remove previously expanded style defaults while preserving ordinary
+ * inherited config properties such as `disable`, colors, or label settings.
+ *
+ * This is primarily needed by guide-like config hierarchies where defaults are
+ * assembled from multiple buckets, for example `legend`, `legendTrack`, and
+ * channel-level legend properties. The caller remains responsible for appending
+ * buckets in the desired precedence order.
+ *
+ * @returns {ConfigLayerStack}
+ */
+export function createConfigLayerStack() {
+    /** @type {ConfigLayer[]} */
+    const layers = [];
+
+    return {
+        appendConfig(scopes, config) {
+            appendConfigLayer(layers, scopes, config);
+        },
+
+        appendStyle(scopes, style) {
+            appendStyleLayer(layers, scopes, style);
+        },
+
+        merge() {
+            return mergeConfigScopes(layers.map((layer) => layer.config));
+        },
+    };
+}
+
+/**
+ * @param {ConfigLayer[]} layers
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {StyleableConfig | undefined} config
+ */
+function appendConfigLayer(layers, scopes, config) {
+    if (!config) {
+        return;
+    }
+
+    appendStyleLayer(
+        layers,
+        scopes,
+        Object.hasOwn(config, "style") ? config.style : undefined
+    );
+
+    layers.push({ kind: "config", config });
+}
+
+/**
+ * Appends style-expanded defaults without appending the style declaration
+ * itself. Use this for explicit style inputs whose only purpose is to select a
+ * named style layer.
+ *
+ * @param {ConfigLayer[]} layers
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {string | string[] | null | undefined} style
+ */
+function appendStyleLayer(layers, scopes, style) {
+    if (style === undefined) {
+        return;
+    }
+
+    if (style === null) {
+        removeStyleLayers(layers);
+        return;
+    }
+
+    const styleConfig = getConfiguredStyleConfig(scopes, style);
+    layers.push({ kind: "style", config: styleConfig });
+}
+
+/**
+ * Removes expanded style layers while leaving ordinary config layers intact.
+ * This allows a deeper config scope to clear inherited styles without clearing
+ * unrelated inherited defaults.
+ *
+ * @param {ConfigLayer[]} layers
+ */
+function removeStyleLayers(layers) {
+    for (let index = layers.length - 1; index >= 0; index--) {
+        if (layers[index].kind == "style") {
+            layers.splice(index, 1);
+        }
+    }
+}

package/dist/src/config/defaultConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultConfig.d.ts","sourceRoot":"","sources":["../../../src/config/defaultConfig.js"],"names":[],"mappings":"AAiBA,0DAA0D;AAC1D,sCADW,OAAO,mBAAmB,EAAE,eAAe,CAoBpD"}
+{"version":3,"file":"defaultConfig.d.ts","sourceRoot":"","sources":["../../../src/config/defaultConfig.js"],"names":[],"mappings":"AAsBA,0DAA0D;AAC1D,sCADW,OAAO,mBAAmB,EAAE,eAAe,CAsBpD"}

package/dist/src/config/defaultConfig.js

@@ -8,6 +8,11 @@ import {
     TEXT_MARK_DEFAULTS,
 } from "./defaults/markDefaults.js";
 import { AXIS_DEFAULTS, LOCUS_AXIS_DEFAULTS } from "./defaults/axisDefaults.js";
+import {
+    LEGEND_DEFAULTS,
+    LEGEND_STYLE_DEFAULTS,
+    LEGEND_TRACK_DEFAULTS,
+} from "./defaults/legendDefaults.js";
 import { RANGE_DEFAULTS, SCALE_DEFAULTS } from "./defaults/scaleDefaults.js";
 import {
     TITLE_DEFAULTS,
@@ -29,10 +34,12 @@ export const INTERNAL_DEFAULT_CONFIG = {
 
     axis: AXIS_DEFAULTS,
     axisLocus: LOCUS_AXIS_DEFAULTS,
+    legend: LEGEND_DEFAULTS,
+    legendTrack: LEGEND_TRACK_DEFAULTS,
 
     scale: SCALE_DEFAULTS,
     range: RANGE_DEFAULTS,
 
     title: TITLE_DEFAULTS,
-    style: TITLE_STYLE_DEFAULTS,
+    style: { ...TITLE_STYLE_DEFAULTS, ...LEGEND_STYLE_DEFAULTS },
 };

package/dist/src/config/defaults/legendDefaults.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Initial legend defaults are adapted from Vega:
+ * https://github.com/vega/vega/
+ *
+ * @type {import("../../spec/legend.js").LegendConfig}
+ */
+export const LEGEND_DEFAULTS: import("../../spec/legend.js").LegendConfig;
+/** @type {Record<string, import("../../spec/config.js").StyleConfig>} */
+export const LEGEND_STYLE_DEFAULTS: Record<string, import("../../spec/config.js").StyleConfig>;
+/**
+ * @type {import("../../spec/legend.js").LegendConfig}
+ */
+export const LEGEND_TRACK_DEFAULTS: import("../../spec/legend.js").LegendConfig;
+//# sourceMappingURL=legendDefaults.d.ts.map

package/dist/src/config/defaults/legendDefaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legendDefaults.d.ts","sourceRoot":"","sources":["../../../../src/config/defaults/legendDefaults.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,8BAFU,OAAO,sBAAsB,EAAE,YAAY,CAwBnD;AAEF,yEAAyE;AACzE,oCADW,MAAM,CAAC,MAAM,EAAE,OAAO,sBAAsB,EAAE,WAAW,CAAC,CAQnE;AAEF;;GAEG;AACH,oCAFU,OAAO,sBAAsB,EAAE,YAAY,CAInD"}

package/dist/src/config/defaults/legendDefaults.js

@@ -0,0 +1,46 @@
+/**
+ * Initial legend defaults are adapted from Vega:
+ * https://github.com/vega/vega/
+ *
+ * @type {import("../../spec/legend.js").LegendConfig}
+ */
+export const LEGEND_DEFAULTS = {
+    disable: false,
+    orient: "right",
+    direction: "vertical",
+    offset: 18,
+    padding: 0,
+    spacing: 10,
+    columnPadding: 10,
+    rowPadding: 2,
+    labelAlign: "left",
+    labelBaseline: "middle",
+    labelLimit: 160,
+    labelOffset: 4,
+    symbolType: "circle",
+    symbolSize: 100,
+    symbolOffset: 0,
+    symbolStrokeWidth: 1.5,
+    symbolBaseFillColor: "transparent",
+    symbolBaseStrokeColor: "#888",
+    titleLimit: 180,
+    titleOrient: "top",
+    titlePadding: 5,
+};
+
+/** @type {Record<string, import("../../spec/config.js").StyleConfig>} */
+export const LEGEND_STYLE_DEFAULTS = {
+    "track-bottom": {
+        orient: "bottom",
+        titleOrient: "left",
+        spacing: 3,
+        offset: 3,
+    },
+};
+
+/**
+ * @type {import("../../spec/legend.js").LegendConfig}
+ */
+export const LEGEND_TRACK_DEFAULTS = {
+    style: "track-bottom",
+};

package/dist/src/config/defaults/titleDefaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"titleDefaults.d.ts","sourceRoot":"","sources":["../../../../src/config/defaults/titleDefaults.js"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,6BADW,OAAO,sBAAsB,EAAE,WAAW,CAgBnD;AAEF,yEAAyE;AACzE,mCADW,MAAM,CAAC,MAAM,EAAE,OAAO,sBAAsB,EAAE,WAAW,CAAC,CA4BnE"}
+{"version":3,"file":"titleDefaults.d.ts","sourceRoot":"","sources":["../../../../src/config/defaults/titleDefaults.js"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,6BADW,OAAO,sBAAsB,EAAE,WAAW,CAkBnD;AAeF,yEAAyE;AACzE,mCADW,MAAM,CAAC,MAAM,EAAE,OAAO,sBAAsB,EAAE,WAAW,CAAC,CAqBnE"}

package/dist/src/config/defaults/titleDefaults.js

@@ -4,6 +4,7 @@ export const TITLE_DEFAULTS = {
     frame: "group",
     offset: 10,
     orient: "top",
+    reserve: true,
     align: undefined,
     angle: 0,
     baseline: "alphabetic",
@@ -11,37 +12,44 @@ export const TITLE_DEFAULTS = {
     dy: 0,
     color: undefined,
     font: undefined,
-    fontSize: 12,
+    fontSize: 13,
     fontStyle: "normal",
     fontWeight: "normal",
+    subtitlePadding: 3,
+};
+
+/** @type {import("../../spec/config.js").StyleConfig} */
+const OVERLAY_TITLE_STYLE = {
+    orient: "top",
+    frame: "group",
+    reserve: false,
+    anchor: "start",
+    align: "left",
+    baseline: "top",
+    offset: -10,
+    dx: 10,
+    fontSize: 12,
 };
 
 /** @type {Record<string, import("../../spec/config.js").StyleConfig>} */
 export const TITLE_STYLE_DEFAULTS = {
+    "group-title": {},
     "track-title": {
         orient: "left",
+        frame: "group",
+        reserve: true,
         anchor: "middle",
         align: "right",
         baseline: "middle",
         angle: 0,
         fontSize: 12,
     },
-    overlay: {
-        orient: "top",
-        anchor: "start",
-        align: "left",
-        baseline: "top",
-        offset: -10,
-        dx: 10,
-        fontSize: 12,
-    },
-    "overlay-title": {
-        orient: "top",
-        anchor: "start",
-        align: "left",
-        baseline: "top",
-        offset: -10,
-        dx: 10,
-        fontSize: 12,
+    // Legacy name kept for backward compatibility. Prefer "overlay-title".
+    overlay: OVERLAY_TITLE_STYLE,
+    "overlay-title": OVERLAY_TITLE_STYLE,
+    "group-subtitle": {
+        fontSize: 11,
+        fontStyle: "normal",
+        fontWeight: "normal",
     },
 };

package/dist/src/config/legendConfig.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {import("../spec/legend.js").Legend | import("../spec/legend.js").LegendConfig} [legend]
+ * @param {object} [options]
+ * @param {boolean} [options.track]
+ * @returns {import("../spec/legend.js").LegendConfig}
+ */
+export function getConfiguredLegendDefaults(scopes: import("../spec/config.js").GenomeSpyConfig[], legend?: import("../spec/legend.js").Legend | import("../spec/legend.js").LegendConfig, options?: {
+    track?: boolean;
+}): import("../spec/legend.js").LegendConfig;
+//# sourceMappingURL=legendConfig.d.ts.map

package/dist/src/config/legendConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legendConfig.d.ts","sourceRoot":"","sources":["../../../src/config/legendConfig.js"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,oDANW,OAAO,mBAAmB,EAAE,eAAe,EAAE,WAC7C,OAAO,mBAAmB,EAAE,MAAM,GAAG,OAAO,mBAAmB,EAAE,YAAY,YAErF;IAA0B,KAAK,GAAvB,OAAO;CACf,GAAU,OAAO,mBAAmB,EAAE,YAAY,CAoBpD"}

package/dist/src/config/legendConfig.js

@@ -0,0 +1,63 @@
+import { createConfigLayerStack } from "./configLayers.js";
+
+/**
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {import("../spec/legend.js").Legend | import("../spec/legend.js").LegendConfig} [legend]
+ * @param {object} [options]
+ * @param {boolean} [options.track]
+ * @returns {import("../spec/legend.js").LegendConfig}
+ */
+export function getConfiguredLegendDefaults(scopes, legend, options = {}) {
+    const baseScope = scopes[0];
+    const scopedOverrides = scopes.slice(1);
+    const layers = createConfigLayerStack();
+
+    appendLegendScopeDefaults(layers, scopes, baseScope, options.track);
+
+    for (const [index, scope] of scopedOverrides.entries()) {
+        const scopedScopes = scopes.slice(0, index + 2);
+        appendTrackScopeDefaults(layers, scopedScopes, scope, options.track);
+        appendLegendConfigLayer(layers, scopedScopes, scope.legend);
+    }
+
+    appendLegendConfigLayer(layers, scopes, legend);
+
+    return /** @type {import("../spec/legend.js").LegendConfig} */ (
+        layers.merge()
+    );
+}
+
+/**
+ * @param {import("./configLayers.js").ConfigLayerStack} layers
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {import("../spec/config.js").GenomeSpyConfig | undefined} baseScope
+ * @param {boolean | undefined} track
+ */
+function appendLegendScopeDefaults(layers, scopes, baseScope, track) {
+    const scopedScopes = scopes.slice(0, 1);
+    appendLegendConfigLayer(layers, scopedScopes, baseScope?.legend);
+    appendTrackScopeDefaults(layers, scopedScopes, baseScope, track);
+}
+
+/**
+ * @param {import("./configLayers.js").ConfigLayerStack} layers
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopedScopes
+ * @param {import("../spec/config.js").GenomeSpyConfig | undefined} scope
+ * @param {boolean | undefined} track
+ */
+function appendTrackScopeDefaults(layers, scopedScopes, scope, track) {
+    if (!track) {
+        return;
+    }
+
+    appendLegendConfigLayer(layers, scopedScopes, scope?.legendTrack);
+}
+
+/**
+ * @param {import("./configLayers.js").ConfigLayerStack} layers
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {import("../spec/legend.js").Legend | import("../spec/legend.js").LegendConfig | undefined} config
+ */
+function appendLegendConfigLayer(layers, scopes, config) {
+    layers.appendConfig(scopes, config);
+}

package/dist/src/config/styleUtils.d.ts

@@ -1,6 +1,12 @@
 /**
- * @param {string | string[] | undefined} style
+ * @param {string | string[] | null | undefined} style
  * @returns {string[]}
  */
-export function normalizeStyle(style: string | string[] | undefined): string[];
+export function normalizeStyle(style: string | string[] | null | undefined): string[];
+/**
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {string | string[] | null | undefined} style
+ * @returns {import("../spec/config.js").StyleConfig}
+ */
+export function getConfiguredStyleConfig(scopes: import("../spec/config.js").GenomeSpyConfig[], style: string | string[] | null | undefined): import("../spec/config.js").StyleConfig;
 //# sourceMappingURL=styleUtils.d.ts.map

package/dist/src/config/styleUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../src/config/styleUtils.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,sCAHW,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAC3B,MAAM,EAAE,CAOpB"}
+{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../src/config/styleUtils.js"],"names":[],"mappings":"AAEA;;;GAGG;AACH,sCAHW,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,GAClC,MAAM,EAAE,CAOpB;AAED;;;;GAIG;AACH,iDAJW,OAAO,mBAAmB,EAAE,eAAe,EAAE,SAC7C,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,GAClC,OAAO,mBAAmB,EAAE,WAAW,CAiBnD"}

package/dist/src/config/styleUtils.js

@@ -1,5 +1,7 @@
+import { mergeConfigScopes } from "./mergeConfig.js";
+
 /**
- * @param {string | string[] | undefined} style
+ * @param {string | string[] | null | undefined} style
  * @returns {string[]}
  */
 export function normalizeStyle(style) {
@@ -8,3 +10,25 @@ export function normalizeStyle(style) {
     }
     return Array.isArray(style) ? style : [style];
 }
+
+/**
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} scopes
+ * @param {string | string[] | null | undefined} style
+ * @returns {import("../spec/config.js").StyleConfig}
+ */
+export function getConfiguredStyleConfig(scopes, style) {
+    const styles = normalizeStyle(style);
+
+    return /** @type {import("../spec/config.js").StyleConfig} */ (
+        mergeConfigScopes(
+            scopes.flatMap((scope) =>
+                styles.map(
+                    (styleName) =>
+                        /** @type {Record<string, any> | undefined} */ (
+                            scope.style?.[styleName]
+                        )
+                )
+            )
+        )
+    );
+}

package/dist/src/config/themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/config/themes.js"],"names":[],"mappings":"AA4RA;;;GAGG;AACH,gDAHW,OAAO,mBAAmB,EAAE,gBAAgB,GAC1C,MAAM,GAAG,SAAS,CAI9B;AAED;;;GAGG;AACH,iDAHW,OAAO,mBAAmB,EAAE,gBAAgB,GAAG,OAAO,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,SAAS,GACvG,OAAO,mBAAmB,EAAE,eAAe,GAAG,SAAS,CAWnE;AA1BD;;GAEG;AACH,iCAFU,OAAO,mBAAmB,EAAE,gBAAgB,CAER"}
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/config/themes.js"],"names":[],"mappings":"AA+SA;;;GAGG;AACH,gDAHW,OAAO,mBAAmB,EAAE,gBAAgB,GAC1C,MAAM,GAAG,SAAS,CAI9B;AAED;;;GAGG;AACH,iDAHW,OAAO,mBAAmB,EAAE,gBAAgB,GAAG,OAAO,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,SAAS,GACvG,OAAO,mBAAmB,EAAE,eAAe,GAAG,SAAS,CAWnE;AA1BD;;GAEG;AACH,iCAFU,OAAO,mBAAmB,EAAE,gBAAgB,CAER"}

package/dist/src/config/themes.js

@@ -16,6 +16,9 @@ const VEGALITE_THEME = {
         color: "black",
     },
     view: {
+        continuousWidth: 300,
+        continuousHeight: 300,
+        step: 20,
         stroke: "#ddd",
         strokeWidth: 1,
     },
@@ -26,9 +29,25 @@ const VEGALITE_THEME = {
         domainColor: "gray",
         gridColor: "#ddd",
         labelColor: "#333",
-        titleColor: "#333",
+        titleColor: "black",
         titleFontSize: 11,
-        titleFontWeight: "normal",
+        titleFontWeight: "bold",
+    },
+    legend: {
+        titleColor: "black",
+        titleFontSize: 11,
+        titleFontWeight: "bold",
+    },
+    style: {
+        "group-title": {
+            color: "black",
+            fontSize: 13,
+            fontWeight: "bold",
+        },
+        "group-subtitle": {
+            color: "black",
+            fontSize: 12,
+        },
     },
     axisQuantitative: {
         grid: true,

package/dist/src/config/titleConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"titleConfig.d.ts","sourceRoot":"","sources":["../../../src/config/titleConfig.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,iDAHW,OAAO,mBAAmB,EAAE,eAAe,EAAE,GAC3C,OAAO,mBAAmB,EAAE,WAAW,CAWnD;AAED;;;;GAIG;AACH,iDAJW,OAAO,mBAAmB,EAAE,eAAe,EAAE,cAC7C,MAAM,GAAG,MAAM,EAAE,GACf,OAAO,mBAAmB,EAAE,WAAW,CAoBnD"}
+{"version":3,"file":"titleConfig.d.ts","sourceRoot":"","sources":["../../../src/config/titleConfig.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,iDAHW,OAAO,mBAAmB,EAAE,eAAe,EAAE,GAC3C,OAAO,mBAAmB,EAAE,WAAW,CAWnD;AAED;;;;GAIG;AACH,iDAJW,OAAO,mBAAmB,EAAE,eAAe,EAAE,cAC7C,MAAM,GAAG,MAAM,EAAE,GACf,OAAO,mBAAmB,EAAE,WAAW,CAInD"}