@opendata-ai/openchart-engine 8.0.0-rc.12 → 8.0.0-rc.3

package/dist/index.js

@@ -244,10 +244,7 @@ function refreshConnector(connector, bounds, markerRadius) {
   }
   const exit = connectorExit(bounds, endpoint.x, endpoint.y);
   if (!exit) return void 0;
-  const from = {
-    x: exit.x + (connector.fromOffset?.dx ?? 0),
-    y: exit.y + (connector.fromOffset?.dy ?? 0)
-  };
+  const from = { x: exit.x, y: exit.y };
   const gap = connectorPullbackGap(markerRadius, connector.arrow);
   const cdx = endpoint.x - from.x;
   const cdy = endpoint.y - from.y;
@@ -509,10 +506,6 @@ function resolveTextAnnotation(annotation, scales, chartArea, isDark, measure =
           from,
           to,
           endpoint,
-          fromOffset: annotation.connectorOffset?.from ? {
-            dx: annotation.connectorOffset.from.dx ?? 0,
-            dy: annotation.connectorOffset.from.dy ?? 0
-          } : void 0,
           stroke: connectorStroke,
           style: connectorStyle,
           arrow: connectorArrow,
@@ -9846,16 +9839,7 @@ function expandChannelSugar(spec, warnings) {
   }
   return result;
 }
-var COUNT_GROUP_CHANNELS = [
-  "x",
-  "y",
-  "color",
-  "detail",
-  "strokeDash",
-  "facet",
-  "row",
-  "column"
-];
+var COUNT_GROUP_CHANNELS = ["x", "y", "color", "detail", "strokeDash", "facet"];
 function expandCountAggregate(spec) {
   const encoding = spec.encoding;
   if (!encoding || typeof encoding !== "object") return spec;
@@ -10482,7 +10466,6 @@ function normalizeChartSpec(spec, warnings) {
     data: spec.data,
     encoding,
     chrome: normalizeChrome(spec.chrome),
-    chromeLayout: spec.chromeLayout,
     metrics: spec.metrics,
     seriesSearch: normalizeSeriesSearch(spec, encoding, warnings),
     youDrawIt: normalizeYouDrawIt(spec),
@@ -10746,7 +10729,6 @@ import {
   MARK_ENCODING_RULES,
   MARK_TYPES,
   resolveSchemeName as resolveSchemeName2,
-  SEQUENTIAL_PALETTES,
   SUPPORTED_SCHEME_NAMES
 } from "@opendata-ai/openchart-core";
 var VALID_FIELD_TYPES = /* @__PURE__ */ new Set(["quantitative", "temporal", "nominal", "ordinal"]);
@@ -10805,53 +10787,6 @@ function didYouMean(field, columns) {
   const match = nearestColumn(field, columns);
   return match ? ` Did you mean "${match}"?` : "";
 }
-function checkSchemeName(channelObj, channelPath, errors) {
-  const scale = channelObj.scale;
-  if (scale && typeof scale.scheme === "string" && !resolveSchemeName2(scale.scheme)) {
-    errors.push({
-      message: `Spec error: ${channelPath}.scale.scheme "${scale.scheme}" is not a supported scheme name`,
-      path: `${channelPath}.scale.scheme`,
-      code: "INVALID_VALUE",
-      suggestion: `Use one of the supported scheme names: ${[...SUPPORTED_SCHEME_NAMES].join(", ")}. Or provide explicit colors via scale.range.`
-    });
-  }
-}
-function checkSchemeUnused(encoding, errors, familyNote, suggestion) {
-  for (const [channel, ch] of Object.entries(encoding)) {
-    if (!ch || typeof ch !== "object" || Array.isArray(ch)) continue;
-    const scale = ch.scale;
-    if (scale && typeof scale.scheme === "string") {
-      errors.push({
-        message: `Spec error: encoding.${channel}.scale.scheme has no effect \u2014 ${familyNote}`,
-        path: `encoding.${channel}.scale.scheme`,
-        code: "INVALID_VALUE",
-        suggestion
-      });
-    }
-  }
-}
-var MAP_PALETTE_NAMES = Object.keys(SEQUENTIAL_PALETTES).join(", ");
-function checkMapSchemeName(channelObj, channelPath, errors) {
-  const scale = channelObj.scale;
-  if (!scale || typeof scale.scheme !== "string") return;
-  if (channelObj.type === "nominal" || channelObj.type === "ordinal") {
-    errors.push({
-      message: `Spec error: ${channelPath}.scale.scheme has no effect \u2014 categorical map colors come from scale.range and scale.domain`,
-      path: `${channelPath}.scale.scheme`,
-      code: "INVALID_VALUE",
-      suggestion: "Remove scale.scheme. To customize categorical map colors, provide explicit colors via scale.range (with scale.domain for category order)."
-    });
-    return;
-  }
-  if (!(scale.scheme in SEQUENTIAL_PALETTES)) {
-    errors.push({
-      message: `Spec error: ${channelPath}.scale.scheme "${scale.scheme}" is not a supported map palette`,
-      path: `${channelPath}.scale.scheme`,
-      code: "INVALID_VALUE",
-      suggestion: `Maps support the sequential palettes: ${MAP_PALETTE_NAMES}. The default is "blue".`
-    });
-  }
-}
 var VALID_RANGE_STYLES = /* @__PURE__ */ new Set(["dumbbell", "arrow", "bar"]);
 function validateRangeSpec(spec, errors) {
   const encoding = spec.encoding;
@@ -11213,7 +11148,15 @@ function validateChartSpec(spec, errors) {
         suggestion: `Use one of: ${[...VALID_FIELD_TYPES].join(", ")}`
       });
     }
-    checkSchemeName(channelObj, `encoding.${channel}`, errors);
+    const channelScale = channelObj.scale;
+    if (channelScale && typeof channelScale.scheme === "string" && !resolveSchemeName2(channelScale.scheme)) {
+      errors.push({
+        message: `Spec error: encoding.${channel}.scale.scheme "${channelScale.scheme}" is not a supported scheme name`,
+        path: `encoding.${channel}.scale.scheme`,
+        code: "INVALID_VALUE",
+        suggestion: `Use one of the supported scheme names: ${[...SUPPORTED_SCHEME_NAMES].join(", ")}. Or provide explicit colors via scale.range.`
+      });
+    }
     if (channelRule && channelObj.type && channelRule.allowedTypes.length > 0) {
       if (!channelRule.allowedTypes.includes(channelObj.type)) {
         errors.push({
@@ -11327,52 +11270,6 @@ function validateChartSpec(spec, errors) {
       }
     }
   }
-  for (const channel of ["row", "column"]) {
-    const ch = encoding[channel];
-    if (ch && typeof ch === "object") {
-      const facetCh = ch;
-      if (!facetCh.field || typeof facetCh.field !== "string") {
-        errors.push({
-          message: `Spec error: encoding.${channel}.field is required and must be a non-empty string`,
-          path: `encoding.${channel}.field`,
-          code: "MISSING_FIELD",
-          suggestion: `Add a field property to encoding.${channel} (e.g. { field: "category", type: "nominal" })`
-        });
-      } else if (!dataColumns.has(facetCh.field) && !transformFields.has(facetCh.field)) {
-        errors.push({
-          message: `Spec error: encoding.${channel}.field "${facetCh.field}" does not exist in data. Available columns: ${availableColumns}`,
-          path: `encoding.${channel}.field`,
-          code: "DATA_FIELD_MISSING",
-          suggestion: `Use one of the available data columns: ${availableColumns}.${didYouMean(facetCh.field, columnList)}`
-        });
-      }
-      if (!facetCh.type || facetCh.type !== "nominal" && facetCh.type !== "ordinal") {
-        errors.push({
-          message: `Spec error: encoding.${channel}.type must be "nominal" or "ordinal"${facetCh.type ? `, got "${facetCh.type}"` : ""}`,
-          path: `encoding.${channel}.type`,
-          code: facetCh.type ? "INVALID_VALUE" : "MISSING_FIELD",
-          suggestion: `Set encoding.${channel}.type to "nominal" or "ordinal"`
-        });
-      }
-      if (encoding.facet && typeof encoding.facet === "object") {
-        errors.push({
-          message: `Spec error: encoding.${channel} and encoding.facet cannot be used together`,
-          path: `encoding.${channel}`,
-          code: "INVALID_VALUE",
-          suggestion: `Use either encoding.${channel} or encoding.facet, not both`
-        });
-      }
-      const otherChannel = channel === "row" ? "column" : "row";
-      if (encoding[otherChannel]) {
-        errors.push({
-          message: "Spec error: encoding.row and encoding.column cannot be used together (cross-product faceting is not yet supported)",
-          path: `encoding.${channel}`,
-          code: "INVALID_VALUE",
-          suggestion: "Use encoding.facet with columns for grid layout, or use only row or column"
-        });
-      }
-    }
-  }
   if (spec.darkMode !== void 0 && !VALID_DARK_MODES.has(spec.darkMode)) {
     errors.push({
       message: `Spec error: darkMode must be "auto", "force", or "off"`,
@@ -11585,7 +11482,7 @@ function validateGraphSpec(spec, errors) {
         message: `Spec error: edges[${i}].source "${edge.source}" does not reference an existing node id`,
         path: `edges[${i}].source`,
         code: "DATA_FIELD_MISSING",
-        suggestion: `Use one of the existing node ids: ${[...nodeIds].slice(0, 5).join(", ")}${nodeIds.size > 5 ? "..." : ""}.${didYouMean(edge.source, [...nodeIds])}`
+        suggestion: `Use one of the existing node ids: ${[...nodeIds].slice(0, 5).join(", ")}${nodeIds.size > 5 ? "..." : ""}`
       });
     }
     if (typeof edge.target !== "string" || edge.target === "") {
@@ -11600,7 +11497,7 @@ function validateGraphSpec(spec, errors) {
         message: `Spec error: edges[${i}].target "${edge.target}" does not reference an existing node id`,
         path: `edges[${i}].target`,
         code: "DATA_FIELD_MISSING",
-        suggestion: `Use one of the existing node ids: ${[...nodeIds].slice(0, 5).join(", ")}${nodeIds.size > 5 ? "..." : ""}.${didYouMean(edge.target, [...nodeIds])}`
+        suggestion: `Use one of the existing node ids: ${[...nodeIds].slice(0, 5).join(", ")}${nodeIds.size > 5 ? "..." : ""}`
       });
     }
   }
@@ -11618,7 +11515,7 @@ function validateGraphSpec(spec, errors) {
           message: `Spec error: encoding.${channel}.field "${ch.field}" does not exist on nodes. Available fields: ${[...nodeFields].join(", ")}`,
           path: `encoding.${channel}.field`,
           code: "DATA_FIELD_MISSING",
-          suggestion: `Use one of the node fields: ${[...nodeFields].join(", ")}.${didYouMean(ch.field, [...nodeFields])}`
+          suggestion: `Use one of the node fields: ${[...nodeFields].join(", ")}`
         });
       }
     }
