@genome-spy/core 0.73.0 → 0.75.0

package/dist/src/scales/scaleResolutionTestUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scaleResolutionTestUtils.d.ts","sourceRoot":"","sources":["../../../src/scales/scaleResolutionTestUtils.js"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,+BAJW,OAAO,iBAAiB,EAAE,QAAQ,aAClC;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,iBAAiB,EAAE,OAAO,CAAA;CAAE,GACxD,OAAO,CAAC,OAAO,iBAAiB,EAAE,OAAO,CAAC,CAItD;AAED;;;;GAIG;AACH,iDAJW,OAAO,iBAAiB,EAAE,OAAO,WACjC,OAAO,oBAAoB,EAAE,gBAAgB,GAC3C,OAAO,sBAAsB,EAAE,OAAO,CAQlD;AAED;;;;GAIG;AACH,qCAJW,OAAO,iBAAiB,EAAE,OAAO,WACjC,OAAO,oBAAoB,EAAE,gBAAgB,GAC3C,GAAG,EAAE,CAIjB"}
+{"version":3,"file":"scaleResolutionTestUtils.d.ts","sourceRoot":"","sources":["../../../src/scales/scaleResolutionTestUtils.js"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,+BAJW,OAAO,iBAAiB,EAAE,QAAQ,aAClC;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,iBAAiB,EAAE,OAAO,CAAA;CAAE,GACxD,OAAO,CAAC,OAAO,iBAAiB,EAAE,OAAO,CAAC,CAQtD;AAED;;;;GAIG;AACH,iDAJW,OAAO,iBAAiB,EAAE,OAAO,WACjC,OAAO,oBAAoB,EAAE,gBAAgB,GAC3C,OAAO,sBAAsB,EAAE,OAAO,CAQlD;AAED;;;;GAIG;AACH,qCAJW,OAAO,iBAAiB,EAAE,OAAO,WACjC,OAAO,oBAAoB,EAAE,gBAAgB,GAC3C,GAAG,EAAE,CAIjB"}

package/dist/src/scales/scaleResolutionTestUtils.js

@@ -1,4 +1,4 @@
-import { createAndInitialize } from "../view/testUtils.js";
+import { createHeadlessEngine } from "../genomeSpy/headlessBootstrap.js";
 import UnitView from "../view/unitView.js";
 
 /**
@@ -7,7 +7,11 @@ import UnitView from "../view/unitView.js";
  * @returns {Promise<import("../view/view.js").default>}
  */
 export async function initView(spec, viewType = UnitView) {
-    return createAndInitialize(spec, viewType);
+    const { view } = await createHeadlessEngine(spec);
+    if (!(view instanceof viewType)) {
+        throw new Error("ViewClass and the spec do not match!");
+    }
+    return view;
 }
 
 /**

package/dist/src/scales/scaleRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scaleRules.d.ts","sourceRoot":"","sources":["../../../src/scales/scaleRules.js"],"names":[],"mappings":"AAcA;;GAEG;AAEH;;;;GAIG;AACH,6CAJW,OAAO,YACP,OAAO,oBAAoB,EAAE,IAAI,GAC/B,OAAO,kBAAkB,EAAE,SAAS,CAkEhD;AAED;;;GAGG;AACH,6CAHW,OAAO,kBAAkB,EAAE,KAAK,WAChC,OAAO,QAWjB;sBAvFY,OAAO,oBAAoB,EAAE,OAAO"}
+{"version":3,"file":"scaleRules.d.ts","sourceRoot":"","sources":["../../../src/scales/scaleRules.js"],"names":[],"mappings":"AAcA;;GAEG;AAEH;;;;GAIG;AACH,6CAJW,OAAO,YACP,OAAO,oBAAoB,EAAE,IAAI,GAC/B,OAAO,kBAAkB,EAAE,SAAS,CA2EhD;AAED;;;GAGG;AACH,6CAHW,OAAO,kBAAkB,EAAE,KAAK,WAChC,OAAO,QAgBjB;sBArGY,OAAO,oBAAoB,EAAE,OAAO"}

package/dist/src/scales/scaleRules.js

@@ -22,6 +22,15 @@ import {
  * @returns {import("../spec/scale.js").ScaleType}
  */
 export function getDefaultScaleType(channel, dataType) {
+    // TODO: Follow up with Vega-Lite-like discrete positional scale inference.
+    // For nominal/ordinal x/y channels, the default should not always be "band".
+    // The choice should depend on resolved mark usage and related signals:
+    // - rect/bar/rule/tick-like coverage -> "band"
+    // - point/text/link-like centered positions -> "point"
+    // - explicit relative band sizing / axis tickBand / nested offsets -> "band"
+    // This requires passing richer context than just channel + dataType.
+    //
+    // Keep the current behavior in this branch to avoid changing existing specs.
     // TODO: Band scale, Bin-Quantitative
 
     if (dataType == INDEX || dataType == LOCUS) {
@@ -93,11 +102,16 @@ export function getDefaultScaleType(channel, dataType) {
  */
 export function applyLockedProperties(props, channel) {
     if (isPositionalChannel(channel) && props.type !== "ordinal") {
-        // Unit ranges are a temporary default until pixel ranges are adopted.
+        // Positional scales currently operate in unit coordinates.
+        // Keep this invariant until pixel ranges are adopted.
         props.range = [0, 1];
     }
 
-    if (channel == "opacity" && isContinuous(props.type)) {
+    if (
+        channel == "opacity" &&
+        isContinuous(props.type) &&
+        props.clamp === undefined
+    ) {
         props.clamp = true;
     }
 }

package/dist/src/scales/selectionDomainUtils.d.ts

@@ -10,6 +10,36 @@ export function requireParamRuntime(paramRuntime: {
  * @param {string} paramName
  */
 export function requireIntervalSelection(selection: any, paramName: string): import("../types/selectionTypes.js").IntervalSelection;
+/**
+ * Resolves the runtime-backed interval selection binding used by a linked
+ * domain. Matching is based on the actual resolved runtime slot instead of
+ * parameter name alone, so scoped params with the same name remain distinct.
+ *
+ * @param {import("../view/view.js").default} view
+ * @param {string} paramName
+ * @param {"x" | "y"} encoding
+ */
+export function resolveIntervalSelectionBinding(view: import("../view/view.js").default, paramName: string, encoding: "x" | "y"): {
+    runtime: any;
+    selection: import("../types/selectionTypes.js").IntervalSelection;
+};
+/**
+ * @param {import("../view/view.js").default} root
+ * @param {any} runtime
+ * @param {string} paramName
+ * @param {"x" | "y"} encoding
+ */
+export function findIntervalSelectionBindingOwners(root: import("../view/view.js").default, runtime: any, paramName: string, encoding: "x" | "y"): {
+    view: import("../view/view.js").default;
+    param: import("../spec/parameter.js").SelectionParameter;
+}[];
+/**
+ * @param {import("../view/view.js").default} view
+ * @param {any} runtime
+ * @param {string} paramName
+ * @param {"x" | "y"} encoding
+ */
+export function hasIntervalSelectionBindingInScope(view: import("../view/view.js").default, runtime: any, paramName: string, encoding: "x" | "y"): boolean;
 /**
  * @param {number[]} interval
  * @param {number[]} zoomExtent

package/dist/src/scales/selectionDomainUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectionDomainUtils.d.ts","sourceRoot":"","sources":["../../../src/scales/selectionDomainUtils.js"],"names":[],"mappings":"AAEA;;;GAGG;AACH,kDAHW;IAAE,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAA;CAAE,aAC9C,MAAM,OAUhB;AAED;;;GAGG;AACH,oDAHW,GAAG,aACH,MAAM,0DAgBhB;AAED;;;;;GAKG;AACH,wDALW,MAAM,EAAE,cACR,MAAM,EAAE,YACR;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,GAC3B,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAsCxC"}
+{"version":3,"file":"selectionDomainUtils.d.ts","sourceRoot":"","sources":["../../../src/scales/selectionDomainUtils.js"],"names":[],"mappings":"AAOA;;;GAGG;AACH,kDAHW;IAAE,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAA;CAAE,aAC9C,MAAM,OAUhB;AAED;;;GAGG;AACH,oDAHW,GAAG,aACH,MAAM,0DAgBhB;AAED;;;;;;;;GAQG;AACH,sDAJW,OAAO,iBAAiB,EAAE,OAAO,aACjC,MAAM,YACN,GAAG,GAAG,GAAG;;;EAiBnB;AAED;;;;;GAKG;AACH,yDALW,OAAO,iBAAiB,EAAE,OAAO,WACjC,GAAG,aACH,MAAM,YACN,GAAG,GAAG,GAAG;UAGG,OAAO,iBAAiB,EAAE,OAAO;WAAS,OAAO,sBAAsB,EAAE,kBAAkB;IAuBjH;AAED;;;;;GAKG;AACH,yDALW,OAAO,iBAAiB,EAAE,OAAO,WACjC,GAAG,aACH,MAAM,YACN,GAAG,GAAG,GAAG,WA8CnB;AAED;;;;;GAKG;AACH,wDALW,MAAM,EAAE,cACR,MAAM,EAAE,YACR;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,GAC3B,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAsCxC"}

package/dist/src/scales/selectionDomainUtils.js

@@ -1,4 +1,9 @@
-import { isIntervalSelection } from "../selection/selection.js";
+import { isSelectionParameter } from "../paramRuntime/paramUtils.js";
+import {
+    asSelectionConfig,
+    isIntervalSelection,
+    isIntervalSelectionConfig,
+} from "../selection/selection.js";
 
 /**
  * @param {{ findRuntimeForParam: (name: string) => any }} paramRuntime
@@ -34,6 +39,116 @@ export function requireIntervalSelection(selection, paramName) {
     return selection;
 }
 
+/**
+ * Resolves the runtime-backed interval selection binding used by a linked
+ * domain. Matching is based on the actual resolved runtime slot instead of
+ * parameter name alone, so scoped params with the same name remain distinct.
+ *
+ * @param {import("../view/view.js").default} view
+ * @param {string} paramName
+ * @param {"x" | "y"} encoding
+ */
+export function resolveIntervalSelectionBinding(view, paramName, encoding) {
+    const runtime = view.paramRuntime.findRuntimeForParam
+        ? requireParamRuntime(view.paramRuntime, paramName)
+        : view.paramRuntime;
+    const selection = requireIntervalSelection(
+        runtime.getValue
+            ? runtime.getValue(paramName)
+            : view.paramRuntime.findValue(paramName),
+        paramName
+    );
+
+    return {
+        runtime,
+        selection,
+    };
+}
+
+/**
+ * @param {import("../view/view.js").default} root
+ * @param {any} runtime
+ * @param {string} paramName
+ * @param {"x" | "y"} encoding
+ */
+export function findIntervalSelectionBindingOwners(root, runtime, paramName, encoding) {
+    /** @type {{ view: import("../view/view.js").default, param: import("../spec/parameter.js").SelectionParameter }[]} */
+    const owners = [];
+
+    root.visit((view) => {
+        const param = view.paramRuntime?.paramConfigs?.get(paramName);
+        if (!param || !isSelectionParameter(param)) {
+            return;
+        }
+
+        const select = asSelectionConfig(param.select);
+        if (
+            !isIntervalSelectionConfig(select) ||
+            !select.encodings?.includes(encoding)
+        ) {
+            return;
+        }
+
+        if (view.paramRuntime.findRuntimeForParam(paramName) === runtime) {
+            owners.push({ view, param });
+        }
+    });
+
+    return owners;
+}
+
+/**
+ * @param {import("../view/view.js").default} view
+ * @param {any} runtime
+ * @param {string} paramName
+ * @param {"x" | "y"} encoding
+ */
+export function hasIntervalSelectionBindingInScope(
+    view,
+    runtime,
+    paramName,
+    encoding
+) {
+    const seen = new Set();
+    const ancestorGroups = [
+        view.getLayoutAncestors?.(),
+        view.getDataAncestors?.(),
+        [view],
+    ];
+
+    for (const views of ancestorGroups) {
+        for (const candidateView of views ?? []) {
+            if (!candidateView || seen.has(candidateView)) {
+                continue;
+            }
+
+            seen.add(candidateView);
+
+            const param = candidateView.paramRuntime?.paramConfigs?.get(paramName);
+            if (!param || !isSelectionParameter(param)) {
+                continue;
+            }
+
+            const select = asSelectionConfig(param.select);
+            if (
+                !isIntervalSelectionConfig(select) ||
+                !select.encodings?.includes(encoding)
+            ) {
+                continue;
+            }
+
+            if (
+                candidateView.paramRuntime.findRuntimeForParam?.(paramName) ===
+                runtime
+            ) {
+                return true;
+            }
+        }
+    }
+
+    return false;
+}
+
 /**
  * @param {number[]} interval
  * @param {number[]} zoomExtent

package/dist/src/screenshotExport.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @param {{ width: number | undefined, height: number | undefined }} renderedBounds
+ * @param {{ width: number, height: number }} logicalSize
+ */
+export function resolveExportSize(renderedBounds: {
+    width: number | undefined;
+    height: number | undefined;
+}, logicalSize: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+};
+/**
+ * Returns the smallest DPR that yields at least 400 physical pixels vertically.
+ *
+ * Fractional DPRs are rounded upward to the nearest 0.5.
+ *
+ * @param {number} logicalHeight
+ */
+export function resolveCaptureDevicePixelRatio(logicalHeight: number): number;
+//# sourceMappingURL=screenshotExport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"screenshotExport.d.ts","sourceRoot":"","sources":["../../src/screenshotExport.js"],"names":[],"mappings":"AAEA;;;GAGG;AACH,kDAHW;IAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,eACzD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;;;EAiB3C;AAED;;;;;;GAMG;AACH,8DAFW,MAAM,UAehB"}

package/dist/src/screenshotExport.js

@@ -0,0 +1,44 @@
+const MIN_VERTICAL_RESOLUTION = 400;
+
+/**
+ * @param {{ width: number | undefined, height: number | undefined }} renderedBounds
+ * @param {{ width: number, height: number }} logicalSize
+ */
+export function resolveExportSize(renderedBounds, logicalSize) {
+    return {
+        width:
+            Number.isFinite(renderedBounds.width) && renderedBounds.width > 0
+                ? Math.ceil(renderedBounds.width)
+                : Number.isFinite(logicalSize.width) && logicalSize.width > 0
+                  ? logicalSize.width
+                  : 500,
+        height:
+            Number.isFinite(renderedBounds.height) && renderedBounds.height > 0
+                ? Math.ceil(renderedBounds.height)
+                : Number.isFinite(logicalSize.height) && logicalSize.height > 0
+                  ? logicalSize.height
+                  : 280,
+    };
+}
+
+/**
+ * Returns the smallest DPR that yields at least 400 physical pixels vertically.
+ *
+ * Fractional DPRs are rounded upward to the nearest 0.5.
+ *
+ * @param {number} logicalHeight
+ */
+export function resolveCaptureDevicePixelRatio(logicalHeight) {
+    if (!Number.isFinite(logicalHeight) || logicalHeight <= 0) {
+        throw new Error(
+            `Expected a positive logical height, got ${logicalHeight}.`
+        );
+    }
+
+    if (logicalHeight >= MIN_VERTICAL_RESOLUTION) {
+        return 1;
+    }
+
+    const requiredDevicePixelRatio = MIN_VERTICAL_RESOLUTION / logicalHeight;
+    return Math.ceil(requiredDevicePixelRatio * 2) / 2;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"screenshotHarness.d.ts","sourceRoot":"","sources":["../../src/screenshotHarness.js"],"names":[],"mappings":"8BAQa;IACR,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,OAAO,CAAC;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC5F;+BAIS,MAAM,GAAG,OAAO,UAAU,GAAG;IAAE,qBAAqB,EAAE,eAAe,CAAA;CAAE"}
+{"version":3,"file":"screenshotHarness.d.ts","sourceRoot":"","sources":["../../src/screenshotHarness.js"],"names":[],"mappings":"8BAYa;IACR,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,OAAO,CAAC;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC5F;+BAIS,MAAM,GAAG,OAAO,UAAU,GAAG;IAAE,qBAAqB,EAAE,eAAe,CAAA;CAAE"}

package/dist/src/screenshotHarness.js

@@ -1,8 +1,12 @@
 import { embed, loadSpec } from "./index.js";
-
-const DEFAULT_CONTAINER_WIDTH = 600;
-const DEFAULT_CONTAINER_HEIGHT = 320;
-const DEFAULT_LAZY_READY_TIMEOUT_MS = 30_000;
+import {
+    resolveCaptureDevicePixelRatio,
+    resolveExportSize,
+} from "./screenshotExport.js";
+
+const DEFAULT_CONTAINER_WIDTH = 500;
+const DEFAULT_CONTAINER_HEIGHT = 300;
+const DEFAULT_LAZY_READY_TIMEOUT_MS = 10_000;
 const READY_DELAY_MS = 100;
 
 /**
@@ -89,22 +93,30 @@ async function initializeHarness(url) {
             api.getRenderedBounds(),
             api.getLogicalCanvasSize()
         );
+        const devicePixelRatio = resolveCaptureDevicePixelRatio(
+            logicalSize.height
+        );
 
         screenshotWindow.__genomeSpyScreenshot = {
             status: "ready",
-            detail: `Ready (${logicalSize.width}x${logicalSize.height}, DPR 1)`,
+            detail: `Ready (${logicalSize.width}x${logicalSize.height}, DPR ${formatDevicePixelRatio(
+                devicePixelRatio
+            )})`,
             error: "",
             async capture() {
                 const currentSize = resolveExportSize(
                     api.getRenderedBounds(),
                     api.getLogicalCanvasSize()
                 );
+                const currentDevicePixelRatio = resolveCaptureDevicePixelRatio(
+                    currentSize.height
+                );
                 return {
                     logicalSize: currentSize,
                     dataUrl: api.exportCanvas(
                         currentSize.width,
                         currentSize.height,
-                        1,
+                        currentDevicePixelRatio,
                         "white"
                     ),
                 };
@@ -112,7 +124,9 @@ async function initializeHarness(url) {
         };
 
         setStatus(
-            `Ready (${logicalSize.width}x${logicalSize.height}, DPR 1)`
+            `Ready (${logicalSize.width}x${logicalSize.height}, DPR ${formatDevicePixelRatio(
+                devicePixelRatio
+            )})`
         );
     } catch (error) {
         setFailure(error instanceof Error ? error.message : String(error));
@@ -144,7 +158,8 @@ async function waitForVisibleLazyData(api, timeoutMs) {
     } catch (error) {
         if (timedOut) {
             throw new Error(
-                `Timed out after ${timeoutMs} ms while waiting for visible lazy data.`
+                `Timed out after ${timeoutMs} ms while waiting for visible lazy data.`,
+                { cause: error }
             );
         }
 
@@ -185,24 +200,10 @@ function parseTimeoutMs(value, fallback) {
 }
 
 /**
- * @param {{ width: number | undefined, height: number | undefined }} renderedBounds
- * @param {{ width: number, height: number }} logicalSize
+ * @param {number} value
  */
-function resolveExportSize(renderedBounds, logicalSize) {
-    return {
-        width:
-            Number.isFinite(renderedBounds.width) && renderedBounds.width > 0
-                ? Math.ceil(renderedBounds.width)
-                : Number.isFinite(logicalSize.width) && logicalSize.width > 0
-                  ? logicalSize.width
-                  : DEFAULT_CONTAINER_WIDTH,
-        height:
-            Number.isFinite(renderedBounds.height) && renderedBounds.height > 0
-                ? Math.ceil(renderedBounds.height)
-                : Number.isFinite(logicalSize.height) && logicalSize.height > 0
-                  ? logicalSize.height
-                  : DEFAULT_CONTAINER_HEIGHT,
-    };
+function formatDevicePixelRatio(value) {
+    return value.toFixed(3).replace(/\.?0+$/, "");
 }
 
 /**

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

@@ -1,4 +1,5 @@
 import { Align, Baseline, FontStyle, FontWeight } from "./font.js";
+import { ZIndexProps } from "./decoration.js";
 
 export interface GenomeAxis extends Axis {
     chromTicks?: boolean;
@@ -91,7 +92,13 @@ export interface GenomeAxis extends Axis {
 
 export type AxisOrient = "top" | "bottom" | "left" | "right";
 
-export interface Axis extends BaseAxis {
+export interface Axis extends BaseAxis, ZIndexProps {
+    /**
+     * Named style reference(s) resolved from `config.style`.
+     * If an array is provided, later styles override earlier ones.
+     */
+    style?: string | string[];
+
     /**
      * The orientation of the axis. One of `"top"`, `"bottom"`, `"left"` or `"right"`. The orientation can be used to further specialize the axis type (e.g., a y axis oriented for the right edge of the chart).
      *
@@ -106,9 +113,9 @@ export interface Axis extends BaseAxis {
     format?: string;
 
     /**
-     * A title for the axis (none by default).
+     * A title for the axis (none by default). Set to `null` to remove it.
      */
-    title?: string;
+    title?: string | null;
 
     /**
      * The orthogonal offset in pixels by which to displace the axis from its position along the edge of the chart.
@@ -131,68 +138,72 @@ export interface Axis extends BaseAxis {
      * Explicitly set the visible axis tick and label values.
      */
     values?: any[];
+
+    /**
+     * Z-order of the axis relative to the view content.
+     *
+     * Values greater than `0` render after the view marks. Values less than or
+     * equal to `0` render before the marks.
+     *
+     * __Default value:__ `0`, or `10` when the view content is clipped or
+     * scrollable.
+     */
+    zindex?: number;
 }
 
-export interface BaseAxis<
-    N = number,
-    B = boolean,
-    S = string,
-    C = string,
-    FW = string,
-    FS = string,
-> {
+export interface BaseAxis {
     /**
      * The minimum extent in pixels that axis ticks and labels should use. This determines a minimum offset value for axis titles.
      *
      * __Default value:__ `30` for y-axis; `undefined` for x-axis.
      */
-    minExtent?: N;
+    minExtent?: number;
 
     /**
      * The maximum extent in pixels that axis ticks and labels should use. This determines a maximum offset value for axis titles.
      *
      * __Default value:__ `undefined`.
      */
-    maxExtent?: N;
+    maxExtent?: number;
 
     // ---------- Title ----------
     /**
      * The padding, in pixels, between title and axis.
      */
-    titlePadding?: N;
+    titlePadding?: number;
 
     /**
      * Color of the title, can be in hex color code or regular color name.
      */
-    titleColor?: C;
+    titleColor?: string;
 
     /**
      * Font of the title. (e.g., `"Helvetica Neue"`).
      */
-    titleFont?: S;
+    titleFont?: string;
 
     /**
      * Font size of the title.
      *
      * @minimum 0
      */
-    titleFontSize?: N;
+    titleFontSize?: number;
 
     /**
      * Font style of the title.
      */
-    titleFontStyle?: FS;
+    titleFontStyle?: FontStyle;
 
     /**
      * Font weight of the title.
      * This can be either a string (e.g `"bold"`, `"normal"`) or a number (`100`, `200`, `300`, ..., `900` where `"normal"` = `400` and `"bold"` = `700`).
      */
-    titleFontWeight?: FW;
+    titleFontWeight?: FontWeight;
 
     /**
      * Opacity of the axis title.
      */
-    titleOpacity?: N;
+    titleOpacity?: number;
 
     // ---------- Domain ----------
     /**
@@ -224,14 +235,14 @@ export interface BaseAxis<
      *
      * __Default value:__ `"gray"`.
      */
-    domainColor?: C;
+    domainColor?: string;
 
     /**
      * Stroke width of axis domain line
      *
      * __Default value:__ `1`
      */
-    domainWidth?: N;
+    domainWidth?: number;
 
     // ---------- Ticks ----------
     /**
@@ -239,7 +250,7 @@ export interface BaseAxis<
      *
      * __Default value:__ `true`
      */
-    ticks?: B;
+    ticks?: boolean;
 
     /**
      * The stroke cap for the tick lines' ending style. One of `"butt"`, `"round"` or `"square"`.
@@ -253,7 +264,7 @@ export interface BaseAxis<
      *
      * __Default value:__ `"gray"`
      */
-    tickColor?: C;
+    tickColor?: string;
 
     /**
      * An array of alternating [stroke, space] lengths for dashed tick mark lines.
@@ -271,7 +282,7 @@ export interface BaseAxis<
      * __Default value:__ `5`
      * @minimum 0
      */
-    tickSize?: N;
+    tickSize?: number;
 
     /**
      * The width, in pixels, of ticks.
@@ -279,7 +290,7 @@ export interface BaseAxis<
      * __Default value:__ `1`
      * @minimum 0
      */
-    tickWidth?: N;
+    tickWidth?: number;
 
     // ---------- Labels ----------
     /**
@@ -313,36 +324,36 @@ export interface BaseAxis<
     /**
      * The color of the tick label, can be in hex color code or regular color name.
      */
-    labelColor?: C;
+    labelColor?: string;
 
     /**
      * The font of the tick label.
      */
-    labelFont?: S;
+    labelFont?: string;
 
     /**
      * The font size of the label, in pixels.
      *
      * @minimum 0
      */
-    labelFontSize?: N;
+    labelFontSize?: number;
 
     /**
      * Font style of the title.
      */
-    labelFontStyle?: FS;
+    labelFontStyle?: FontStyle;
 
     /**
      * Font weight of axis tick labels.
      */
-    labelFontWeight?: FW;
+    labelFontWeight?: FontWeight;
 
     /**
      * Maximum allowed pixel width of axis tick labels.
      *
      * __Default value:__ `180`
      */
-    labelLimit?: N;
+    labelLimit?: number;
 
     /**
      * The padding, in pixels, between axis and text labels.