@pixerate/editor 0.162.1 → 0.163.0

package/dist/{chunk-4NGVHHJB.cjs → chunk-NZD2MZJC.cjs}

@@ -14,7 +14,10 @@
 
 
 
-var _chunkLL3H5XUHcjs = require('./chunk-LL3H5XUH.cjs');
+
+
+
+var _chunkR3P2M7HUcjs = require('./chunk-R3P2M7HU.cjs');
 
 // src/chart/schemas.ts
 var VALUE = { type: ["number", "string", "null"], description: 'A number, numeric text ("1,200", "12%", "$40", "(3)") or null for a gap.' };
@@ -26,7 +29,7 @@ var FORMAT = {
   type: "object",
   description: "How numbers are written on this axis or series.",
   properties: {
-    style: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_NUMBER_STYLES], description: "number (default), percent (0.25 \u2192 25%), currency or compact (1.2K)." },
+    style: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_NUMBER_STYLES], description: "number (default), percent (0.25 \u2192 25%), currency or compact (1.2K)." },
     decimals: { type: "integer", minimum: 0, maximum: 10, description: "Fixed decimals (default: what the ticks need)." },
     currency: { type: "string", description: 'ISO currency code for style "currency", e.g. "EUR" (default USD).' },
     prefix: { type: "string", description: "Text before every number." },
@@ -46,10 +49,10 @@ var AXIS = (what) => ({
     step: { type: ["number", "null"], exclusiveMinimum: 0, description: "Fixed distance between ticks, or null for automatic." },
     gridlines: { type: "boolean", description: "Grid lines at each tick." },
     format: FORMAT,
-    kind: { type: ["string", "null"], enum: [..._chunkLL3H5XUHcjs.CHART_AXIS_KINDS, null], description: 'Category axis only: "date" reads categories as dates and labels them by calendar steps.' },
+    kind: { type: ["string", "null"], enum: [..._chunkR3P2M7HUcjs.CHART_AXIS_KINDS, null], description: 'Category axis only: "date" reads categories as dates and labels them by calendar steps.' },
     scale: {
       type: ["string", "null"],
-      enum: [..._chunkLL3H5XUHcjs.CHART_AXIS_SCALES, null],
+      enum: [..._chunkR3P2M7HUcjs.CHART_AXIS_SCALES, null],
       description: 'Value axes and the numeric x axis of scatter / bubble charts: "log" spaces ticks by powers of logBase (values of 0 or less are skipped; min and max must be above 0; not with percent stacking). "linear" or null is the default. Ignored on a category axis.'
     },
     logBase: { type: ["number", "null"], minimum: 2, maximum: 1e3, description: "Base of a log axis, 2 to 1000 (default 10; null resets)." },
@@ -58,7 +61,7 @@ var AXIS = (what) => ({
   additionalProperties: false
 });
 var TRENDLINE_PROPS = {
-  type: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_TRENDLINE_TYPES], description: "Fit: linear, exponential, logarithmic, power, polynomial or moving-average." },
+  type: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_TRENDLINE_TYPES], description: "Fit: linear, exponential, logarithmic, power, polynomial or moving-average." },
   order: { type: "integer", minimum: 2, maximum: 6, description: "Polynomial order (default 2)." },
   period: { type: "integer", minimum: 2, description: "Moving-average period in points (default 2)." },
   forward: { type: "number", minimum: 0, description: "Extend the line this many x units past the last point (default 0)." },
@@ -69,19 +72,59 @@ var TRENDLINE_PROPS = {
   name: { type: "string", description: 'Legend name (default e.g. "Linear (Sales)").' },
   color: { type: "string", description: "CSS colour (default: the series colour)." }
 };