@@ -11630,16 +11527,10 @@ function validateGraphSpec(spec, errors) {
           message: `Spec error: encoding.${channel}.field "${ch.field}" does not exist on edges. Available fields: ${[...edgeFields].join(", ")}`,
           path: `encoding.${channel}.field`,
           code: "DATA_FIELD_MISSING",
-          suggestion: `Use one of the edge fields: ${[...edgeFields].join(", ")}.${didYouMean(ch.field, [...edgeFields])}`
+          suggestion: `Use one of the edge fields: ${[...edgeFields].join(", ")}`
         });
       }
     }
-    checkSchemeUnused(
-      encoding,
-      errors,
-      "graph colors come from scale.range and scale.domain",
-      "Remove scale.scheme. To customize graph colors, provide explicit colors via scale.range."
-    );
   }
   if (spec.layout && typeof spec.layout === "object") {
     const layout = spec.layout;
@@ -11693,8 +11584,7 @@ function validateSankeySpec(spec, errors) {
   }
   const encoding = spec.encoding;
   const dataColumns = new Set(Object.keys(firstRow));
-  const columnList = [...dataColumns];
-  const availableColumns = columnList.join(", ");
+  const availableColumns = [...dataColumns].join(", ");
   for (const channel of ["source", "target", "value"]) {
     const ch = encoding[channel];
     if (!ch || typeof ch !== "object") {
@@ -11702,7 +11592,7 @@ function validateSankeySpec(spec, errors) {
         message: `Spec error: sankey encoding requires "${channel}" channel`,
         path: `encoding.${channel}`,
         code: "MISSING_FIELD",
-        suggestion: `Add encoding.${channel} with a field from your data (${availableColumns}). Example: ${channel}: { field: "${columnList[0] ?? "myField"}", type: "${channel === "value" ? "quantitative" : "nominal"}" }`
+        suggestion: `Add encoding.${channel} with a field from your data (${availableColumns}). Example: ${channel}: { field: "${[...dataColumns][0] ?? "myField"}", type: "${channel === "value" ? "quantitative" : "nominal"}" }`
       });
       continue;
     }
@@ -11720,16 +11610,10 @@ function validateSankeySpec(spec, errors) {
         message: `Spec error: encoding.${channel}.field "${ch.field}" does not exist in data. Available columns: ${availableColumns}`,
         path: `encoding.${channel}.field`,
         code: "DATA_FIELD_MISSING",
-        suggestion: `Use one of the available data columns: ${availableColumns}.${didYouMean(ch.field, columnList)}`
+        suggestion: `Use one of the available data columns: ${availableColumns}`
       });
     }
   }
-  checkSchemeUnused(
-    encoding,
-    errors,
-    "sankey node colors cycle the theme categorical palette",
-    "Remove scale.scheme. To customize sankey colors, set theme.colors.categorical."
-  );
   if (spec.darkMode !== void 0 && !VALID_DARK_MODES.has(spec.darkMode)) {
     errors.push({
       message: 'Spec error: darkMode must be "auto", "force", or "off"',
@@ -11789,8 +11673,7 @@ function validateTileMapSpec(spec, errors) {
     }
     const encoding = spec.encoding;
     const dataColumns = new Set(Object.keys(firstRow));
-    const columnList = [...dataColumns];
-    const availableColumns = columnList.join(", ");
+    const availableColumns = [...dataColumns].join(", ");
     for (const channel of ["state", "value"]) {
       const ch = encoding[channel];
       if (!ch || typeof ch !== "object") {
@@ -11798,7 +11681,7 @@ function validateTileMapSpec(spec, errors) {
           message: `Spec error: tilemap encoding requires "${channel}" channel`,
           path: `encoding.${channel}`,
           code: "MISSING_FIELD",
-          suggestion: `Add encoding.${channel} with a field from your data (${availableColumns}). Example: ${channel}: { field: "${columnList[0] ?? "myField"}", type: "${channel === "value" ? "quantitative" : "nominal"}" }`
+          suggestion: `Add encoding.${channel} with a field from your data (${availableColumns}). Example: ${channel}: { field: "${[...dataColumns][0] ?? "myField"}", type: "${channel === "value" ? "quantitative" : "nominal"}" }`
         });
         continue;
       }
@@ -11816,19 +11699,11 @@ function validateTileMapSpec(spec, errors) {
           message: `Spec error: encoding.${channel}.field "${ch.field}" does not exist in data. Available columns: ${availableColumns}`,
           path: `encoding.${channel}.field`,
           code: "DATA_FIELD_MISSING",
-          suggestion: `Use one of the available data columns: ${availableColumns}.${didYouMean(ch.field, columnList)}`
+          suggestion: `Use one of the available data columns: ${availableColumns}`
         });
       }
     }
   }
