ggaction 0.0.15 → 0.0.16

package/src/actions/facets/derive.js

@@ -257,6 +257,12 @@ export function deriveFacetChildren(
   );
 }
 
+function closeInheritedActions(program) {
+  let closed = program;
+  while (closed.actionStack.length > 0) closed = closed._exitAction();
+  return closed;
+}
+
 export function resolveFacetChildrenScales(
   template,
   cellIds,
@@ -303,7 +309,7 @@ export function resolveFacetChildrenScales(
     cellIds.map(id => {
       const child = independentlyResolved[id];
       if (child.semanticSpec.layers.length === 0) {
-        return [id, closeInheritedAction ? child._exitAction() : child];
+        return [id, closeInheritedAction ? closeInheritedActions(child) : child];
       }
       const resolved = materializeFacetCell(
         child,
@@ -312,7 +318,7 @@ export function resolveFacetChildrenScales(
         template.resolvedScales,
         Object.hasOwn(populated, id)
       );
-      return [id, closeInheritedAction ? resolved._exitAction() : resolved];
+      return [id, closeInheritedAction ? closeInheritedActions(resolved) : resolved];
     })
   );
   const firstPopulatedId = Object.keys(populated)[0];

package/src/actions/facets/guides.js

@@ -1,16 +1,15 @@
-import { action } from "../../core/action.js";
-import { validateKeys } from "../../core/validation.js";
+import { closedAction } from "../../core/action.js";
+
 import { applyFacetGuideComposition } from
   "../../materialization/facetGuides/index.js";
 
-export const composeFacetGuides = action(
+export const composeFacetGuides = /* @__PURE__ */ closedAction(
   {
     op: "composeFacetGuides",
     description: "Apply outer-axis ownership and promote shared facet legends.",
     scope: "composition"
-  },
+  }, ["layout", "plot"],
   function ({ layout, plot } = {}) {
-    validateKeys({ layout, plot }, ["layout", "plot"], "composeFacetGuides");
     return applyFacetGuideComposition(this, { layout, plot });
   }
 );

package/src/actions/facets/replay.js

@@ -1,7 +1,7 @@
-import { action } from "../../core/action.js";
+import { closedAction } from "../../core/action.js";
 import { isPlainObject } from "../../core/immutable.js";
 import { validateUserId } from "../../core/identifiers.js";
-import { validateKeys } from "../../core/validation.js";
+
 import { findTransformPolicy } from "../../grammar/transforms.js";
 
 const REPLAY_OPTIONS = Object.freeze(["id", "source", "transform"]);
@@ -22,13 +22,12 @@ function requestedTransform(transform) {
   };
 }
 
-export const replayDerivedData = action(
+export const replayDerivedData = /* @__PURE__ */ closedAction(
   {
     op: "replayDerivedData",
     description: "Replay one stored derived-data transform for a facet cell."
-  },
+  }, REPLAY_OPTIONS,
   function (args = {}) {
-    validateKeys(args, REPLAY_OPTIONS, "replayDerivedData");
     const id = validateUserId(args.id, "Facet replay dataset id");
     const source = validateUserId(args.source, "Facet replay source id");
     const resolved = requestedTransform(args.transform);

package/src/actions/gradientPlots/components.js

@@ -1,5 +1,5 @@
 import { assertGuideOptions, guideConflict } from "../guides/reuse.js";
-import { action } from "../../core/action.js";
+import { action, closedAction } from "../../core/action.js";
 import { validateKeys } from "../../core/validation.js";
 import { GRADIENT_PROFILE_FIELDS } from "../../grammar/gradientProfile.js";
 import {
@@ -17,13 +17,12 @@ const CENTER_OPTIONS = Object.freeze([
 ]);
 const LEGEND_OPTIONS = Object.freeze(["owner", "title", "position"]);
 
-export const createGradientPlotCenter = action(
+export const createGradientPlotCenter = /* @__PURE__ */ closedAction(
   {
     op: "createGradientPlotCenter",
     description: "Create the optional center rule for one gradient plot."
-  },
+  }, CENTER_OPTIONS,
   function (args = {}) {
-    validateKeys(args, CENTER_OPTIONS, "createGradientPlotCenter");
     const categoryAction = args.orientation === "vertical" ? "encodeX" : "encodeY";
     const measureAction = args.orientation === "vertical" ? "encodeY" : "encodeX";
     const spanOrientation = args.orientation === "vertical" ? "horizontal" : "vertical";
@@ -82,7 +81,7 @@ function editProperties(program, target, properties) {
   return next;
 }
 
-export const rematerializeGradientPlotLegend = action(
+export const rematerializeGradientPlotLegend = /* @__PURE__ */ action(
   {
     op: "rematerializeGradientPlotLegend",
     description: "Rematerialize one gradient plot density legend."
@@ -160,7 +159,7 @@ export function fulfillGradientPlotLegend(program, args) {
   return program;
 }
 
-export const createGradientPlotLegend = action(
+export const createGradientPlotLegend = /* @__PURE__ */ action(
   {
     op: "createGradientPlotLegend",
     description: "Create the neutral density legend owned by one gradient plot."

package/src/actions/gradientPlots/create.js

@@ -1,5 +1,5 @@
-import { action } from "../../core/action.js";
-import { validateKeys } from "../../core/validation.js";
+import { closedAction } from "../../core/action.js";
+
 import { findDataset } from "../../selectors/datasets.js";
 import { findSemanticScale } from "../../selectors/scales.js";
 import {
@@ -18,13 +18,12 @@ import {
   resolveGradientSourceLayer
 } from "./resolve.js";
 
-export const createGradientPlot = action(
+export const createGradientPlot = /* @__PURE__ */ closedAction(
   {
     op: "createGradientPlot",
     description: "Create a categorical density gradient plot."
-  },
+  }, GRADIENT_PLOT_OPTIONS,
   function (args = {}) {
-    validateKeys(args, GRADIENT_PLOT_OPTIONS, "createGradientPlot");
     const id = resolveGradientPlotId(this, args.id);
     const source = resolveGradientSourceLayer(this, args.target);
     const data = args.data ?? source?.data ?? this.context.currentData ??

package/src/actions/gradientPlots/edit.js

@@ -1,7 +1,7 @@
-import { action } from "../../core/action.js";
+import { closedAction } from "../../core/action.js";
 import { isPlainObject } from "../../core/immutable.js";
 import { validateUserId } from "../../core/identifiers.js";
-import { validateKeys } from "../../core/validation.js";
+
 import { planDerivedDataRevision } from "../../materialization/dataProvenance.js";
 import { findDataset } from "../../selectors/datasets.js";
 import { findLayer } from "../../selectors/layers.js";
@@ -110,13 +110,12 @@ function updateGradientPositions(program, owner, current, candidate, hasCenter)
   );
 }
 
-export const editGradientPlot = action(
+export const editGradientPlot = /* @__PURE__ */ closedAction(
   {
     op: "editGradientPlot",
     description: "Edit one stable categorical gradient plot."
-  },
+  }, OPTIONS,
   function (args = {}) {
-    validateKeys(args, OPTIONS, "editGradientPlot");
     if (!OPTIONS.slice(1).some(key => Object.hasOwn(args, key))) {
       throw new Error("editGradientPlot requires at least one gradient-plot option.");
     }

package/src/actions/gradientPlots/materialize.js

@@ -123,7 +123,7 @@ function bodyItems(program, layer, dataset, config) {
   });
 }
 
-export const materializeGradientPlotFill = action(
+export const materializeGradientPlotFill = /* @__PURE__ */ action(
   {
     op: "materializeGradientPlotFill",
     description: "Materialize categorical density profiles as gradient strips."
@@ -170,7 +170,7 @@ export const materializeGradientPlotFill = action(
   }
 );
 
-export const materializeGradientPlot = action(
+export const materializeGradientPlot = /* @__PURE__ */ action(
   {
     op: "materializeGradientPlot",
     description: "Materialize one complete categorical gradient plot."

package/src/actions/gradientPlots/rebind.js

@@ -1,18 +1,17 @@
-import { action } from "../../core/action.js";
+import { closedAction } from "../../core/action.js";
 import { validateUserId } from "../../core/identifiers.js";
-import { validateKeys } from "../../core/validation.js";
+
 import { findDataset } from "../../selectors/datasets.js";
 import { findLayer } from "../../selectors/layers.js";
 
 const OPTIONS = Object.freeze(["id", "profile", "source"]);
 
-export const rebindGradientPlotProfile = action(
+export const rebindGradientPlotProfile = /* @__PURE__ */ closedAction(
   {
     op: "rebindGradientPlotProfile",
     description: "Rebind one gradient plot to a replayed profile revision."
-  },
+  }, OPTIONS,
   function (args = {}) {
-    validateKeys(args, OPTIONS, "rebindGradientPlotProfile");
     const id = validateUserId(args.id, "Gradient-plot id");
     const profileId = validateUserId(
       args.profile,

package/src/actions/guides/axes/axes.js

@@ -38,6 +38,7 @@ export function validateAxesArgs(args) {
   if (!COORDINATE_API_TYPES.has(type)) {
     throw new Error(`Unknown createAxes coordinate type "${type}".`);
   }
+  if (coordinate.id !== undefined) validateUserId(coordinate.id, "Coordinate id");
 
   return coordinate;
 }
@@ -121,7 +122,7 @@ function resolveCoordinate(program, descriptor, cartesianLayers) {
   }
 
   if (existing.type !== "cartesian") {
-    throw new Error("createAxes does not yet support Polar axes.");
+    throw new Error("createAxes x/y options require a Cartesian coordinate.");
   }
 
   return { id, layers };
@@ -184,10 +185,10 @@ function resolveAxisArgs(layers, channel, option) {
   return { ...args, scale };
 }
 
-const createAxes = action(
+const createAxes = /* @__PURE__ */ action(
   {
     op: "createAxes",
-    description: "Read a semantic coordinate and create its Cartesian axes."
+    description: "Read a stored coordinate and create its applicable axes."
   },
   function (args = {}) {
     const coordinateDescriptor = validateAxesArgs(args);
@@ -197,6 +198,16 @@ const createAxes = action(
     const requestedCoordinateType = coordinateDescriptor.id === undefined
       ? undefined
       : findCoordinate(this, coordinateDescriptor.id)?.type;
+    if (coordinateDescriptor.id !== undefined) {
+      if (requestedCoordinateType === undefined) {
+        throw new Error(`Unknown coordinate "${coordinateDescriptor.id}".`);
+      }
+      if (coordinateDescriptor.type !== undefined &&
+          coordinateDescriptor.type !== "auto" &&
+          coordinateDescriptor.type !== requestedCoordinateType) {
+        throw new Error(`Coordinate "${coordinateDescriptor.id}" has type "${requestedCoordinateType}", not "${coordinateDescriptor.type}".`);
+      }
+    }
     const explicitlyPolar = coordinateDescriptor.type === "polar" ||
       requestedCoordinateType === "polar" ||
       args.theta !== undefined || args.radius !== undefined;
@@ -206,6 +217,10 @@ const createAxes = action(
       (cartesianLayers.length === 0 && polarLayers.length === 0) ||
       explicitlyParallel
     )) {
+      if (coordinateDescriptor.type !== undefined &&
+          !["auto", "parallel"].includes(coordinateDescriptor.type)) {
+        throw new Error("createAxes coordinate type conflicts with Parallel encodings.");
+      }
       if (
         args.x !== undefined || args.y !== undefined ||
         args.theta !== undefined || args.radius !== undefined
@@ -231,7 +246,8 @@ const createAxes = action(
     }
     if (polarLayers.length > 0 &&
         (cartesianLayers.length === 0 || explicitlyPolar)) {
-      if (coordinateDescriptor.type === "cartesian") {
+      if (coordinateDescriptor.type !== undefined &&
+          !["auto", "polar"].includes(coordinateDescriptor.type)) {
         throw new Error("createAxes coordinate type conflicts with Polar encodings.");
       }
       if (args.x !== undefined || args.y !== undefined) {
@@ -263,6 +279,9 @@ const createAxes = action(
       }
       return polarProgram;
     }
+    if (args.theta !== undefined || args.radius !== undefined) {
+      throw new Error("createAxes theta/radius options require Polar encodings.");
+    }
     const coordinate = resolveCoordinate(
       this,
       coordinateDescriptor,

package/src/actions/guides/axes/axis.js

@@ -122,8 +122,8 @@ function makeCreateAxis(channel) {
   );
 }
 
-const createXAxis = makeCreateAxis("x");
-const createYAxis = makeCreateAxis("y");
+const createXAxis = /* @__PURE__ */ makeCreateAxis("x");
+const createYAxis = /* @__PURE__ */ makeCreateAxis("y");
 
 export function registerAxisActions(Class) {
   Class.prototype.createXAxis = createXAxis;

package/src/actions/guides/axes/edit.js

@@ -164,8 +164,8 @@ function makeEditAxis(channel) {
   );
 }
 
-const editXAxis = makeEditAxis("x");
-const editYAxis = makeEditAxis("y");
+const editXAxis = /* @__PURE__ */ makeEditAxis("x");
+const editYAxis = /* @__PURE__ */ makeEditAxis("y");
 
 export function registerCompleteAxisEditActions(ProgramClass) {
   ProgramClass.prototype.editXAxis = editXAxis;

package/src/actions/guides/axes/labels.js

@@ -165,7 +165,7 @@ function assertTickCompatibility(ticks, config, operation) {
   if (config.mode === "values" && !sameOrderedValues(ticks.values, config.values)) throw new Error(`${operation} conflicts with axis ticks.`);
 }
 
-function expandWrappedLabels(resolved, text, config, channel) {
+function expandWrappedLabels(resolved, text, config, channel, profile) {
   if (config.maxWidth === undefined) {
     return {
       ...resolved,
@@ -184,7 +184,7 @@ function expandWrappedLabels(resolved, text, config, channel) {
     const lines = wrapText(text[index], {
       maxWidth: config.maxWidth,
       mode: config.wrap,
-      style
+      style, profile
     });
     validateGeneratedItemLimit(
       expanded.text.length + lines.length,
@@ -271,7 +271,7 @@ function resolve(program, channel, config) {
       offset: config.offset
     })
   };
-  const resolved = expandWrappedLabels(geometry, text, config, channel);
+  const resolved = expandWrappedLabels(geometry, text, config, channel, program.materializationConfigs.textMetrics);
   const canvas = findCanvasGraphic(program)?.properties;
   const labelBounds = resolved.text.map((value, index) => resolveTextBounds({
     x: Array.isArray(resolved.x) ? resolved.x[index] : resolved.x,
@@ -283,7 +283,7 @@ function resolve(program, channel, config) {
     textAlign: resolved.textAlign,
     textBaseline: resolved.textBaseline,
     rotation: config.rotation
-  }));
+  }, program.materializationConfigs.textMetrics));
   const groupedBounds = unionLabelBounds(labelBounds.map((bounds, index) => ({
     bounds,
     group: resolved.groups[index]
@@ -299,7 +299,7 @@ function resolve(program, channel, config) {
     throw new Error(`The ${channel}-axis labels overlap each other.`);
   }
   const title = program.graphicSpec.objects[`${channel}AxisTitle`]
-    ? resolveConcreteGraphicBounds(program.graphicSpec, `${channel}AxisTitle`)
+    ? resolveConcreteGraphicBounds(program.graphicSpec, `${channel}AxisTitle`, program.materializationConfigs.textMetrics)
     : undefined;
   if (title &&
     program.guideConfigs.axis?.[channel]?.title?.inferredOffset !== true &&
@@ -366,8 +366,8 @@ function makeEdit(channel) {
   }));
 }
 
-const editXAxisLabels = makeEdit("x");
-const editYAxisLabels = makeEdit("y");
+const editXAxisLabels = /* @__PURE__ */ makeEdit("x");
+const editYAxisLabels = /* @__PURE__ */ makeEdit("y");
 
 function makeCreate(channel) {
   const op = channel === "x" ? "createXAxisLabels" : "createYAxisLabels";
@@ -426,8 +426,8 @@ function makeCreate(channel) {
   }));
 }
 
-const createXAxisLabels = makeCreate("x");
-const createYAxisLabels = makeCreate("y");
+const createXAxisLabels = /* @__PURE__ */ makeCreate("x");
+const createYAxisLabels = /* @__PURE__ */ makeCreate("y");
 
 export function registerAxisLabelActions(Class) {
   Class.prototype.editXAxisLabels = editXAxisLabels;

package/src/actions/guides/axes/lines.js

@@ -1,3 +1,4 @@
+import { editGraphicProperties } from "../../primitives/graphicProperties.js";
 import { isSourceOwnedText } from "../../../grammar/text.js";
 import { withGuideLayoutValidation } from "../../../materialization/guides/layout.js";
 import { action } from "../../../core/action.js";
@@ -119,15 +120,16 @@ function createEditAxisLine(channel) {
         next = next.editGraphics({ target: graphic, property, value: geometry[property] });
       }
 
-      return next
-        .editGraphics({ target: graphic, property: "stroke", value: color })
-        .editGraphics({ target: graphic, property: "strokeWidth", value: lineWidth });
+      return editGraphicProperties(next, graphic, {
+        stroke: color,
+        strokeWidth: lineWidth
+      });
     })
   );
 }
 
-const editXAxisLine = createEditAxisLine("x");
-const editYAxisLine = createEditAxisLine("y");
+const editXAxisLine = /* @__PURE__ */ createEditAxisLine("x");
+const editYAxisLine = /* @__PURE__ */ createEditAxisLine("y");
 
 function createAxisLine(channel) {
   const operation = channel === "x" ? "createXAxisLine" : "createYAxisLine";
@@ -164,8 +166,8 @@ function createAxisLine(channel) {
   );
 }
 
-const createXAxisLine = createAxisLine("x");
-const createYAxisLine = createAxisLine("y");
+const createXAxisLine = /* @__PURE__ */ createAxisLine("x");
+const createYAxisLine = /* @__PURE__ */ createAxisLine("y");
 
 export function registerAxisLineActions(ProgramClass) {
   ProgramClass.prototype.editXAxisLine = editXAxisLine;

package/src/actions/guides/axes/parallel/lifecycle.js

@@ -1,5 +1,5 @@
-import { action } from "../../../../core/action.js";
-import { validateNonEmptyString, validateOptionObject } from "../../../../core/validation.js";
+import { action, closedAction } from "../../../../core/action.js";
+import { validateNonEmptyString } from "../../../../core/validation.js";
 import { requireParallelAxisLayer, resolveParallelAxisTarget } from "./resolve.js";
 import {
   defaultParallelAxis, hasParallelAxisParts, PARALLEL_AXIS_GRAPHICS,
@@ -45,10 +45,10 @@ function withTitle(program, args, create) {
     ...(titles.length === 0 ? { remove: true } : { value: titles }) });
 }
 
-const createParallelAxes = action({
+const createParallelAxes = /* @__PURE__ */ closedAction({
   op: "createParallelAxes", description: "Create axes for every encoded Parallel dimension."
-}, function (args = {}) {
-  validateOptionObject(args, ["target", "coordinate"], "createParallelAxes");
+}, ["target", "coordinate"], function (args = {}) {
+
   const resolved = owner(this, args, "createParallelAxes");
   if (resolved.stored !== undefined || this.guideConfigs.axis?.parallel !== undefined ||
       Object.values(PARALLEL_AXIS_GRAPHICS).some(id => this.graphicSpec.objects[id] !== undefined)) {
@@ -76,13 +76,13 @@ function makeAxisAction(create) {
   });
 }
 
-const createParallelAxis = makeAxisAction(true);
-const editParallelAxis = makeAxisAction(false);
+const createParallelAxis = /* @__PURE__ */ makeAxisAction(true);
+const editParallelAxis = /* @__PURE__ */ makeAxisAction(false);
 
-const removeParallelAxis = action({
+const removeParallelAxis = /* @__PURE__ */ closedAction({
   op: "removeParallelAxis", description: "Remove every component of one Parallel field axis."
-}, function (args = {}) {
-  validateOptionObject(args, ["field", "target"], "removeParallelAxis");
+}, ["field", "target"], function (args = {}) {
+
   validateNonEmptyString(args.field, "Parallel axis field");
   const resolved = owner(this, args, "removeParallelAxis", true);
   const config = resolveParallelAxisConfigs(this, resolved.dimensions).dimensions.find(dimension => dimension.field === args.field);
@@ -91,10 +91,10 @@ const removeParallelAxis = action({
     ...Object.fromEntries(PARALLEL_AXIS_PARTS.filter(part => config[part] !== undefined).map(part => [part, false])) });
 });
 
-const removeParallelAxes = action({
+const removeParallelAxes = /* @__PURE__ */ closedAction({
   op: "removeParallelAxes", description: "Remove all Parallel axis semantics, recipes and graphics."
-}, function (args = {}) {
-  validateOptionObject(args, ["target", "coordinate"], "removeParallelAxes");
+}, ["target", "coordinate"], function (args = {}) {
+
   const stored = this.semanticSpec.guides.axis?.parallel;
   if (stored === undefined) throw new Error("removeParallelAxes requires existing Parallel axes.");
   if (args.target !== undefined && args.target !== stored.target ||

package/src/actions/guides/axes/parallel.js

@@ -1,5 +1,5 @@
-import { action } from "../../../core/action.js";
-import { validateGeneratedItemLimit, validateOptionObject } from "../../../core/validation.js";
+import { closedAction } from "../../../core/action.js";
+import { validateGeneratedItemLimit } from "../../../core/validation.js";
 import { resolvePlotGraphicPlacement } from "../../../materialization/graphicHierarchy.js";
 import { requireParallelAxisLayer, resolveParallelAxisTarget, resolveStyledParallelAxes } from "./parallel/resolve.js";
 import { PARALLEL_AXIS_GRAPHICS, PARALLEL_AXIS_PARTS, hasParallelAxisParts } from "./parallel/policy.js";
@@ -47,11 +47,11 @@ function collectionProperties(part, axes, bounds) {
   };
 }
 
-export const rematerializeParallelAxes = action({
+export const rematerializeParallelAxes = /* @__PURE__ */ closedAction({
   op: "rematerializeParallelAxes",
   description: "Recompute concrete Parallel dimension axes."
-}, function (args = {}) {
-  validateOptionObject(args, ["target"], "rematerializeParallelAxes");
+}, ["target"], function (args = {}) {
+
   const stored = this.semanticSpec.guides.axis?.parallel;
   if (stored === undefined) throw new Error("rematerializeParallelAxes requires existing Parallel axes.");
   const target = resolveParallelAxisTarget(this, args.target ?? stored.target);

package/src/actions/guides/axes/remove.js

@@ -54,7 +54,7 @@ function makeRemoveAxis(channel) {
   );
 }
 
-export const removeXAxis = makeRemoveAxis("x");
-export const removeYAxis = makeRemoveAxis("y");
-export const removeThetaAxis = makeRemoveAxis("theta");
-export const removeRadialAxis = makeRemoveAxis("radius");
+export const removeXAxis = /* @__PURE__ */ makeRemoveAxis("x");
+export const removeYAxis = /* @__PURE__ */ makeRemoveAxis("y");
+export const removeThetaAxis = /* @__PURE__ */ makeRemoveAxis("theta");
+export const removeRadialAxis = /* @__PURE__ */ makeRemoveAxis("radius");

package/src/actions/guides/axes/tickGroups.js

@@ -145,10 +145,10 @@ function makeEdit(channel) {
   );
 }
 
-const createXAxisTicksAndLabels = makeCreate("x");
-const createYAxisTicksAndLabels = makeCreate("y");
-const editXAxisTicksAndLabels = makeEdit("x");
-const editYAxisTicksAndLabels = makeEdit("y");
+const createXAxisTicksAndLabels = /* @__PURE__ */ makeCreate("x");
+const createYAxisTicksAndLabels = /* @__PURE__ */ makeCreate("y");
+const editXAxisTicksAndLabels = /* @__PURE__ */ makeEdit("x");
+const editYAxisTicksAndLabels = /* @__PURE__ */ makeEdit("y");
 
 export function registerAxisTickGroupActions(Class) {
   Class.prototype.createXAxisTicksAndLabels = createXAxisTicksAndLabels;

package/src/actions/guides/axes/ticks.js

@@ -1,4 +1,7 @@
+import { editGraphicProperties } from "../../primitives/graphicProperties.js";
 import { withGuideLayoutValidation } from "../../../materialization/guides/layout.js";
+import { applyMaterializationPlan } from "../../../materialization/planner.js";
+import { planAxisTickGridRematerialization } from "../../../materialization/scaleGuideDependencies.js";
 import { action } from "../../../core/action.js";
 import { validateUserId } from "../../../core/identifiers.js";
 import {
@@ -161,11 +164,16 @@ function makeEdit(channel) {
     const resolved = geometry(this, channel, config);
     let next = this._withGuideConfig(channel, config).editGraphics({ target: id, property: "length", value: resolved.values.length });
     for (const property of ["x1", "y1", "x2", "y2"]) next = next.editGraphics({ target: id, property, value: resolved[property] });
-    return next.editGraphics({ target: id, property: "stroke", value: config.color }).editGraphics({ target: id, property: "strokeWidth", value: config.lineWidth });
+    next = editGraphicProperties(next, id, {
+      stroke: config.color,
+      strokeWidth: config.lineWidth
+    });
+    // Structural dependency plans own grids during a scale/role handoff.
+    return explicitMode ? applyMaterializationPlan(next, planAxisTickGridRematerialization(next, channel)) : next;
   }));
 }
 
-const editXAxisTicks = makeEdit("x"), editYAxisTicks = makeEdit("y");
+const editXAxisTicks = /* @__PURE__ */ makeEdit("x"), editYAxisTicks = /* @__PURE__ */ makeEdit("y");
 
 function makeCreate(channel) {
   const op = channel === "x" ? "createXAxisTicks" : "createYAxisTicks";
@@ -189,7 +197,7 @@ function makeCreate(channel) {
     const config = { scale, position: defaultAxisPosition(channel), length: DEFAULTS.length, color: DEFAULTS.color, lineWidth: DEFAULTS.lineWidth, ...options, inferredValues: inferredValues !== undefined, mode: Object.hasOwn(options, "values") ? "values" : "count" };
     if (config.mode === "values") delete config.count; else config.count ??= DEFAULTS.count;
     validateConfig(channel, config); geometry(this, channel, config);
-    return this.editSemantic({ property: `guide.axis.${channel}.scale`, value: scale })
+    const next = this.editSemantic({ property: `guide.axis.${channel}.scale`, value: scale })
       .createGraphics({
         id,
         type: "line",
@@ -197,10 +205,11 @@ function makeCreate(channel) {
         ...resolvePlotGraphicPlacement(this)
       })
       ._withGuideConfig(channel, config)[edit]();
+    return applyMaterializationPlan(next, planAxisTickGridRematerialization(next, channel));
   }));
 }
 
-const createXAxisTicks = makeCreate("x"), createYAxisTicks = makeCreate("y");
+const createXAxisTicks = /* @__PURE__ */ makeCreate("x"), createYAxisTicks = /* @__PURE__ */ makeCreate("y");
 export function registerAxisTickActions(Class) {
   Class.prototype.editXAxisTicks = editXAxisTicks; Class.prototype.editYAxisTicks = editYAxisTicks;
   Class.prototype.createXAxisTicks = createXAxisTicks; Class.prototype.createYAxisTicks = createYAxisTicks;

package/src/actions/guides/axes/titles.js

@@ -36,7 +36,7 @@ import { resolveConcreteGraphicBounds } from
 import { validateAxisTextStyle } from "./labels.js";
 import { resolveRotation } from "../../../grammar/rotation.js";
 
-function titleBounds(geometry, config, text) {
+function titleBounds(geometry, config, text, profile) {
   return resolveTextBounds({
     ...geometry,
     text,
@@ -46,7 +46,7 @@ function titleBounds(geometry, config, text) {
     textAlign: "center",
     textBaseline: "middle",
     rotation: config.rotation
-  });
+  }, profile);
 }
 
 function inferredTitleOffset(program, channel, config) {
@@ -57,7 +57,7 @@ function inferredTitleOffset(program, channel, config) {
   });
   const canvas = findCanvasGraphic(program)?.properties;
   const labels = program.graphicSpec.objects[`${channel}AxisLabels`]
-    ? resolveConcreteGraphicBounds(program.graphicSpec, `${channel}AxisLabels`)
+    ? resolveConcreteGraphicBounds(program.graphicSpec, `${channel}AxisLabels`, program.materializationConfigs.textMetrics)
     : undefined;
   const preferred = channel === "x" ? 42 : 52;
   if (!plot || !canvas || !labels) return preferred;
@@ -71,7 +71,7 @@ function inferredTitleOffset(program, channel, config) {
     position: config.position,
     along: 0,
     offset: preferred
-  }), config, program.semanticSpec.guides.axis?.[channel]?.title ?? "");
+  }), config, program.semanticSpec.guides.axis?.[channel]?.title ?? "", program.materializationConfigs.textMetrics);
   const needed = positive
     ? labels[far] + 4 - bounds[near]
     : bounds[far] - labels[near] + 4;
@@ -191,13 +191,13 @@ function resolveGeometry(program, channel, config) {
     geometry,
     config,
     program.semanticSpec.guides.axis?.[channel]?.title ?? ""
-  );
+  , program.materializationConfigs.textMetrics);
   const canvas = findCanvasGraphic(program)?.properties;
   if (!canvas || !textBoundsFitCanvas(resolvedBounds, canvas)) {
     throw new Error(`The ${channel}-axis title does not fit the Canvas margin.`);
   }
   const labelsBounds = program.graphicSpec.objects[`${channel}AxisLabels`]
-    ? resolveConcreteGraphicBounds(program.graphicSpec, `${channel}AxisLabels`)
+    ? resolveConcreteGraphicBounds(program.graphicSpec, `${channel}AxisLabels`, program.materializationConfigs.textMetrics)
     : undefined;
   if (labelsBounds && textBoundsIntersect(resolvedBounds, labelsBounds)) {
     throw new Error(`The ${channel}-axis title overlaps the axis labels.`);
@@ -269,8 +269,8 @@ function makeEdit(channel) {
   }));
 }
 
-const editXAxisTitle = makeEdit("x");
-const editYAxisTitle = makeEdit("y");
+const editXAxisTitle = /* @__PURE__ */ makeEdit("x");
+const editYAxisTitle = /* @__PURE__ */ makeEdit("y");
 
 function makeCreate(channel) {
   const operation = names(channel);
@@ -327,8 +327,8 @@ function makeCreate(channel) {
   }));
 }
 
-const createXAxisTitle = makeCreate("x");
-const createYAxisTitle = makeCreate("y");
+const createXAxisTitle = /* @__PURE__ */ makeCreate("x");
+const createYAxisTitle = /* @__PURE__ */ makeCreate("y");
 
 export function registerAxisTitleActions(Class) {
   Class.prototype.createXAxisTitle = createXAxisTitle;