+var REFERENCE_COMMON = {
+  label: { type: "string", description: 'Text written on it, e.g. "Target" (default none).' },
+  axis: {
+    type: "string",
+    enum: [..._chunkR3P2M7HUcjs.CHART_REFERENCE_AXES],
+    description: "Axis it is measured on: y (default) is the value axis, y2 the secondary value axis (needs a series there), x the numeric x axis of a scatter or bubble chart."
+  },
+  color: { type: "string", description: "CSS colour (default: the text colour)." }
+};
+var REFERENCE_LINE_PROPS = {
+  value: { type: "number", description: "Where the line crosses its axis, in data units." },
+  ...REFERENCE_COMMON
+};
+var REFERENCE_BAND_PROPS = {
+  from: { type: "number", description: "One end of the band on its axis, in data units." },
+  to: { type: "number", description: "The other end of the band, in data units (ends may come in either order)." },
+  ...REFERENCE_COMMON
+};
+var REFERENCE_COMMON_PATCH = {
+  label: { type: ["string", "null"], description: "Text written on it; null removes it." },
+  axis: { type: ["string", "null"], enum: [..._chunkR3P2M7HUcjs.CHART_REFERENCE_AXES, null], description: "Axis it is measured on (y, y2 or x); null goes back to y." },
+  color: { type: ["string", "null"], description: "CSS colour; null goes back to the text colour." }
+};
+var REFERENCE_LINE_PATCH = { value: REFERENCE_LINE_PROPS.value, ...REFERENCE_COMMON_PATCH };
+var REFERENCE_BAND_PATCH = { from: REFERENCE_BAND_PROPS.from, to: REFERENCE_BAND_PROPS.to, ...REFERENCE_COMMON_PATCH };
+var REFERENCE_INDEX = (what) => ({ type: "integer", minimum: 0, description: `${what} index (0 = first), as get_chart lists them in spec.${what === "Reference line" ? "referenceLines" : "referenceBands"}.` });
+var TREE_NODE = {
+  type: "object",
+  description: 'An item ({"name", "value"}) or a group ({"name", "children": [nodes]}, whose value is the sum of its items).',
+  properties: {
+    name: { type: "string", description: "Label; unique among its siblings." },
+    value: { type: "number", minimum: 0, description: "Items only: the amount, 0 or more." },
+    children: { type: "array", items: { $ref: "#/$defs/chartTreeNode" }, description: "Groups only: the nodes inside it (up to 6 levels in all)." },
+    color: { type: "string", description: "CSS colour (default: the palette colour of its top-level group, lighter further in)." }
+  },
+  required: ["name"],
+  additionalProperties: false
+};
+var TREE_DEFS = { chartTreeNode: TREE_NODE };
+var TREE_PATH = { type: "array", items: { type: "string" }, minItems: 1, description: 'Names from the top level down to the node, e.g. ["Europe", "France"] (from get_chart treeTable or spec.tree).' };
 var ERROR_BARS = (what) => ({
   type: ["object", "null"],
   description: `${what} null removes them.`,
   properties: {
     type: {
       type: "string",
-      enum: [..._chunkLL3H5XUHcjs.CHART_ERROR_BAR_TYPES],
+      enum: [..._chunkR3P2M7HUcjs.CHART_ERROR_BAR_TYPES],
       description: "fixed: the same amount at every point; percent: a percentage of each value; stddev: value standard deviations of the series, drawn around the series mean (as Excel does); stderr: the standard error of the series at every point; custom: per-point plus / minus amounts."
     },
     value: { type: "number", minimum: 0, description: "Amount in data units for fixed (default 1), percent of each value for percent (default 5), number of standard deviations for stddev (default 1). Not for stderr or custom." },
     plus: { type: "array", items: VALUE, description: "custom only: amount above each point, one per category, in data units (0 or more; null for none)." },
     minus: { type: "array", items: VALUE, description: "custom only: amount below each point, one per category (default: the plus amounts)." },
-    direction: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_ERROR_BAR_DIRECTIONS], description: "both (default), plus (only above) or minus (only below)." },
+    direction: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_ERROR_BAR_DIRECTIONS], description: "both (default), plus (only above) or minus (only below)." },
     cap: { type: "boolean", description: "Draw end caps (default true)." }
   },
   required: ["type"],