-  if (spec.encoding && typeof spec.encoding === "object") {
-    checkSchemeUnused(
-      spec.encoding,
-      errors,
-      "tilemap fills come from the top-level palette property",
-      `Remove scale.scheme and set the top-level palette property instead, e.g. palette: "green". Supported: ${MAP_PALETTE_NAMES}.`
-    );
-  }
   if (spec.darkMode !== void 0 && !VALID_DARK_MODES.has(spec.darkMode)) {
     errors.push({
       message: 'Spec error: darkMode must be "auto", "force", or "off"',
@@ -11867,16 +11742,6 @@ function validateMapSpec(spec, errors) {
     });
     return;
   }
-  const mapEncoding = spec.encoding;
-  if (mapEncoding.color && typeof mapEncoding.color === "object") {
-    checkMapSchemeName(mapEncoding.color, "encoding.color", errors);
-  }
-  if (spec.points && typeof spec.points === "object") {
-    const pointsLayer = spec.points;
-    if (pointsLayer.color && typeof pointsLayer.color === "object") {
-      checkMapSchemeName(pointsLayer.color, "points.color", errors);
-    }
-  }
   if ("focus" in geo && geo.focus !== void 0 && geo.focus !== null) {
     const focus = geo.focus;
     if (typeof focus === "string" || typeof focus === "number") {
@@ -11893,31 +11758,12 @@ function validateMapSpec(spec, errors) {
       }
     } else if (typeof focus === "object") {
       const focusObj = focus;
-      if ("points" in focusObj) {
-        const pts = focusObj.points;
-        const isSubset = typeof pts === "object" && pts !== null && typeof pts.field === "string" && "value" in pts;
-        if (pts !== true && !isSubset) {
-          errors.push({
-            message: "Spec error: geo.focus.points must be true or { field: string, value: string | number }",
-            path: "geo.focus.points",
-            code: "INVALID_TYPE",
-            suggestion: 'Use { points: true } to fit all points, or { points: { field: "rating", value: "F" } } to fit a subset.'
-          });
-        }
-        if (focusObj.padding !== void 0 && typeof focusObj.padding !== "number") {
-          errors.push({
-            message: "Spec error: geo.focus.padding must be a number",
-            path: "geo.focus.padding",
-            code: "INVALID_TYPE",
-            suggestion: "Provide padding as a number in map-local units, e.g. padding: 16"
-          });
-        }
-      } else if (!("features" in focusObj) || focusObj.features == null) {
+      if (!("features" in focusObj) || focusObj.features == null) {
         errors.push({
-          message: 'Spec error: geo.focus object must have a "features" or "points" property',
+          message: 'Spec error: geo.focus object must have a "features" property',
           path: "geo.focus.features",
           code: "MISSING_FIELD",
-          suggestion: 'Provide feature id(s) to focus on, e.g. { features: "36", padding: 32 }, or { points: true } to fit the point cluster.'
+          suggestion: 'Provide feature id(s) to focus on, e.g. geo: { focus: { features: "36", padding: 32 } }'
         });
       } else {
         const feats = focusObj.features;
@@ -11951,34 +11797,30 @@ function validateMapSpec(spec, errors) {
       }
     } else {
       errors.push({
-        message: "Spec error: geo.focus must be a string, number, array of ids, or object with { features, padding? } or { points: true, padding? }",
+        message: "Spec error: geo.focus must be a string, number, array of ids, or object with { features, padding? }",
         path: "geo.focus",
         code: "INVALID_TYPE",
-        suggestion: 'Use a feature id, array of ids, { features: "36", padding: 16 }, or { points: true }. Pass null to clear focus.'
+        suggestion: 'Use a feature id, array of ids, or { features: "36", padding: 16 }. Pass null to clear focus.'
       });
     }
   }
   const encoding = spec.encoding;
   const hasPoints = spec.points && typeof spec.points === "object" && !Array.isArray(spec.points);
-  const specData = spec.data;
-  const isBasemapOnly = hasPoints && (!specData || specData.length === 0);
   const keyCh = encoding.key;
-  if (!isBasemapOnly) {
-    if (!keyCh || typeof keyCh !== "object") {
-      errors.push({
-        message: 'Spec error: map encoding requires "key" channel',
-        path: "encoding.key",
-        code: "MISSING_FIELD",
-        suggestion: 'Add encoding.key, e.g. key: { field: "id", type: "nominal" }'
-      });
-    } else if (!keyCh.field || typeof keyCh.field !== "string") {
-      errors.push({
-        message: 'Spec error: encoding.key must have a "field" string',
-        path: "encoding.key.field",
-        code: "MISSING_FIELD",
-        suggestion: 'Add a field name, e.g. key: { field: "id" }'
-      });
-    }
+  if (!keyCh || typeof keyCh !== "object") {
+    errors.push({
+      message: 'Spec error: map encoding requires "key" channel',
+      path: "encoding.key",
+      code: "MISSING_FIELD",
+      suggestion: 'Add encoding.key, e.g. key: { field: "id", type: "nominal" }'
+    });
+  } else if (!keyCh.field || typeof keyCh.field !== "string") {
+    errors.push({
+      message: 'Spec error: encoding.key must have a "field" string',
+      path: "encoding.key.field",
+      code: "MISSING_FIELD",
+      suggestion: 'Add a field name, e.g. key: { field: "id" }'
+    });
   }
   const colorCh = encoding.color;
   if (!hasPoints) {
@@ -12033,17 +11875,6 @@ function validateMapSpec(spec, errors) {
         });
       }
     }
-    for (const ch of ["size", "color", "key"]) {
-      const enc = points[ch];
-      if (enc && typeof enc === "object" && (!enc.field || typeof enc.field !== "string")) {
-        errors.push({
-          message: `Spec error: points.${ch} must have a "field" string when provided`,
-          path: `points.${ch}.field`,
-          code: "MISSING_FIELD",
-          suggestion: `Add a field name, e.g. ${ch}: { field: "myField" }`
-        });
-      }
-    }
   }
 }
 function validateBarListSpec(spec, errors) {
@@ -12086,8 +11917,7 @@ function validateBarListSpec(spec, errors) {
   }
   const encoding = spec.encoding;
   const dataColumns = new Set(Object.keys(firstRow));
-  const columnList = [...dataColumns];
-  const availableColumns = columnList.join(", ");
+  const availableColumns = [...dataColumns].join(", ");
   for (const channel of ["label", "value"]) {
     const ch = encoding[channel];
     if (!ch || typeof ch !== "object") {
@@ -12095,7 +11925,7 @@ function validateBarListSpec(spec, errors) {
         message: `Spec error: barlist encoding requires "${channel}" channel`,
         path: `encoding.${channel}`,
         code: "MISSING_FIELD",
-        suggestion: `Add encoding.${channel} with a field from your data (${availableColumns}). Example: ${channel}: { field: "${columnList[0] ?? "myField"}", type: "${channel === "value" ? "quantitative" : "nominal"}" }`
+        suggestion: `Add encoding.${channel} with a field from your data (${availableColumns}). Example: ${channel}: { field: "${[...dataColumns][0] ?? "myField"}", type: "${channel === "value" ? "quantitative" : "nominal"}" }`
       });
       continue;
     }
@@ -12113,7 +11943,7 @@ function validateBarListSpec(spec, errors) {
         message: `Spec error: encoding.${channel}.field "${ch.field}" does not exist in data. Available columns: ${availableColumns}`,
         path: `encoding.${channel}.field`,
         code: "DATA_FIELD_MISSING",
-        suggestion: `Use one of the available data columns: ${availableColumns}.${didYouMean(ch.field, columnList)}`
+        suggestion: `Use one of the available data columns: ${availableColumns}`
       });
     }
   }
@@ -12126,16 +11956,10 @@ function validateBarListSpec(spec, errors) {
         message: `Spec error: encoding.${channel}.field "${field}" does not exist in data. Available columns: ${availableColumns}`,
         path: `encoding.${channel}.field`,
         code: "DATA_FIELD_MISSING",
-        suggestion: `Use one of the available data columns: ${availableColumns}.${didYouMean(field, columnList)}`
+        suggestion: `Use one of the available data columns: ${availableColumns}`
       });
     }
   }