@@ -91,21 +134,22 @@ var SERIES_PROPS = {
   name: { type: "string", description: "Series name (legend and data grid header)." },
   values: { type: "array", items: VALUE, description: "One value per category, in category order (padded with gaps)." },
   color: { type: ["string", "null"], description: "CSS colour, or null for the palette colour." },
-  type: { type: ["string", "null"], enum: [..._chunkLL3H5XUHcjs.CHART_SERIES_TYPES, null], description: "Draw this series as bar, line, area or scatter (a combo chart); null follows the chart type." },
+  type: { type: ["string", "null"], enum: [..._chunkR3P2M7HUcjs.CHART_SERIES_TYPES, null], description: "Draw this series as bar, line, area or scatter (a combo chart); null follows the chart type." },
   hidden: { type: "boolean", description: "Hide the series (its data is kept)." },
   axis: { type: ["string", "null"], enum: ["primary", "secondary", null], description: "Value axis: secondary is drawn on the right with its own scale." },
   x: { type: ["array", "null"], items: VALUE, description: "Numeric x per category, for scatter and bubble charts." },
   sizes: { type: ["array", "null"], items: VALUE, description: "Bubble sizes per category (area is proportional to size)." },
   pointColors: { type: ["array", "null"], items: { type: ["string", "null"] }, description: "Colour per category (null keeps the series colour)." },
-  marker: { type: ["string", "null"], enum: [..._chunkLL3H5XUHcjs.CHART_MARKERS, null], description: "Point marker shape for line, area and scatter series." },
-  curve: { type: ["string", "null"], enum: [..._chunkLL3H5XUHcjs.CHART_CURVES, null], description: "Line shape for this series: linear, smooth or step." },
+  callouts: { type: ["array", "null"], items: { type: ["string", "null"] }, description: "A label pinned to each point that matters, one per category (null: none); null removes them all. Bar, line, area and scatter charts. set_chart_callout sets one." },
+  marker: { type: ["string", "null"], enum: [..._chunkR3P2M7HUcjs.CHART_MARKERS, null], description: "Point marker shape for line, area and scatter series." },
+  curve: { type: ["string", "null"], enum: [..._chunkR3P2M7HUcjs.CHART_CURVES, null], description: "Line shape for this series: linear, smooth or step." },
   dataLabels: { type: ["boolean", "null"], description: "Value labels for this series (null follows the chart)." },
   format: { ...FORMAT, type: ["object", "null"], description: "How this series' labels are written (null follows the value axis)." },
   errorBars: ERROR_BARS("Error bars along the value axis (bar, line, area and scatter series; on stacked charts they sit on the stack top)."),
   xErrorBars: ERROR_BARS("Error bars along the x axis (scatter and bubble charts with numeric x values; amounts in x units).")
 };
 var CHART_UPDATE_PROPERTIES = {
-  type: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_TYPES], description: "Chart type." },
+  type: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_TYPES], description: "Chart type. slope joins each category from the first series (before) to the second (after); likert reads each category as a question and the series as answers from most negative to most positive; parliament draws the first series as seats; sunburst draws the grouped data (set_chart_tree) as rings, and a treemap with grouped data nests its groups." },
   title: { type: "string", description: 'Title ("" for none).' },
   subtitle: { type: "string", description: 'Subtitle ("" for none).' },
   xAxis: AXIS("Category axis (or numeric x axis of scatter / bubble charts)."),
@@ -114,15 +158,15 @@ var CHART_UPDATE_PROPERTIES = {
   legend: {
     type: "object",
     description: "Legend.",
-    properties: { show: { type: "boolean", description: "Show the legend." }, position: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_LEGEND_POSITIONS], description: "Where the legend goes." } },
+    properties: { show: { type: "boolean", description: "Show the legend." }, position: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_LEGEND_POSITIONS], description: "Where the legend goes." } },
     additionalProperties: false
   },
-  stacking: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_STACKINGS], description: "none, stacked, or percent (each category scaled to 100%)." },
-  orientation: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_ORIENTATIONS], description: "horizontal draws bars sideways." },
-  curve: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_CURVES], description: "Line shape: linear, smooth or step." },
+  stacking: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_STACKINGS], description: "none, stacked, or percent (each category scaled to 100%)." },
+  orientation: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_ORIENTATIONS], description: "horizontal draws bars sideways." },
+  curve: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_CURVES], description: "Line shape: linear, smooth or step." },
   points: { type: "boolean", description: "Dots on line and area series." },
   dataLabels: { type: "boolean", description: "Value labels on bars, points and slices." },
-  labelPosition: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_LABEL_POSITIONS], description: "Bar label position; auto drops labels that do not fit." },
+  labelPosition: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_LABEL_POSITIONS], description: "Bar label position; auto drops labels that do not fit." },
   palette: { type: "array", items: { type: "string" }, minItems: 1, description: "Series colours in order (CSS colours)." },
   innerRadius: { type: "number", minimum: 0, maximum: 0.9, description: "Donut hole as a fraction of the radius." },
   gapWidth: { type: "number", minimum: 0, maximum: 0.9, description: "Space between bar groups as a fraction of the category (default 0.28)." },
@@ -130,7 +174,18 @@ var CHART_UPDATE_PROPERTIES = {
   bins: { type: ["integer", "null"], minimum: 1, maximum: 500, description: "Histogram bin count, or null for \u221An." },
   showTotal: { type: "boolean", description: "Waterfall: append a total bar." },
   radarTicks: { type: ["integer", "null"], minimum: 1, maximum: 50, description: "Radar: number of evenly spaced rings from the value axis min to max, or null for round-number rings (default null)." },
-  radarGraticule: { type: "string", enum: [..._chunkLL3H5XUHcjs.CHART_RADAR_GRATICULES], description: "Radar: draw rings as polygons through the spokes or as circles (default polygon)." }
+  radarGraticule: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_RADAR_GRATICULES], description: "Radar: draw rings as polygons through the spokes or as circles (default polygon)." },
+  note: { type: "string", description: 'A source or footnote written under the chart ("" for none).' },
+  highlight: { type: "array", items: { type: "string" }, description: "Category labels and series names (or ids) to draw normally while the rest are muted; [] shows everything. highlight_chart checks the names." },
+  referenceLines: { type: "array", items: { type: "object", properties: REFERENCE_LINE_PROPS, required: ["value"], additionalProperties: false }, description: "Replaces every reference line (targets, floors, averages across the plot). add_chart_reference_line adds one." },
+  referenceBands: { type: "array", items: { type: "object", properties: REFERENCE_BAND_PROPS, required: ["from", "to"], additionalProperties: false }, description: "Replaces every reference band (target ranges across the plot). add_chart_reference_band adds one." },
+  varyColors: { type: "boolean", description: "A one-series bar, line, area or scatter chart colours each category from the palette, and its legend lists the categories (default false)." },
+  likertNeutral: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_LIKERT_NEUTRALS], description: "Likert with an odd number of answers: split (default) puts the middle answer across the centre line; separate draws it in its own column on the right." },
+  likertSort: { type: "string", enum: [..._chunkR3P2M7HUcjs.CHART_LIKERT_SORTS], description: "Likert: order the questions by agreement (positive), by disagreement (negative) or as given (none, default)." },
+  parliamentArc: { type: "number", minimum: 90, maximum: 360, description: "Parliament: sweep of the hemicycle in degrees (default 180)." },
+  parliamentMajority: { type: ["integer", "null"], minimum: 1, description: "Parliament: seats needed for a majority, drawn as a dashed line (null: half of the seats plus one)." },
+  parliamentLabel: { type: "string", description: 'Parliament: caption under the seat total ("" writes "seats").' },
+  sunburstLabel: { type: "string", description: 'Sunburst: caption under the total in the centre ("" for none).' }
 };
 
 