-  checkSchemeUnused(
-    encoding,
-    errors,
-    "bar list colors cycle the built-in barlist palette",
-    "Remove scale.scheme. Bar list colors are not configurable via encoding; they cycle the built-in palette."
-  );
   if (spec.darkMode !== void 0 && !VALID_DARK_MODES.has(spec.darkMode)) {
     errors.push({
       message: 'Spec error: darkMode must be "auto", "force", or "off"',
@@ -12349,36 +12173,6 @@ ${errorMessages}`);
   return { spec: normalized, warnings };
 }
 
-// src/layout/shared.ts
-function chromeToInput(chrome) {
-  return {
-    eyebrow: chrome.eyebrow,
-    title: chrome.title,
-    subtitle: chrome.subtitle,
-    source: chrome.source,
-    byline: chrome.byline,
-    footer: chrome.footer,
-    brand: chrome.brand
-  };
-}
-function scalePadding(basePadding, width, height) {
-  const minDim = Math.min(width, height);
-  if (minDim >= 500) return basePadding;
-  if (minDim <= 200) return Math.max(Math.round(basePadding * 0.5), 4);
-  const t = (minDim - 200) / 300;
-  return Math.max(Math.round(basePadding * (0.5 + t * 0.5)), 4);
-}
-function bottomMargin(bottomHeight, padding, xAxisHeight) {
-  return padding + bottomHeight + xAxisHeight;
-}
-var INLINE_TICK_OVERHANG_PAD = 6;
-function resolveChromeLayout(spec, options) {
-  const encoding = spec?.encoding;
-  const isFaceted = !!(encoding?.facet || encoding?.row || encoding?.column);
-  if (isFaceted) return "subtract";
-  return spec?.chromeLayout ?? options?.chromeLayout ?? "subtract";
-}
-
 // src/barlist/compile-barlist.ts
 var DEFAULT_ROW_GAP = 8;
 var LABEL_BAR_GAP = 12;
@@ -12426,19 +12220,14 @@ function compileBarList(spec, options) {
     watermark
   );
   const padding = theme.spacing.padding;
-  const chromeLayout = resolveChromeLayout(
-    spec,
-    options
-  );
-  const grownHeight = chromeLayout === "grow" ? options.height + chrome.topHeight + chrome.bottomHeight : options.height;
   const fullArea = {
     x: padding,
     y: padding + chrome.topHeight,
     width: options.width - padding * 2,
-    height: chromeLayout === "grow" ? options.height - padding * 2 : options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
+    height: options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
   };
   if (fullArea.width <= 0 || fullArea.height <= 0) {
-    return emptyLayout2(chrome, theme, { ...options, height: grownHeight }, watermark);
+    return emptyLayout2(chrome, theme, options, watermark);
   }
   const labelField = barlistSpec.encoding.label.field;
   const valueField = barlistSpec.encoding.value.field;
@@ -12623,7 +12412,7 @@ function compileBarList(spec, options) {
     a11y,
     theme,
     width: options.width,
-    height: grownHeight,
+    height: options.height,
     animation: resolvedAnimation,
     watermark,
     measureText
@@ -13915,8 +13704,7 @@ function computeLegendContent(spec, strategy, theme, availableWidth, availableHe
     fill: theme.colors.text,
     lineHeight: 1.3
   };
-  const specPosition = spec.legend?.position === "top-left" ? "top" : spec.legend?.position;
-  const resolvedPosition = specPosition ?? (strategy.legendPosition === "right" ? "right" : "top");
+  const resolvedPosition = spec.legend?.position ?? (strategy.legendPosition === "right" ? "right" : "top");
   if (entries.length === 0) {
     return emptyContent(resolvedPosition, theme);
   }
@@ -14917,6 +14705,30 @@ function computeAxes(scales, chartArea, strategy, theme, measureText, dataContex
   return result;
 }
 
+// src/layout/shared.ts
+function chromeToInput(chrome) {
+  return {
+    eyebrow: chrome.eyebrow,
+    title: chrome.title,
+    subtitle: chrome.subtitle,
+    source: chrome.source,
+    byline: chrome.byline,
+    footer: chrome.footer,
+    brand: chrome.brand
+  };
+}
+function scalePadding(basePadding, width, height) {
+  const minDim = Math.min(width, height);
+  if (minDim >= 500) return basePadding;
+  if (minDim <= 200) return Math.max(Math.round(basePadding * 0.5), 4);
+  const t = (minDim - 200) / 300;
+  return Math.max(Math.round(basePadding * (0.5 + t * 0.5)), 4);
+}
+function bottomMargin(bottomHeight, padding, xAxisHeight) {
+  return padding + bottomHeight + xAxisHeight;
+}
+var INLINE_TICK_OVERHANG_PAD = 6;
+
 // src/layout/plan.ts
 function createMeasureFn(measureText) {
   if (measureText) {
@@ -15138,9 +14950,7 @@ function resolveLayoutPlan(chartSpec, renderSpec, options, theme, strategy, wate
     if (hasTopLegend) topMargin += TOP_LEGEND_GAP_ABOVE + legendContent.height + gap;
     topMargin += effectiveTopAxisGap;
     const bMargin = bottomMargin(chrome.bottomHeight, padding, xAxisExtent);
-    const chromeLayout = resolveChromeLayout(renderSpec, options);
-    const effectiveHeight = chromeLayout === "grow" ? height + chrome.topHeight + chrome.bottomHeight : height;
-    const chartHeight = Math.max(0, effectiveHeight - topMargin - bMargin);
+    const chartHeight = Math.max(0, height - topMargin - bMargin);
     const rightMargin = hPad + (isRadial ? hPad : axisMargin);
     const rightAxisReserve = options.rightAxisReserve ?? 0;
     const provisionalArea = {
@@ -15701,10 +15511,6 @@ function buildPrimarySpec(leaves, layerSpec) {
     ...leaves[0],
     data: allData,
     chrome: layerSpec.chrome ?? leaves[0].chrome,
-    // Annotations come from the parent LayerSpec when present, otherwise
-    // the first flattened leaf's. Later leaves' annotations are silently
-    // dropped. The dual-axis path (compileLayerIndependent) explicitly
-    // clears the secondary axis spec's annotations.
     annotations: layerSpec.annotations ?? leaves[0].annotations,
     labels: layerSpec.labels ?? leaves[0].labels,
     legend: layerSpec.legend ?? leaves[0].legend,
@@ -15939,7 +15745,7 @@ import {
   HPAD_COMPACT_FRACTION as HPAD_COMPACT_FRACTION2,
   HPAD_COMPACT_MIN as HPAD_COMPACT_MIN2,
   resolveTheme as resolveTheme3,
-  SEQUENTIAL_PALETTES as SEQUENTIAL_PALETTES2
+  SEQUENTIAL_PALETTES
 } from "@opendata-ai/openchart-core";
 
 // ../../node_modules/.bun/d3-geo@3.1.1/node_modules/d3-geo/src/math.js
@@ -17917,32 +17723,13 @@ function joinDataToFeatures(features, data, dataKeyField, featureIdField) {
 
 // src/geo/projections.ts
 var MERCATOR_FIT_MIN_LAT = -60;
-function createProjection(type, width, height, geojson, inset = 0) {
+function createProjection(type, width, height, geojson) {
   if (type === "identity") {
-    if (inset > 0) {
-      return identity_default4().fitExtent(
-        [
-          [inset, inset],
-          [width - inset, height - inset]
-        ],
-        geojson
-      );
-    }
     return identity_default4().fitSize([width, height], geojson);
   }
   const projection2 = type === "albersUsa" ? albersUsa_default() : type === "equalEarth" ? equalEarth_default() : mercator_default();
   const fitGeometry = type === "mercator" ? excludePolarFeatures(geojson) : geojson;
-  if (inset > 0) {
-    projection2.fitExtent(
-      [
-        [inset, inset],
-        [width - inset, height - inset]
-      ],
-      fitGeometry
-    );
-  } else {
-    projection2.fitSize([width, height], fitGeometry);
-  }
+  projection2.fitSize([width, height], fitGeometry);
   return projection2;
 }
 function excludePolarFeatures(geojson) {
@@ -17962,7 +17749,6 @@ function excludePolarFeatures(geojson) {
 }
 
 // src/geo/compile-map.ts
-var OVERLAY_LEGEND_INSET = 18;
 function validateGeoFeatures(geo) {
   if (!geo.features) {
     throw new Error(
@@ -18020,15 +17806,11 @@ function compileMap(spec, options) {
     watermark
   );
   const padding = getBreakpoint(options.width) === "compact" ? Math.max(HPAD_COMPACT_MIN2, Math.round(theme.spacing.padding * HPAD_COMPACT_FRACTION2)) : theme.spacing.padding;
-  const chromeLayout = resolveChromeLayout(
-    spec,
-    options
-  );
   const fullArea = {
     x: padding,
     y: padding + chrome.topHeight,
     width: options.width - padding * 2,
-    height: chromeLayout === "grow" ? options.height - padding * 2 : options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
+    height: options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
   };
   if (fullArea.width <= 0 || fullArea.height <= 0) {
     return emptyLayout3(chrome, theme, options, watermark);
@@ -18039,13 +17821,11 @@ function compileMap(spec, options) {
   const compileWarnings = [];
   const showLegend = mapSpec.legend?.show !== false;
   const colorEncoding = mapSpec.encoding.color;
-  const showChoroplethLegend = showLegend && colorEncoding?.legend !== null;
   const isQuantitative = colorEncoding?.type === "quantitative";
   const legendPosition = mapSpec.legend?.position === "bottom" ? "bottom" : "top";
-  const pointLegendOverlay = mapSpec.legend?.position === "top-left";
   let legendBlockHeight = 0;
   let continuousContent = null;
-  if (showChoroplethLegend && colorEncoding && isQuantitative) {
+  if (showLegend && colorEncoding && isQuantitative) {
     const colorValues = [];
     for (const row of mapSpec.data) {
       const v = row[colorEncoding.field];
@@ -18068,11 +17848,11 @@ function compileMap(spec, options) {
       const labelRowHeight = Math.ceil(theme.fonts.sizes.small * 1.3);
       legendBlockHeight = continuousContent.barHeight + CONTINUOUS_LABEL_GAP + labelRowHeight;
     }
-  } else if (showChoroplethLegend && colorEncoding) {
+  } else if (showLegend && colorEncoding) {
     const labelHeight = Math.ceil(theme.fonts.sizes.small * 1.3);
     legendBlockHeight = Math.max(10, labelHeight) + 6;
   }
-  if (showLegend && !pointLegendOverlay && mapSpec.points?.color) {
+  if (showLegend && mapSpec.points?.color) {
     if (mapSpec.points.color.type === "quantitative") {
       const labelRowHeight = Math.ceil(theme.fonts.sizes.small * 1.3);
       legendBlockHeight += CONTINUOUS_BAR_HEIGHT + CONTINUOUS_LABEL_GAP + labelRowHeight + 8;
@@ -18087,18 +17867,7 @@ function compileMap(spec, options) {
     return emptyLayout3(chrome, theme, options, watermark);
   }
   const projectionType = mapSpec.geo.projection;
-  let pointInset = 0;
-  if (mapSpec.points) {
-    const sizeRange = mapSpec.points.size?.scale?.range;
-    pointInset = sizeRange ? sizeRange[1] : SIZE_SCALE_DEFAULTS.mapPoint.range[1];
-  }
-  const projection2 = createProjection(
-    projectionType,
-    fullArea.width,
-    mapAreaHeight,
-    geoCollection,
-    pointInset
-  );
+  const projection2 = createProjection(projectionType, fullArea.width, mapAreaHeight, geoCollection);
   const pathGen = path_default(projection2);
   if (projectionType !== "identity") {
     for (const feat of geoFeatures) {
@@ -18113,24 +17882,20 @@ function compileMap(spec, options) {
       }
     }
   }
-  let joined = /* @__PURE__ */ new Map();
-  if (mapSpec.encoding.key) {
-    const featureObjs = geoFeatures.map((f) => ({
-      id: f.id,
-      properties: f.properties ?? {}
-    }));
-    const joinResult = joinDataToFeatures(
-      featureObjs,
-      mapSpec.data,
-      mapSpec.encoding.key.field,
-      mapSpec.geo.idField
-    );
-    joined = joinResult.joined;
-    const filteredJoinWarnings = mapSpec.data.length === 0 && mapSpec.points ? joinResult.warnings.filter((w) => w.code !== "UNMATCHED_FEATURES") : joinResult.warnings;
-    compileWarnings.push(...filteredJoinWarnings);
-  }
+  const featureObjs = geoFeatures.map((f) => ({
+    id: f.id,
+    properties: f.properties ?? {}
+  }));
+  const { joined, warnings: joinWarnings } = joinDataToFeatures(
+    featureObjs,
+    mapSpec.data,
+    mapSpec.encoding.key.field,
+    mapSpec.geo.idField
+  );
+  const filteredJoinWarnings = mapSpec.data.length === 0 && mapSpec.points ? joinWarnings.filter((w) => w.code !== "UNMATCHED_FEATURES") : joinWarnings;
+  compileWarnings.push(...filteredJoinWarnings);
   const droppedFeatures = [];
-  const formatter = buildD3Formatter2(mapSpec.encoding?.color?.format ?? mapSpec.valueFormat) ?? formatNumber3;
+  const formatter = buildD3Formatter2(mapSpec.valueFormat) ?? formatNumber3;
   const neutralFill = isDarkMode ? "#2a2a2a" : "#e8e8e8";
   const neutralStroke = isDarkMode ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.06)";
   let featureMarks;
@@ -18158,7 +17923,7 @@ function compileMap(spec, options) {
       droppedFeatures
     });
     featureMarks = result.marks;
-    if (showChoroplethLegend && continuousContent) {
+    if (showLegend && continuousContent) {
       const labelStyle = {
         fontFamily: theme.fonts.family,
         fontSize: theme.fonts.sizes.small,
@@ -18200,7 +17965,6 @@ function compileMap(spec, options) {
       pathGen,
       joined,
       colorField: colorEncoding.field,
-      colorScale: colorEncoding.scale,
       isDarkMode: !!isDarkMode,
       neutralFill,
       neutralStroke,
@@ -18208,8 +17972,7 @@ function compileMap(spec, options) {
       fullArea,
       mapAreaHeight,
       legendReserveGap,
-      legendPosition,
-      showLegend: showChoroplethLegend,
+      showLegend,
       droppedFeatures
     });
     featureMarks = result.marks;
@@ -18261,7 +18024,7 @@ function compileMap(spec, options) {
         }
         if (colorValues.length > 0) {
           const palette = pts.color.scale?.scheme ?? "blue";
-          const paletteStops = [...SEQUENTIAL_PALETTES2[palette] ?? SEQUENTIAL_PALETTES2.blue];
+          const paletteStops = [...SEQUENTIAL_PALETTES[palette] ?? SEQUENTIAL_PALETTES.blue];
           const qScale = quantile2().domain(colorValues).range(paletteStops);
           pointColorScale = (val) => {
             const v = Number(val);
@@ -18269,14 +18032,7 @@ function compileMap(spec, options) {
           };
         }
       } else {
-        const explicitDomain = pts.color.scale?.domain;
-        const explicitRange = pts.color.scale?.range;
-        if (explicitDomain && Array.isArray(explicitDomain)) {
-          for (const cat of explicitDomain) {
-            pointCategories.push(String(cat));
-          }
-        }
-        const seen = new Set(pointCategories);
+        const seen = /* @__PURE__ */ new Set();
         for (const row of pts.data) {
           const raw = row[pts.color.field];
           if (raw != null) {
@@ -18284,23 +18040,21 @@ function compileMap(spec, options) {
             if (!seen.has(cat)) {
               seen.add(cat);
               pointCategories.push(cat);
+              pointCategoryColors.set(
+                cat,
+                CATEGORICAL_PALETTE[(pointCategories.length - 1) % CATEGORICAL_PALETTE.length]
+              );
             }
           }
         }
-        const colorSource = explicitRange && Array.isArray(explicitRange) ? explicitRange : CATEGORICAL_PALETTE;
-        for (let i = 0; i < pointCategories.length; i++) {
-          pointCategoryColors.set(pointCategories[i], colorSource[i % colorSource.length]);
-        }
         pointColorScale = (val) => {
-          if (val == null) return colorSource[0];
-          return pointCategoryColors.get(String(val)) ?? colorSource[0];
+          if (val == null) return CATEGORICAL_PALETTE[0];
+          return pointCategoryColors.get(String(val)) ?? CATEGORICAL_PALETTE[0];
         };
       }
     }
     const defaultFill = CATEGORICAL_PALETTE[0];
-    const pointOpacity = pts.opacity ?? 0.65;
     let animIndex = 0;
-    const droppedPoints = [];
     for (let i = 0; i < pts.data.length; i++) {
       const row = pts.data[i];
       const lon = Number(row[lonField]);
@@ -18308,7 +18062,11 @@ function compileMap(spec, options) {
       if (!Number.isFinite(lon) || !Number.isFinite(lat)) continue;
       const projected = projection2([lon, lat]);
       if (!projected) {
-        droppedPoints.push([lon, lat]);
+        compileWarnings.push({
+          code: "POINT_NULL_PROJECTION",
+          message: `Point at [${lon}, ${lat}] projects to null and was dropped.`,
+          context: { lon, lat }
+        });
         continue;
       }
       const r = sizeScale ? sizeScale.scale(Number(row[sizeScale.field])) : 5;
@@ -18323,21 +18081,12 @@ function compileMap(spec, options) {
         fill,
         stroke,
         strokeWidth: 1,
-        fillOpacity: pointOpacity,
         key,
         data: row,
         aria: { role: "img", label: key },
         animationIndex: animIndex++
       });
     }
-    if (droppedPoints.length > 0) {
-      const sample = droppedPoints.slice(0, 3).map(([lo, la]) => `[${lo}, ${la}]`).join(", ");
-      compileWarnings.push({
-        code: "POINT_NULL_PROJECTION",
-        message: `${droppedPoints.length} point(s) project to null and were dropped (e.g. ${sample}). This is common with albersUsa which excludes territories. Consider using projection: "mercator" or "equalEarth".`,
-        context: { count: droppedPoints.length, samples: droppedPoints.slice(0, 5) }
-      });
-    }
     if (pts.color && pts.color.type !== "quantitative" && pointCategories.length > 0 && showLegend) {
       const labelStyle = {
         fontFamily: theme.fonts.family,
@@ -18351,17 +18100,17 @@ function compileMap(spec, options) {
         color: pointCategoryColors.get(cat),
         shape: "circle"
       }));
-      const bottomChoroplethHeight = legendPosition === "bottom" ? continuousLegend?.bounds.height ?? categoricalLegend?.bounds.height ?? 0 : 0;
-      const choroplethLegendGap = bottomChoroplethHeight > 0 ? 8 : 0;
-      const legendX = pointLegendOverlay ? fullArea.x + OVERLAY_LEGEND_INSET : fullArea.x;
-      const legendY = pointLegendOverlay ? fullArea.y + OVERLAY_LEGEND_INSET : fullArea.y + mapAreaHeight + legendReserveGap + bottomChoroplethHeight + choroplethLegendGap;
-      const legendWidth = pointLegendOverlay ? fullArea.width - OVERLAY_LEGEND_INSET * 2 : fullArea.width;
+      const choroplethLegendHeight = continuousLegend ? continuousLegend.bounds.height : categoricalLegend ? categoricalLegend.bounds.height : 0;
+      const choroplethLegendGap = choroplethLegendHeight > 0 ? 8 : 0;
+      const legendX = fullArea.x;
+      const legendY = fullArea.y + mapAreaHeight + legendReserveGap + choroplethLegendHeight + choroplethLegendGap;
+      const legendWidth = fullArea.width;
       const swatchSize = 10;
       const swatchGap = 6;
       const entryGap = 16;
       pointCategoricalLegend = {
         type: "categorical",
-        position: pointLegendOverlay ? "top-left" : "bottom",
+        position: "bottom",
         bounds: { x: legendX, y: legendY, width: legendWidth, height: swatchSize + 6 },
         labelStyle,
         entries,
@@ -18399,10 +18148,10 @@ function compileMap(spec, options) {
           lineHeight: 1.3,
           fontVariant: "tabular-nums"
         };
-        const bottomChoroplethH = legendPosition === "bottom" ? continuousLegend?.bounds.height ?? categoricalLegend?.bounds.height ?? 0 : 0;
-        const choroplethLegendGap = bottomChoroplethH > 0 ? 8 : 0;
-        const legendX = pointLegendOverlay ? fullArea.x + OVERLAY_LEGEND_INSET : fullArea.x;
-        const legendY = pointLegendOverlay ? fullArea.y + OVERLAY_LEGEND_INSET : fullArea.y + mapAreaHeight + legendReserveGap + bottomChoroplethH + choroplethLegendGap;
+        const choroplethLegendHeight = continuousLegend ? continuousLegend.bounds.height : categoricalLegend ? categoricalLegend.bounds.height : 0;
+        const choroplethLegendGap = choroplethLegendHeight > 0 ? 8 : 0;
+        const legendX = fullArea.x;
+        const legendY = fullArea.y + mapAreaHeight + legendReserveGap + choroplethLegendHeight + choroplethLegendGap;
         const ptLabelRowHeight = Math.ceil(theme.fonts.sizes.small * 1.3);
         const ptLegendHeight = ptContinuousContent.barHeight + CONTINUOUS_LABEL_GAP + ptLabelRowHeight;
         const bounds = {
@@ -18420,7 +18169,7 @@ function compileMap(spec, options) {
         pointContinuousLegend = {
           type: "continuous",
           mode: ptContinuousContent.mode,
-          position: pointLegendOverlay ? "top-left" : "bottom",
+          position: "bottom",
           bounds,
           labelStyle,
           bar,
@@ -18518,7 +18267,7 @@ function compileMap(spec, options) {
     role: "img",
     keyboardNavigable: featureMarks.length > 0 || pointMarks.length > 0
   };
-  const resolvedFocus = resolveFocus(mapSpec.geo.focus, featureMarks, pointMarks, compileWarnings);
+  const resolvedFocus = resolveFocus(mapSpec.geo.focus, featureMarks, compileWarnings);
   const resolvedAnimation = resolveAnimation(mapSpec.animation);
   const mapAreaY = legendPosition === "top" && legendBlockHeight > 0 ? fullArea.y + legendBlockHeight + legendReserveGap : fullArea.y;
   const mapArea = {
@@ -18618,7 +18367,7 @@ function buildQuantitativeMarks(opts) {
       if (!Number.isNaN(v)) values.push(v);
     }
   }
-  const paletteStops = [...SEQUENTIAL_PALETTES2[palette] ?? SEQUENTIAL_PALETTES2.blue];
+  const paletteStops = [...SEQUENTIAL_PALETTES[palette] ?? SEQUENTIAL_PALETTES.blue];
   const colorScale = quantile2().domain(values).range(paletteStops);
   const marks = [];
   let animIndex = 0;
@@ -18681,7 +18430,6 @@ function buildCategoricalMarks(opts) {
     pathGen,
     joined,
     colorField,
-    colorScale: scaleConfig,
     isDarkMode,
     neutralFill,
     neutralStroke,
@@ -18689,18 +18437,11 @@ function buildCategoricalMarks(opts) {
     fullArea,
     mapAreaHeight,
     legendReserveGap,
-    legendPosition,
     showLegend,
     droppedFeatures
   } = opts;
   const categories = [];
-  const explicitDomain = scaleConfig?.domain;
-  if (explicitDomain && Array.isArray(explicitDomain)) {
-    for (const cat of explicitDomain) {
-      categories.push(String(cat));
-    }
-  }
-  const seen = new Set(categories);
+  const seen = /* @__PURE__ */ new Set();
   for (const row of joined.values()) {
     const raw = row[colorField];
     if (raw != null) {
@@ -18711,11 +18452,9 @@ function buildCategoricalMarks(opts) {
       }
     }
   }
-  const explicitRange = scaleConfig?.range;
-  const colorSource = explicitRange && Array.isArray(explicitRange) ? explicitRange : CATEGORICAL_PALETTE;
   const categoryColors = /* @__PURE__ */ new Map();
   for (let i = 0; i < categories.length; i++) {
-    categoryColors.set(categories[i], colorSource[i % colorSource.length]);
+    categoryColors.set(categories[i], CATEGORICAL_PALETTE[i % CATEGORICAL_PALETTE.length]);
   }
   const marks = [];
   let animIndex = 0;
@@ -18783,14 +18522,14 @@ function buildCategoricalMarks(opts) {
       shape: "square"
     }));
     const legendX = fullArea.x;
-    const legendY = legendPosition === "bottom" ? fullArea.y + mapAreaHeight + legendReserveGap : fullArea.y + legendReserveGap;
+    const legendY = fullArea.y + mapAreaHeight + legendReserveGap;
     const legendWidth = fullArea.width;
     const swatchSize = 10;
     const swatchGap = 6;
     const entryGap = 16;
     legend = {
       type: "categorical",
-      position: legendPosition,
+      position: "bottom",
       bounds: { x: legendX, y: legendY, width: legendWidth, height: swatchSize + 6 },
       labelStyle,
       entries,
@@ -18802,40 +18541,8 @@ function buildCategoricalMarks(opts) {
   }
   return { marks, legend };
 }
-function resolveFocus(focus, features, pointMarks, warnings) {
+function resolveFocus(focus, features, warnings) {
   if (focus === null || focus === void 0) return null;
-  if (typeof focus === "object" && !Array.isArray(focus) && "points" in focus) {
-    const filter = focus.points;
-    const matched = filter === true ? pointMarks : pointMarks.filter((p) => p.data[filter.field] === filter.value);
-    if (matched.length === 0) {
-      const detail = filter === true ? "the map has no points to fit" : `no points match { field: "${filter.field}", value: ${JSON.stringify(filter.value)} }`;
-      warnings.push({
-        code: "FOCUS_UNMATCHED",
-        message: `geo.focus.points is set but ${detail}`,
-        context: {}
-      });
-      return null;
-    }
-    const padding2 = focus.padding ?? 16;
-    let minX2 = Infinity;
-    let minY2 = Infinity;
-    let maxX2 = -Infinity;
-    let maxY2 = -Infinity;
-    for (const p of matched) {
-      minX2 = Math.min(minX2, p.cx);
-      minY2 = Math.min(minY2, p.cy);
-      maxX2 = Math.max(maxX2, p.cx);
-      maxY2 = Math.max(maxY2, p.cy);
-    }
-    const w = Math.max(maxX2 - minX2, 1);
-    const h = Math.max(maxY2 - minY2, 1);
-    return {
-      target: { x: minX2, y: minY2, width: w, height: h, padding: padding2 },
-      // No feature ids: focus-dim is a feature concept, so a points focus
-      // dims no features (there are no "other" features to mute).
-      ids: []
-    };
-  }
   let ids;
   let padding = 16;
   if (typeof focus === "string" || typeof focus === "number") {
@@ -19405,7 +19112,6 @@ function legendLayoutHasContent(legendLayout) {
 }
 var MIN_CHART_WIDTH = 60;
 var MIN_CHART_HEIGHT2 = 40;
-var PLOT_SHARE_MAX = 0.4;
 var SERIES_SEARCH_INPUT_HEIGHT = 32;
 var SERIES_SEARCH_GAP = 12;
 function getMinChartDims(display) {
@@ -19448,10 +19154,8 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
     watermark,
     bottomLegendReservation
   );
-  const chromeLayout = resolveChromeLayout(spec, options);
-  const effectiveHeight = chromeLayout === "grow" ? height + chrome.topHeight + chrome.bottomHeight : height;
   if (isSparkline) {
-    const total2 = { x: 0, y: 0, width, height: effectiveHeight };
+    const total2 = { x: 0, y: 0, width, height };
     const sparkPad = getSparklinePad(spec);
     const xAxisSpace = userExplicit.xAxis ? 26 : 0;
     const yAxisSpace = userExplicit.yAxis ? 30 : 0;
@@ -19475,7 +19179,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
       x: margins2.left,
       y: margins2.top,
       width: Math.max(0, width - margins2.left - margins2.right),
-      height: Math.max(0, effectiveHeight - margins2.top - margins2.bottom)
+      height: Math.max(0, height - margins2.top - margins2.bottom)
     };
     return {
       total: total2,
@@ -19487,7 +19191,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
       effectiveAxisGap: 0
     };
   }
-  const total = { x: 0, y: 0, width, height: effectiveHeight };
+  const total = { x: 0, y: 0, width, height };
   const isRadial = isAxislessMark2(spec.markType);
   const encoding = spec.encoding;
   const xAxisSuppressed = encoding.x?.axis === false;
@@ -19717,11 +19421,10 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
     x: margins.left,
     y: margins.top,
     width: Math.max(0, width - margins.left - margins.right),
-    height: Math.max(0, effectiveHeight - margins.top - margins.bottom)
+    height: Math.max(0, height - margins.top - margins.bottom)
   };
   const minDims = getMinChartDims(spec.display);
-  const chromeEatsPlot = chromeLayout !== "grow" && chrome.topHeight > height * PLOT_SHARE_MAX;
-  if ((chartArea.width < minDims.width || chartArea.height < minDims.height || chromeEatsPlot) && chromeMode !== "hidden") {
+  if ((chartArea.width < minDims.width || chartArea.height < minDims.height) && chromeMode !== "hidden") {
     const fallbackMode = chromeMode === "full" ? "compact" : "hidden";
     const fallbackChrome = computeChrome5(
       chromeToInput(spec.chrome),
@@ -19747,7 +19450,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
         x: margins.left,
         y: margins.top,
         width: Math.max(0, width - margins.left - margins.right),
-        height: Math.max(0, effectiveHeight - margins.top - margins.bottom)
+        height: Math.max(0, height - margins.top - margins.bottom)
       };
       const fallbackMetricsTopY = topPad + fallbackChrome.topHeight;
       const fallbackMetricsArea = { x: hPad, width: Math.max(0, width - hPad * 2) };
@@ -19764,7 +19467,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
         chartArea = {
           ...chartArea,
           y: margins.top,
-          height: Math.max(0, effectiveHeight - margins.top - margins.bottom)
+          height: Math.max(0, height - margins.top - margins.bottom)
         };
       }
       return {
@@ -19780,8 +19483,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
           fallbackMetricsArea
         ) : void 0,
         xAxisHeight,
-        effectiveAxisGap: fallbackEffectiveAxisGap,
-        chromeStripped: true
+        effectiveAxisGap: fallbackEffectiveAxisGap
       };
     }
   }
@@ -19793,7 +19495,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
     chartArea = {
       ...chartArea,
       y: margins.top,
-      height: Math.max(0, effectiveHeight - margins.top - margins.bottom)
+      height: Math.max(0, height - margins.top - margins.bottom)
     };
   }
   return {
@@ -20545,19 +20247,14 @@ function compileSankey(spec, options) {
     watermark
   );
   const padding = theme.spacing.padding;
-  const chromeLayout = resolveChromeLayout(
-    spec,
-    options
-  );
-  const grownHeight = chromeLayout === "grow" ? options.height + chrome.topHeight + chrome.bottomHeight : options.height;
   const fullArea = {
     x: padding,
     y: padding + chrome.topHeight,
     width: options.width - padding * 2,
-    height: chromeLayout === "grow" ? options.height - padding * 2 : options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
+    height: options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
   };
   if (fullArea.width <= 0 || fullArea.height <= 0) {
-    return emptyLayout4(fullArea, chrome, theme, { ...options, height: grownHeight }, watermark);
+    return emptyLayout4(fullArea, chrome, theme, options, watermark);
   }
   const sourceField = sankeySpec.encoding.source.field;
   const targetField = sankeySpec.encoding.target.field;
@@ -20597,7 +20294,7 @@ function compileSankey(spec, options) {
     height: fullArea.height - legend.bounds.height - legendGap2
   };
   if (area.height <= 0) {
-    return emptyLayout4(area, chrome, theme, { ...options, height: grownHeight }, watermark);
+    return emptyLayout4(area, chrome, theme, options, watermark);
   }
   const labelFontSize = theme.fonts.sizes.small;
   const labelFontWeight = theme.fonts.weights.normal;
@@ -20749,7 +20446,7 @@ function compileSankey(spec, options) {
     theme,
     dimensions: {
       width: options.width,
-      height: grownHeight
+      height: options.height
     },
     animation: resolvedAnimation,
     watermark,
@@ -21558,7 +21255,7 @@ import {
   HPAD_COMPACT_MIN as HPAD_COMPACT_MIN4,
   pickLabelColor as pickLabelColor4,
   resolveTheme as resolveTheme6,
-  SEQUENTIAL_PALETTES as SEQUENTIAL_PALETTES3
+  SEQUENTIAL_PALETTES as SEQUENTIAL_PALETTES2
 } from "@opendata-ai/openchart-core";
 var TILE_CORNER_RADIUS = 6;
 var TILE_STROKE_WIDTH = 1;
@@ -21568,10 +21265,6 @@ var LEGEND_ENTRY_GAP = 16;
 function clamp(value2, min4, max4) {
   return Math.min(max4, Math.max(min4, value2));
 }
-function growContentHeight(contentHeight, chromeLayout, budgetHeight, chrome) {
-  if (chromeLayout !== "grow") return contentHeight;
-  return Math.max(contentHeight, budgetHeight + chrome.topHeight + chrome.bottomHeight);
-}
 function compileTileMap(spec, options) {
   const sugarWarnings = [];
   const expandedSpec = spec && typeof spec === "object" && !Array.isArray(spec) ? expandSpecSugar(spec, sugarWarnings) : spec;
@@ -21608,44 +21301,22 @@ function compileTileMap(spec, options) {
     watermark
   );
   const padding = getBreakpoint2(options.width) === "compact" ? Math.max(HPAD_COMPACT_MIN4, Math.round(theme.spacing.padding * HPAD_COMPACT_FRACTION4)) : theme.spacing.padding;
-  const chromeLayout = resolveChromeLayout(
-    spec,
-    options
-  );
   const fullArea = {
     x: padding,
     y: padding + chrome.topHeight,
     width: options.width - padding * 2,
-    height: chromeLayout === "grow" ? options.height - padding * 2 : options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
+    height: options.height - chrome.topHeight - chrome.bottomHeight - padding * 2
   };
   if (fullArea.width <= 0 || fullArea.height <= 0) {
     return emptyLayout5(chrome, theme, options, watermark);
   }
   const isCategorical = tilemapSpec.encoding.color !== void 0 || tilemapSpec.colors !== void 0;
   if (isCategorical) {
-    return compileCategorical(
-      tilemapSpec,
-      options,
-      theme,
-      chrome,
-      fullArea,
-      isDarkMode,
-      watermark,
-      chromeLayout
-    );
+    return compileCategorical(tilemapSpec, options, theme, chrome, fullArea, isDarkMode, watermark);
   }
-  return compileQuantitative(
-    tilemapSpec,
-    options,
-    theme,
-    chrome,
-    fullArea,
-    isDarkMode,
-    watermark,
-    chromeLayout
-  );
+  return compileQuantitative(tilemapSpec, options, theme, chrome, fullArea, isDarkMode, watermark);
 }
-function compileQuantitative(tilemapSpec, options, theme, chrome, fullArea, isDarkMode, watermark, chromeLayout) {
+function compileQuantitative(tilemapSpec, options, theme, chrome, fullArea, isDarkMode, watermark) {
   const stateField = tilemapSpec.encoding.state.field;
   const valueField = tilemapSpec.encoding.value.field;
   const stateValueMap = /* @__PURE__ */ new Map();
@@ -21662,7 +21333,7 @@ function compileQuantitative(tilemapSpec, options, theme, chrome, fullArea, isDa
   const values = Array.from(stateValueMap.values());
   const min4 = values.length > 0 ? Math.min(...values) : 0;
   const max4 = values.length > 0 ? Math.max(...values) : 100;
-  const paletteStops = [...SEQUENTIAL_PALETTES3[tilemapSpec.palette] ?? SEQUENTIAL_PALETTES3.blue];
+  const paletteStops = [...SEQUENTIAL_PALETTES2[tilemapSpec.palette] ?? SEQUENTIAL_PALETTES2.blue];
   const baseColor = isDarkMode ? paletteStops[0] : paletteStops[paletteStops.length - 1];
   const opacityRange = isDarkMode ? [0.15, 1] : [0.2, 1];
   const opacityScale = linear2().domain([min4, max4]).range(opacityRange).clamp(true);
@@ -21746,12 +21417,7 @@ function compileQuantitative(tilemapSpec, options, theme, chrome, fullArea, isDa
   };
   const resolvedAnimation = resolveAnimation(tilemapSpec.animation);
   const padding = fullArea.x;
-  const contentHeight = growContentHeight(
-    tileGridOffsetY + tilePositions.gridHeight + legendGap2 + legendTotalHeight + chrome.bottomHeight + padding,
-    chromeLayout,
-    options.height,
-    chrome
-  );
+  const contentHeight = tileGridOffsetY + tilePositions.gridHeight + legendGap2 + legendTotalHeight + chrome.bottomHeight + padding;
   return {
     area: fullArea,
     chrome,
@@ -21768,7 +21434,7 @@ function compileQuantitative(tilemapSpec, options, theme, chrome, fullArea, isDa
     measureText: options.measureText ?? ((text, fontSize) => ({ width: estimateTextWidth23(text, fontSize), height: fontSize }))
   };
 }
-function compileCategorical(tilemapSpec, options, theme, chrome, fullArea, isDarkMode, watermark, chromeLayout) {
+function compileCategorical(tilemapSpec, options, theme, chrome, fullArea, isDarkMode, watermark) {
   const stateField = tilemapSpec.encoding.state.field;
   const colorField = tilemapSpec.encoding.color?.field ?? tilemapSpec.encoding.value.field;
   const stateCategoryMap = /* @__PURE__ */ new Map();
@@ -21887,12 +21553,7 @@ function compileCategorical(tilemapSpec, options, theme, chrome, fullArea, isDar
   };
   const resolvedAnimation = resolveAnimation(tilemapSpec.animation);
   const padding = fullArea.x;
-  const contentHeight = growContentHeight(
-    tileGridOffsetY + tilePositions.gridHeight + legendGap2 + legendTotalHeight + chrome.bottomHeight + padding,
-    chromeLayout,
-    options.height,
-    chrome
-  );
+  const contentHeight = tileGridOffsetY + tilePositions.gridHeight + legendGap2 + legendTotalHeight + chrome.bottomHeight + padding;
   return {
     area: fullArea,
     chrome,
@@ -22952,38 +22613,6 @@ function applySparklineDefaults(spec, theme) {
   }
   return { ...spec, markDef: newMarkDef };
 }
-function resolveScaleInvert(resolved) {
-  if (!resolved) return void 0;
-  const { scale, type } = resolved;
-  if (type === "band" || type === "point") {
-    const domain = scale.domain();
-    const positions = domain.map((v) => {
-      const pos = scale(v) ?? 0;
-      return type === "band" ? pos + scale.bandwidth() / 2 : pos;
-    });
-    const range4 = scale.range();
-    return {
-      topPixel: range4[0],
-      bottomPixel: range4[range4.length - 1],
-      topData: 0,
-      bottomData: 0,
-      domain,
-      positions
-    };
-  }
-  const invert = scale.invert;
-  if (typeof invert !== "function") return void 0;
-  const range3 = scale.range();
-  const topPx = range3[0];
-  const bottomPx = range3[range3.length - 1];
-  const topVal = invert.call(scale, topPx);
-  const bottomVal = invert.call(scale, bottomPx);
-  const topData = topVal instanceof Date ? +topVal : Number(topVal);
-  const bottomData = bottomVal instanceof Date ? +bottomVal : Number(bottomVal);
-  if (!Number.isFinite(topData) || !Number.isFinite(bottomData)) return void 0;
-  const scaleType = type;
-  return { topPixel: topPx, bottomPixel: bottomPx, topData, bottomData, scaleType };
-}
 function compileChart(spec, optionsInput) {
   const sugarWarnings = [];
   const expandedSpec = spec && typeof spec === "object" && !Array.isArray(spec) ? expandSpecSugar(spec, sugarWarnings) : spec;
@@ -23184,35 +22813,12 @@ function compileChart(spec, optionsInput) {
       }
     };
   }
-  let facetDirection = "wrap";
-  const rowChannel = renderSpec.encoding.row;
-  const colChannel = renderSpec.encoding.column;
-  if (rowChannel?.field || colChannel?.field) {
-    const channel = rowChannel?.field ? rowChannel : colChannel;
-    facetDirection = rowChannel?.field ? "row" : "column";
-    const desugared = { ...renderSpec.encoding };
-    delete desugared.row;
-    delete desugared.column;
-    desugared.facet = {
-      field: channel.field,
-      type: channel.type,
-      sort: channel.sort,
-      ...facetDirection === "row" ? { columns: 1 } : {}
-    };
-    renderSpec = { ...renderSpec, encoding: desugared };
-    const chartDesugared = { ...chartSpec.encoding };
-    delete chartDesugared.row;
-    delete chartDesugared.column;
-    chartDesugared.facet = desugared.facet;
-    chartSpec = { ...chartSpec, encoding: chartDesugared };
-  }
   const facetChannel = renderSpec.encoding.facet;
   if (facetChannel?.field) {
     return compileFaceted(
       chartSpec,
       renderSpec,
       facetChannel,
-      facetDirection,
       options,
       theme,
       strategy,
@@ -23277,10 +22883,7 @@ function compileChart(spec, optionsInput) {
     skipY,
     markType: chartSpec.markType,
     totalWidth: options.width,
-    // If the guardrail stripped chrome, the plan's y-ticks were sized
-    // against the pre-strip (shorter) plot. Drop them so computeAxes
-    // regenerates against the final (taller) chartArea.
-    precomputedYTicks: !dims.chromeStripped && plan.yTickValues.length > 0 ? plan.yTickValues : void 0
+    precomputedYTicks: plan.yTickValues.length > 0 ? plan.yTickValues : void 0
   });
   const xAxisExtent = axes.x?.extent ?? 0;
   dims.chrome.bottomAnchorY = chartArea.y + chartArea.height + xAxisExtent;
@@ -23375,8 +22978,6 @@ function compileChart(spec, optionsInput) {
   );
   assignAnimationIndices(marks, resolvedAnimation);
   const chrome = footnotes ? { ...dims.chrome, footnotes } : dims.chrome;
-  const xInvert = resolveScaleInvert(scales.x);
-  const yInvert = resolveScaleInvert(scales.y);
   return {
     area: chartArea,
     chrome,
@@ -23403,21 +23004,16 @@ function compileChart(spec, optionsInput) {
     theme,
     dimensions: {
       width: options.width,
-      // In chromeLayout 'grow' mode, computeDimensions grows total.height by the
-      // chrome height so the plot keeps its full budget. In the default
-      // 'subtract' mode total.height === options.height, so this is a no-op.
-      height: dims.total.height
+      height: options.height
     },
     animation: resolvedAnimation,
     watermark,
     display: chartSpec.display,
     crosshair,
-    measureText: options.measureText,
-    ...xInvert ? { xInvert } : {},
-    ...yInvert ? { yInvert } : {}
+    measureText: options.measureText
   };
 }
-function compileFaceted(chartSpec, renderSpec, facetChannel, facetDirection, options, theme, strategy, watermark, resolvedAnimation, crosshair, rawSpec, optionsInput) {
+function compileFaceted(chartSpec, renderSpec, facetChannel, options, theme, strategy, watermark, resolvedAnimation, crosshair, rawSpec, optionsInput) {
   const measure = createMeasureFn(options.measureText);
   const panelEncoding = { ...renderSpec.encoding };
   delete panelEncoding.facet;
@@ -23463,10 +23059,10 @@ function compileFaceted(chartSpec, renderSpec, facetChannel, facetDirection, opt
     plan.xAxisExtent,
     dims.effectiveAxisGap
   );
+  const leftReservation = plan.leftGutter;
   const bottomReservation = plan.xAxisExtent;
-  const effectiveColumns = facetDirection === "column" ? facetValues.length : facetChannel.columns;
-  const grid = computeFacetGrid(facetValues, effectiveColumns, chartArea, {
-    left: 0,
+  const grid = computeFacetGrid(facetValues, facetChannel.columns, chartArea, {
+    left: leftReservation,
     bottom: bottomReservation
   });
   if (!optionsInput.facetHeightGrown && grid.panels.length > 0 && grid.panels[0].area.height < MIN_PANEL_HEIGHT) {
@@ -23481,10 +23077,8 @@ function compileFaceted(chartSpec, renderSpec, facetChannel, facetDirection, opt
     }
   }
   const resolveConfig = chartSpec.resolve;
-  const xDefault = facetDirection === "column" ? "independent" : "shared";
-  const yDefault = facetDirection === "row" ? "independent" : "shared";
-  const yResolve = resolveConfig?.scale?.y ?? yDefault;
-  const xResolve = resolveConfig?.scale?.x ?? xDefault;
+  const yResolve = resolveConfig?.scale?.y ?? "shared";
+  const xResolve = resolveConfig?.scale?.x ?? "shared";
   const fullScales = computeScales(panelSpec, chartArea, renderSpec.data);
   const sharedXDomain = xResolve === "shared" && fullScales.x ? fullScales.x.scale.domain() : void 0;
   const sharedYDomain = yResolve === "shared" && fullScales.y ? fullScales.y.scale.domain() : void 0;
@@ -23549,16 +23143,6 @@ function compileFaceted(chartSpec, renderSpec, facetChannel, facetDirection, opt
         tickMarks: false
       };
     }
-    const isBottomRow = gridPanel.row === grid.rows - 1;
-    if (xResolve === "shared" && facetDirection === "row" && !isBottomRow && panelAxes.x) {
-      panelAxes.x = {
-        ...panelAxes.x,
-        ticks: [],
-        label: void 0,
-        domainLine: false,
-        tickMarks: false
-      };
-    }
     const panelMarks = renderer ? renderer(
       panelSpecWithDomains,
       panelScales,
@@ -23612,11 +23196,10 @@ function compileFaceted(chartSpec, renderSpec, facetChannel, facetDirection, opt
       annotations: panelAnnotations,
       header: {
         text: gridPanel.key,
-        x: facetDirection === "row" ? gridPanel.area.x : gridPanel.headerPos.x,
+        x: gridPanel.headerPos.x,
         y: gridPanel.headerPos.y,
         fontSize: theme.fonts.sizes.body,
-        fontWeight: theme.fonts.weights.medium,
-        ...facetDirection === "row" ? { textAnchor: "start" } : {}
+        fontWeight: theme.fonts.weights.medium
       }
     });
   }
@@ -23684,8 +23267,7 @@ function compileFaceted(chartSpec, renderSpec, facetChannel, facetDirection, opt
       panels: panelLayouts,
       facetField: facetChannel.field,
       columns: grid.columns,
-      sharedScales: yResolve === "shared" && xResolve === "shared",
-      direction: facetDirection
+      sharedScales: yResolve === "shared" && xResolve === "shared"
     }
   };
 }