@@ -142,4 +197,11 @@ var CHART_UPDATE_PROPERTIES = {
 
 
 
-exports.VALUE = VALUE; exports.SERIES_REF = SERIES_REF; exports.CATEGORY_REF = CATEGORY_REF; exports.WIDTH = WIDTH; exports.HEIGHT = HEIGHT; exports.TRENDLINE_PROPS = TRENDLINE_PROPS; exports.SERIES_PROPS = SERIES_PROPS; exports.CHART_UPDATE_PROPERTIES = CHART_UPDATE_PROPERTIES;
+
+
+
+
+
+
+
+exports.VALUE = VALUE; exports.SERIES_REF = SERIES_REF; exports.CATEGORY_REF = CATEGORY_REF; exports.WIDTH = WIDTH; exports.HEIGHT = HEIGHT; exports.TRENDLINE_PROPS = TRENDLINE_PROPS; exports.REFERENCE_LINE_PROPS = REFERENCE_LINE_PROPS; exports.REFERENCE_BAND_PROPS = REFERENCE_BAND_PROPS; exports.REFERENCE_LINE_PATCH = REFERENCE_LINE_PATCH; exports.REFERENCE_BAND_PATCH = REFERENCE_BAND_PATCH; exports.REFERENCE_INDEX = REFERENCE_INDEX; exports.TREE_DEFS = TREE_DEFS; exports.TREE_PATH = TREE_PATH; exports.SERIES_PROPS = SERIES_PROPS; exports.CHART_UPDATE_PROPERTIES = CHART_UPDATE_PROPERTIES;

package/dist/{chunk-CX6JLDFC.js → chunk-OXERWBKE.js}

@@ -5,14 +5,14 @@ import {
   chartToMermaid,
   describeChart,
   layoutSparkline
-} from "./chunk-XDCFJEU7.js";
+} from "./chunk-SZA42R4N.js";
 import {
   layoutChart
-} from "./chunk-DTSTNRPH.js";
+} from "./chunk-Z4P2RBMJ.js";
 import {
   DEFAULT_CHART_THEME,
   normalizeChartSpec
-} from "./chunk-HLOKB7WW.js";
+} from "./chunk-3NEZJCBY.js";
 import {
   plainTextToSlice
 } from "./chunk-2INPJDNY.js";

package/dist/{chunk-7CKPUUN4.js → chunk-POR54B55.js}

@@ -2,11 +2,13 @@ import {
   chartFamily,
   chartRgbToHex,
   chartSeriesType,
+  chartTreeFromRows,
+  chartVariesColors,
   defaultChartAxis,
   isCartesianChart,
   normalizeChartSpec,
   parseChartColor
-} from "./chunk-HLOKB7WW.js";
+} from "./chunk-3NEZJCBY.js";
 
 // src/chart/ooxml.ts
 var CHART_OOXML_NS = "http://schemas.openxmlformats.org/drawingml/2006/chart";
@@ -295,7 +297,7 @@ function chartFromOoxml(xml, options = {}) {
   input.orientation = orientation;
   input.dataLabels = dataLabels;
   input.points = points || first !== "line";
-  if (bool(val(groups[0], "varyColors")) && (first === "bar" || first === "line") && series.length === 1) unsupported.push("one colour per point (vary colours)");
+  if (bool(val(groups[0], "varyColors")) && !combo && isCartesianChart(first) && series.length === 1) input.varyColors = true;
   const readAxis = (a, fallback) => {
     const axis = { ...fallback, format: {} };
     if (!a) return axis;
@@ -340,6 +342,29 @@ function readChartex(root, issues, unsupported) {
     const numDim = kids(d, "numDim")[0];
     const lvl = (dim) => kids(dim, "lvl")[0];
     const cats = kids(lvl(strDim), "pt").map((p) => p.textContent ?? "");
+    const levels = kids(strDim, "lvl").map((l) => {
+      const out = [];
+      for (const p of kids(l, "pt")) out[Number(p.getAttribute("idx") ?? out.length)] = (p.textContent ?? "").trim();
+      return out;
+    });
+    let paths;
+    if (levels.length > 1) {
+      const carried = [];
+      paths = levels[0].map((_, i) => {
+        const path2 = [];
+        for (let k = levels.length - 1; k >= 1; k--) {
+          const name = levels[k][i];
+          if (name) {
+            carried[k] = name;
+            carried.length = Math.max(carried.length, k + 1);
+            for (let j = 1; j < k; j++) carried[j] = "";
+          }
+          if (carried[k]) path2.push(carried[k]);
+        }
+        if (levels[0][i]) path2.push(levels[0][i]);
+        return path2;
+      });
+    }
     const values = [];
     const nl = lvl(numDim);
     for (const p of kids(nl, "pt")) {
@@ -347,19 +372,18 @@ function readChartex(root, issues, unsupported) {
       while (values.length < i) values.push(null);
       values[i] = numberOf((p.textContent ?? "").trim());
     }
-    data.set(id, { categories: cats, values, code: nl?.getAttribute("formatCode") ?? void 0 });
+    data.set(id, { categories: cats, values, code: nl?.getAttribute("formatCode") ?? void 0, paths });
   }
   const chart = kid(root, "chart");
   const region = path(chart, "plotArea", "plotAreaRegion");
   const seriesEls = kids(region, "series");
-  const layouts = { waterfall: "waterfall", funnel: "funnel", treemap: "treemap", sunburst: "treemap", boxWhisker: "box", clusteredColumn: "histogram", paretoLine: "histogram" };
+  const layouts = { waterfall: "waterfall", funnel: "funnel", treemap: "treemap", sunburst: "sunburst", boxWhisker: "box", clusteredColumn: "histogram", paretoLine: "histogram" };
   const layout = seriesEls[0]?.getAttribute("layoutId") ?? "";
   const type = layouts[layout];
   if (!type) {
     issues.push({ path: "plotArea", message: `The chart layout "${layout || "unknown"}" is not supported.` });
     return { spec: normalizeChartSpec({}).spec, issues, unsupported: [layout || "unknown chartex layout"], lossless: false };
   }
-  if (layout === "sunburst") unsupported.push("sunburst (drawn as a treemap of the innermost level)");
   if (layout === "paretoLine") unsupported.push("pareto line");
   const series = [];
   let categories = [];
@@ -382,6 +406,12 @@ function readChartex(root, issues, unsupported) {
     categories: categories.length >= longest ? categories : Array.from({ length: longest }, (_, i) => categories[i] ?? `${i + 1}`)
   };
   if (type === "waterfall") input.showTotal = false;
+  const first = data.get(kid(seriesEls[0], "dataId")?.getAttribute("val") ?? "0");
+  if ((type === "treemap" || type === "sunburst") && first?.paths) {
+    const treeIssues = [];
+    input.tree = chartTreeFromRows(first.paths.map((path2, i) => ({ path: path2, value: first.values[i] ?? 0 })), treeIssues);
+    for (const t of treeIssues) issues.push({ path: "chartData", message: t.message });
+  }
   const { spec, issues: specIssues } = normalizeChartSpec(input);
   issues.push(...specIssues);
   return { spec, issues, unsupported, lossless: unsupported.length === 0 && specIssues.length === 0 };
@@ -440,10 +470,30 @@ function chartToOoxml(spec) {
     issues.push(`${spec.type} charts are written as bar charts: DrawingML has no ${spec.type} type (Office 2016 stores it as chartex).`);
     type = "bar";
   } else if (family === "treemap") {
-    issues.push("Treemaps are written as pie charts: DrawingML has no treemap type.");
+    issues.push(`Treemaps are written as pie charts${spec.tree.length ? " of the top-level group totals" : ""}: DrawingML has no treemap type.`);
     type = "pie";
+  } else if (family === "sunburst") {
+    issues.push(`Sunburst charts are written as doughnut charts of the ${spec.tree.length ? "top-level group totals" : "values"}: DrawingML has no sunburst type (Office 2016 stores it as chartex).`);
+    type = "donut";
+  } else if (family === "parliament") {
+    issues.push("Parliament charts are written as doughnut charts of the seats: DrawingML has no parliament type.");
+    type = "donut";
+  } else if (family === "slope") {
+    issues.push("Slope charts are written as line charts with the two series as lines over the categories: DrawingML has no slope type.");
+    type = "line";
+  } else if (family === "likert") {
+    issues.push("Likert charts are written as 100% stacked horizontal bars: DrawingML has no diverging bar.");
+    spec = { ...spec, type: "bar", stacking: "percent", orientation: "horizontal" };
+    type = "bar";
   }
   const visible = spec.series.filter((s) => !s.hidden);
+  const annotations = [
+    spec.referenceLines.length || spec.referenceBands.length ? "reference lines and bands" : "",
+    spec.series.some((s) => s.callouts) ? "callouts" : "",
+    spec.highlight.length ? "the highlight" : "",
+    spec.note ? "the note" : ""
+  ].filter(Boolean);
+  if (annotations.length) issues.push(`${annotations.join(", ").replace(/^./, (c) => c.toUpperCase())} ${annotations.length === 1 && !annotations[0].endsWith("s") ? "is" : "are"} not written: DrawingML has no equivalent.`);
   if (visible.length < spec.series.length) issues.push(`${spec.series.length - visible.length} hidden series ${spec.series.length - visible.length === 1 ? "is" : "are"} left out.`);
   const grouping = spec.stacking === "stacked" ? "stacked" : spec.stacking === "percent" ? "percentStacked" : "standard";
   const ids = { cat: 500000001, val: 500000002, cat2: 500000003, val2: 500000004 };
@@ -512,6 +562,7 @@ function chartToOoxml(spec) {
     return `<c:ser>${parts.join("")}</c:ser>`;
   };
   const dLbls = `<c:dLbls><c:showLegendKey val="0"/><c:showVal val="${spec.dataLabels ? 1 : 0}"/><c:showCatName val="0"/><c:showSerName val="0"/><c:showPercent val="0"/><c:showBubbleSize val="0"/></c:dLbls>`;
+  const vary = chartVariesColors(spec) ? 1 : 0;
   const groupXml = groups.map((g) => {
     const axes2 = g.secondary ? `<c:axId val="${ids.cat2}"/><c:axId val="${ids.val2}"/>` : `<c:axId val="${ids.cat}"/><c:axId val="${ids.val}"/>`;
     const sers = g.series.map(({ s, index }) => serXml(g.kind, s, index)).join("");
@@ -521,14 +572,14 @@ function chartToOoxml(spec) {
         const barsWidth = spec.stacking === "none" ? n - (n - 1) * spec.overlap : 1;
         const gapPct = Math.round(Math.min(500, spec.gapWidth / Math.max(0.01, 1 - spec.gapWidth) * barsWidth * 100));
         const overlapPct = spec.stacking === "none" ? Math.round(spec.overlap * 100) : 100;
-        return `<c:barChart><c:barDir val="${spec.orientation === "horizontal" ? "bar" : "col"}"/><c:grouping val="${spec.stacking === "none" ? "clustered" : grouping}"/><c:varyColors val="0"/>${sers}${dLbls}<c:gapWidth val="${gapPct}"/><c:overlap val="${overlapPct}"/>${axes2}</c:barChart>`;
+        return `<c:barChart><c:barDir val="${spec.orientation === "horizontal" ? "bar" : "col"}"/><c:grouping val="${spec.stacking === "none" ? "clustered" : grouping}"/><c:varyColors val="${vary}"/>${sers}${dLbls}<c:gapWidth val="${gapPct}"/><c:overlap val="${overlapPct}"/>${axes2}</c:barChart>`;
       }
       case "line":
-        return `<c:lineChart><c:grouping val="${spec.stacking === "none" ? "standard" : "standard"}"/><c:varyColors val="0"/>${sers}${dLbls}<c:marker val="1"/>${axes2}</c:lineChart>`;
+        return `<c:lineChart><c:grouping val="${spec.stacking === "none" ? "standard" : "standard"}"/><c:varyColors val="${vary}"/>${sers}${dLbls}<c:marker val="1"/>${axes2}</c:lineChart>`;
       case "area":
-        return `<c:areaChart><c:grouping val="${grouping}"/><c:varyColors val="0"/>${sers}${dLbls}${axes2}</c:areaChart>`;
+        return `<c:areaChart><c:grouping val="${grouping}"/><c:varyColors val="${vary}"/>${sers}${dLbls}${axes2}</c:areaChart>`;
       case "scatter":
-        return `<c:scatterChart><c:scatterStyle val="lineMarker"/><c:varyColors val="0"/>${sers}${dLbls}${axes2}</c:scatterChart>`;
+        return `<c:scatterChart><c:scatterStyle val="lineMarker"/><c:varyColors val="${vary}"/>${sers}${dLbls}${axes2}</c:scatterChart>`;
       case "bubble":
         return `<c:bubbleChart><c:varyColors val="0"/>${sers}${dLbls}<c:bubbleScale val="100"/>${axes2}</c:bubbleChart>`;
       case "radar":