@pixerate/editor 0.48.0 → 0.50.0

package/dist/{chunk-TXXNBDQX.cjs → chunk-2Q46FKZK.cjs}

@@ -5,6 +5,15 @@
 
 var _chunk3CC7OPUQcjs = require('./chunk-3CC7OPUQ.cjs');
 
+
+
+
+
+var _chunk3JNRQVTScjs = require('./chunk-3JNRQVTS.cjs');
+
+
+var _chunkJOX6MJW4cjs = require('./chunk-JOX6MJW4.cjs');
+
 // src/export/images.ts
 var DOCX_IMAGE_TYPES = {
   "image/png": "png",
@@ -654,7 +663,7 @@ ${external}`;
   }
 }, _class2);
 var DocxBuilder = (_class3 = class {
-  constructor(doc, options, threads, styles) {;_class3.prototype.__init5.call(this);_class3.prototype.__init6.call(this);_class3.prototype.__init7.call(this);_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);_class3.prototype.__init10.call(this);_class3.prototype.__init11.call(this);_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this);
+  constructor(doc, options, threads, styles) {;_class3.prototype.__init5.call(this);_class3.prototype.__init6.call(this);_class3.prototype.__init7.call(this);_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);_class3.prototype.__init10.call(this);_class3.prototype.__init11.call(this);_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this);_class3.prototype.__init18.call(this);
     this.doc = doc;
     this.options = options;
     this.threads = threads;
@@ -669,23 +678,24 @@ var DocxBuilder = (_class3 = class {
   
   __init5() {this.report = {
     dropped: [],
-    written: { paragraphs: 0, tables: 0, images: 0, comments: 0, replies: 0, trackedChanges: 0 }
+    written: { paragraphs: 0, tables: 0, images: 0, charts: 0, comments: 0, replies: 0, trackedChanges: 0 }
   }}
   __init6() {this.rels = new Relationships()}
   __init7() {this.media = []}
   __init8() {this.mediaTypes = /* @__PURE__ */ new Set()}
-  __init9() {this.nums = []}
-  __init10() {this.revisionId = 0}
-  __init11() {this.docPrId = 0}
-  __init12() {this.paraIdCounter = 268435456}
-  __init13() {this.comments = /* @__PURE__ */ new Map()}
+  __init9() {this.charts = []}
+  __init10() {this.nums = []}
+  __init11() {this.revisionId = 0}
+  __init12() {this.docPrId = 0}
+  __init13() {this.paraIdCounter = 268435456}
+  __init14() {this.comments = /* @__PURE__ */ new Map()}
   /** Thread id → JSON node carrying its last comment mark. */
-  __init14() {this.commentEnds = /* @__PURE__ */ new Map()}
+  __init15() {this.commentEnds = /* @__PURE__ */ new Map()}
   /** JSON node → threads whose range ends after it (so ends are found in O(1) per node). */
-  __init15() {this.endsByNode = /* @__PURE__ */ new Map()}
-  __init16() {this.people = /* @__PURE__ */ new Map()}
+  __init16() {this.endsByNode = /* @__PURE__ */ new Map()}
+  __init17() {this.people = /* @__PURE__ */ new Map()}
   
-  __init17() {this.extraStyles = /* @__PURE__ */ new Set()}
+  __init18() {this.extraStyles = /* @__PURE__ */ new Set()}
   
   
   drop(kind, name, reason) {
@@ -815,6 +825,9 @@ var DocxBuilder = (_class3 = class {
       case "image":
         this.paragraph(w, { type: "paragraph", content: [node] }, ctx);
         return;
+      case "chart":
+        this.chartParagraph(w, node, ctx);
+        return;
       default:
         break;
     }
@@ -935,6 +948,12 @@ var DocxBuilder = (_class3 = class {
         case "image":
           out.push({ kind: "image", node, last: true, marks });
           break;
+        case "sparkline": {
+          const text = sparklineText(node.attrs);
+          this.drop("node", "sparkline", "written as text (its label, or \u2581\u2583\u2587 bars)");
+          out.push({ kind: "text", text, node, last: true, marks });
+          break;
+        }
         case "mention": {
           const label = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _53 => _53.attrs, 'optionalAccess', _54 => _54.label]), () => ( _optionalChain([node, 'access', _55 => _55.attrs, 'optionalAccess', _56 => _56.id]))), () => ( ""));
           out.push({ kind: "text", text: label ? `@${label}` : "", node, last: true, marks });
@@ -1149,9 +1168,57 @@ var DocxBuilder = (_class3 = class {
     w.close("pic:pic").close("a:graphicData").close("a:graphic").close("wp:inline").close("w:drawing");
     return w.toString();
   }
+  // -- Charts -----------------------------------------------------------------
+  /** A `chart` node as a paragraph holding a native Word chart (`c:chart` in `wp:inline`). */
+  chartParagraph(w, node, ctx) {
+    const raw = _optionalChain([node, 'access', _89 => _89.attrs, 'optionalAccess', _90 => _90.spec]);
+    if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+      this.drop("node", "chart", "chart has no spec");
+      return;
+    }
+    const spec = _chunkJOX6MJW4cjs.normalizeChartSpec.call(void 0, raw).spec;
+    const written = _chunk3JNRQVTScjs.chartToOoxml.call(void 0, spec);
+    for (const issue of written.issues) this.drop("node", "chart", issue);
+    const name = `chart${this.charts.length + 1}.xml`;
+    this.charts.push(written.xml);
+    const relId = this.rels.add(_chunk3JNRQVTScjs.CHART_OOXML_RELATIONSHIP, `charts/${name}`);
+    let width = _nullishCoalesce(pixelAttr(_optionalChain([node, 'access', _91 => _91.attrs, 'optionalAccess', _92 => _92.width])), () => ( MAX_IMAGE_WIDTH_PX));
+    let height = _nullishCoalesce(pixelAttr(_optionalChain([node, 'access', _93 => _93.attrs, 'optionalAccess', _94 => _94.height])), () => ( 320));
+    if (width > MAX_IMAGE_WIDTH_PX) {
+      height = height * MAX_IMAGE_WIDTH_PX / width;
+      width = MAX_IMAGE_WIDTH_PX;
+    }
+    const cx = pxToEmu(width);
+    const cy = pxToEmu(height);
+    const id = ++this.docPrId;
+    const title = spec.title || "";
+    this.report.written.charts++;
+    const drawing = new XmlWriter(false);
+    drawing.open("w:r").open("w:drawing").open("wp:inline", { distT: 0, distB: 0, distL: 0, distR: 0 });
+    drawing.empty("wp:extent", { cx, cy }).empty("wp:effectExtent", { l: 0, t: 0, r: 0, b: 0 });
+    drawing.empty("wp:docPr", { id, name: `Chart ${id}`, descr: title || void 0, title: title || void 0 });
+    drawing.empty("wp:cNvGraphicFramePr");
+    drawing.open("a:graphic").open("a:graphicData", { uri: _chunk3JNRQVTScjs.CHART_OOXML_NS });
+    drawing.empty("c:chart", { "xmlns:c": _chunk3JNRQVTScjs.CHART_OOXML_NS, "r:id": relId });
+    drawing.close("a:graphicData").close("a:graphic").close("wp:inline").close("w:drawing").close("w:r");
+    this.report.written.paragraphs++;
+    w.open("w:p");
+    const indent = ctx.quoteLevel * INDENT_STEP;
+    const jc = alignment(_optionalChain([node, 'access', _95 => _95.attrs, 'optionalAccess', _96 => _96.textAlign]));
+    if (indent || jc) {
+      w.open("w:pPr");
+      if (indent) w.empty("w:ind", { "w:left": indent });
+      if (jc) w.val("w:jc", jc);
+      w.close("w:pPr");
+    }
+    this.commentStarts(w, _nullishCoalesce(node.marks, () => ( [])));
+    w.raw(drawing.toString());
+    this.commentEndsAfter(w, node);
+    w.close("w:p");
+  }
   // -- Tables -------------------------------------------------------------------
   table(w, node, ctx) {
-    const rows = (_nullishCoalesce(node.content, () => ( []))).filter((row) => row.type === "tableRow" || _optionalChain([row, 'access', _89 => _89.content, 'optionalAccess', _90 => _90.length]));
+    const rows = (_nullishCoalesce(node.content, () => ( []))).filter((row) => row.type === "tableRow" || _optionalChain([row, 'access', _97 => _97.content, 'optionalAccess', _98 => _98.length]));
     if (!rows.length) {
       this.drop("node", "table", "empty table");
       return;
@@ -1161,8 +1228,8 @@ var DocxBuilder = (_class3 = class {
       let col = 0;
       for (const cell of _nullishCoalesce(row.content, () => ( []))) {
         while (grid[r][col]) col++;
-        const colspan = Math.max(1, Math.min(63, Number(_optionalChain([cell, 'access', _91 => _91.attrs, 'optionalAccess', _92 => _92.colspan])) || 1));
-        const rowspan = Math.max(1, Math.min(rows.length - r, Number(_optionalChain([cell, 'access', _93 => _93.attrs, 'optionalAccess', _94 => _94.rowspan])) || 1));
+        const colspan = Math.max(1, Math.min(63, Number(_optionalChain([cell, 'access', _99 => _99.attrs, 'optionalAccess', _100 => _100.colspan])) || 1));
+        const rowspan = Math.max(1, Math.min(rows.length - r, Number(_optionalChain([cell, 'access', _101 => _101.attrs, 'optionalAccess', _102 => _102.rowspan])) || 1));
         for (let i = 0; i < rowspan; i++) {
           for (let j = 0; j < colspan; j++) {
             grid[r + i][col + j] = { cell, rowOffset: i, colOffset: j, colspan, rowspan };
@@ -1175,7 +1242,7 @@ var DocxBuilder = (_class3 = class {
     const widths = [];
     for (let c = 0; c < cols; c++) {
       const slot = grid[0][c];
-      const colwidth = _optionalChain([slot, 'optionalAccess', _95 => _95.cell, 'access', _96 => _96.attrs, 'optionalAccess', _97 => _97.colwidth]);
+      const colwidth = _optionalChain([slot, 'optionalAccess', _103 => _103.cell, 'access', _104 => _104.attrs, 'optionalAccess', _105 => _105.colwidth]);
       const px = Array.isArray(colwidth) ? Number(colwidth[slot.colOffset]) : NaN;
       widths.push(Number.isFinite(px) && px > 0 ? pxToTwips(px) : 0);
     }
@@ -1206,7 +1273,7 @@ var DocxBuilder = (_class3 = class {
       for (let c = 0; c < cols; c++) {
         const slot = grid[r][c];
         if (slot && slot.colOffset > 0) continue;
-        const span = _nullishCoalesce(_optionalChain([slot, 'optionalAccess', _98 => _98.colspan]), () => ( 1));
+        const span = _nullishCoalesce(_optionalChain([slot, 'optionalAccess', _106 => _106.colspan]), () => ( 1));
         const width = widths.slice(c, c + span).reduce((n, v) => n + v, 0);
         w.open("w:tc").open("w:tcPr").empty("w:tcW", { "w:w": width, "w:type": "dxa" });
         if (span > 1) w.val("w:gridSpan", span);
@@ -1217,7 +1284,7 @@ var DocxBuilder = (_class3 = class {
         w.close("w:tcPr");
         const content = slot && slot.rowOffset === 0 ? _nullishCoalesce(slot.cell.content, () => ( [])) : [];
         if (content.length) this.blocks(w, content, cellCtx);
-        const lastType = _optionalChain([content, 'access', _99 => _99[content.length - 1], 'optionalAccess', _100 => _100.type]);
+        const lastType = _optionalChain([content, 'access', _107 => _107[content.length - 1], 'optionalAccess', _108 => _108.type]);
         if (!content.length || lastType === "table") w.empty("w:p");
         w.close("w:tc");
       }
@@ -1304,14 +1371,14 @@ var DocxBuilder = (_class3 = class {
       w.val("w:name", fileStyleName(style.name || style.id));
       const base = style.basedOn && byId.has(style.basedOn) && byId.get(style.basedOn).kind === style.kind ? style.basedOn : void 0;
       if (base) w.val("w:basedOn", base);
-      if (style.kind === "paragraph" && style.next && _optionalChain([byId, 'access', _101 => _101.get, 'call', _102 => _102(style.next), 'optionalAccess', _103 => _103.kind]) === "paragraph") w.val("w:next", style.next);
+      if (style.kind === "paragraph" && style.next && _optionalChain([byId, 'access', _109 => _109.get, 'call', _110 => _110(style.next), 'optionalAccess', _111 => _111.kind]) === "paragraph") w.val("w:next", style.next);
       if (style.linked && byId.has(style.linked)) w.val("w:link", style.linked);
       if (style.priority !== void 0 && Number.isFinite(style.priority)) w.val("w:uiPriority", Math.max(0, Math.round(style.priority)));
       if (style.hidden) w.empty("w:semiHidden").empty("w:unhideWhenUsed");
       if (style.quick) w.empty("w:qFormat");
       const block = style.kind === "paragraph" ? blockOf(style) : null;
       const ownBlock = style.kind === "paragraph" ? style.block : null;
-      const outline = _optionalChain([ownBlock, 'optionalAccess', _104 => _104.type]) === "heading" ? Math.max(0, Math.min(8, (Number(_optionalChain([ownBlock, 'access', _105 => _105.attrs, 'optionalAccess', _106 => _106.level])) || 1) - 1)) : void 0;
+      const outline = _optionalChain([ownBlock, 'optionalAccess', _112 => _112.type]) === "heading" ? Math.max(0, Math.min(8, (Number(_optionalChain([ownBlock, 'access', _113 => _113.attrs, 'optionalAccess', _114 => _114.level])) || 1) - 1)) : void 0;
       if (style.kind === "paragraph" && (style.paragraph || outline !== void 0)) {
         const p = new XmlWriter(false);
         writeParagraphFormat(p, style.paragraph, outline);
@@ -1319,7 +1386,7 @@ var DocxBuilder = (_class3 = class {
         if (xml) w.open("w:pPr").raw(xml).close("w:pPr");
       }
       const run = characterFormatToRun(style.character);
-      if (_optionalChain([block, 'optionalAccess', _107 => _107.type]) === "codeBlock" && !run.font) run.font = "Consolas";
+      if (_optionalChain([block, 'optionalAccess', _115 => _115.type]) === "codeBlock" && !run.font) run.font = "Consolas";
       if (hasRunProps(run)) {
         w.open("w:rPr");
         writeRunProps(w, run);
@@ -1380,7 +1447,7 @@ var DocxBuilder = (_class3 = class {
     return { comments: w.toString(), extended: ext.toString() };
   }
   comment(w, id, author, createdAt, body) {
-    const name = this.authorName(_optionalChain([author, 'optionalAccess', _108 => _108.name]), _optionalChain([author, 'optionalAccess', _109 => _109.id]));
+    const name = this.authorName(_optionalChain([author, 'optionalAccess', _116 => _116.name]), _optionalChain([author, 'optionalAccess', _117 => _117.id]));
     w.open("w:comment", {
       "w:id": id,
       "w:author": name,
@@ -1425,7 +1492,7 @@ var DocxBuilder = (_class3 = class {
       "xmlns:xsi": "http://www.w3.org/2001/XMLSchema-instance"
     });
     if (this.options.title) w.leaf("dc:title", void 0, this.options.title);
-    const creator = this.anonymous ? void 0 : _optionalChain([this, 'access', _110 => _110.defaultAuthor, 'optionalAccess', _111 => _111.name]);
+    const creator = this.anonymous ? void 0 : _optionalChain([this, 'access', _118 => _118.defaultAuthor, 'optionalAccess', _119 => _119.name]);
     if (creator) w.leaf("dc:creator", void 0, creator).leaf("cp:lastModifiedBy", void 0, creator);
     const date = _nullishCoalesce(isoDate(now.getTime()), () => ( "2026-01-01T00:00:00Z"));
     w.leaf("dcterms:created", { "xsi:type": "dcterms:W3CDTF" }, date);
@@ -1465,6 +1532,7 @@ var DocxBuilder = (_class3 = class {
     if (people) add("word/people.xml", people, `${CT_WML}people+xml`);
     parts.push({ name: "word/_rels/document.xml.rels", data: this.rels.xml() });
     for (const file of this.media) parts.push({ name: `word/media/${file.name}`, data: file.bytes });
+    this.charts.forEach((xml, i) => add(`word/charts/chart${i + 1}.xml`, xml, _chunk3JNRQVTScjs.CHART_OOXML_CONTENT_TYPE));
     add("docProps/core.xml", this.coreXml(now), "application/vnd.openxmlformats-package.core-properties+xml");
     const app = new XmlWriter();
     app.open("Properties", { xmlns: "http://schemas.openxmlformats.org/officeDocument/2006/extended-properties" });
@@ -1488,7 +1556,18 @@ var DocxBuilder = (_class3 = class {
     ];
   }
 }, _class3);
-var isInlineType = (type) => type === "hardBreak" || type === "image" || type === "mention" || type === "text";
+var SPARK_BARS = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+function sparklineText(attrs2) {
+  if (typeof _optionalChain([attrs2, 'optionalAccess', _120 => _120.label]) === "string" && attrs2.label.trim()) return attrs2.label;
+  const values = (Array.isArray(_optionalChain([attrs2, 'optionalAccess', _121 => _121.values])) ? attrs2.values : []).filter(
+    (v) => typeof v === "number" && Number.isFinite(v)
+  );
+  if (!values.length) return "";
+  const min = Math.min(...values);
+  const span = Math.max(...values) - min;
+  return values.map((v) => SPARK_BARS[span ? Math.round((v - min) / span * (SPARK_BARS.length - 1)) : 3]).join("");
+}
+var isInlineType = (type) => type === "hardBreak" || type === "image" || type === "mention" || type === "sparkline" || type === "text";
 var EXTRA_STYLES = {
   BlockText: {
     id: "BlockText",
@@ -1570,8 +1649,8 @@ function resolveInput(input, options) {
     doc: input.getJSON(),
     options: {
       ...options,
-      comments: options.comments !== void 0 ? options.comments : _nullishCoalesce(_optionalChain([storage, 'access', _112 => _112.comment, 'optionalAccess', _113 => _113.store]), () => ( null)),
-      styles: _nullishCoalesce(_nullishCoalesce(options.styles, () => ( _optionalChain([storage, 'access', _114 => _114.paragraphStyles, 'optionalAccess', _115 => _115.registry]))), () => ( void 0))
+      comments: options.comments !== void 0 ? options.comments : _nullishCoalesce(_optionalChain([storage, 'access', _122 => _122.comment, 'optionalAccess', _123 => _123.store]), () => ( null)),
+      styles: _nullishCoalesce(_nullishCoalesce(options.styles, () => ( _optionalChain([storage, 'access', _124 => _124.paragraphStyles, 'optionalAccess', _125 => _125.registry]))), () => ( void 0))
     }
   };
 }
@@ -1583,7 +1662,7 @@ function createDocxParts(input, options = {}) {
     threadsOf(resolved.options.comments),
     stylesOf(resolved.options.styles)
   );
-  const parts = builder.parts(_nullishCoalesce(_optionalChain([resolved, 'access', _116 => _116.options, 'access', _117 => _117.now, 'optionalCall', _118 => _118()]), () => ( /* @__PURE__ */ new Date())));
+  const parts = builder.parts(_nullishCoalesce(_optionalChain([resolved, 'access', _126 => _126.options, 'access', _127 => _127.now, 'optionalCall', _128 => _128()]), () => ( /* @__PURE__ */ new Date())));
   return { parts, report: builder.report };
 }
 async function exportDocx(input, options = {}) {
@@ -1618,20 +1697,20 @@ function docxFileName(name) {
   return `${base || "document"}.docx`;
 }
 var DocxExportController = (_class4 = class {
-  constructor(getSource, options = {}) {;_class4.prototype.__init18.call(this);_class4.prototype.__init19.call(this);_class4.prototype.__init20.call(this);_class4.prototype.__init21.call(this);_class4.prototype.__init22.call(this);
+  constructor(getSource, options = {}) {;_class4.prototype.__init19.call(this);_class4.prototype.__init20.call(this);_class4.prototype.__init21.call(this);_class4.prototype.__init22.call(this);_class4.prototype.__init23.call(this);
     this.getSource = getSource;
     this.options = options;
   }
   
   
-  __init18() {this.state = { isExporting: false, error: null, lastReport: null }}
-  __init19() {this.listeners = /* @__PURE__ */ new Set()}
-  __init20() {this.pending = 0}
+  __init19() {this.state = { isExporting: false, error: null, lastReport: null }}
+  __init20() {this.listeners = /* @__PURE__ */ new Set()}
+  __init21() {this.pending = 0}
   setOptions(options) {
     this.options = options;
   }
-  __init21() {this.getState = () => this.state}
-  __init22() {this.subscribe = (listener) => {
+  __init22() {this.getState = () => this.state}
+  __init23() {this.subscribe = (listener) => {
     this.listeners.add(listener);
     return () => {
       this.listeners.delete(listener);
@@ -1651,7 +1730,7 @@ var DocxExportController = (_class4 = class {
       const { fileName: _fileName, onExport: _onExport, onError: _onError, ...exportOptions } = this.options;
       const result = await exportDocxBlob(source, exportOptions);
       this.setState({ lastReport: result.report });
-      _optionalChain([this, 'access', _119 => _119.options, 'access', _120 => _120.onExport, 'optionalCall', _121 => _121(result.report, result.blob)]);
+      _optionalChain([this, 'access', _129 => _129.options, 'access', _130 => _130.onExport, 'optionalCall', _131 => _131(result.report, result.blob)]);
       return result;
     } catch (error) {
       const err = error instanceof Error ? error : new Error(String(error));
@@ -1693,4 +1772,4 @@ function createDocxExportController(getSource, options) {
 
 
 exports.stripInvalidXmlChars = stripInvalidXmlChars; exports.escapeXmlText = escapeXmlText; exports.escapeXmlAttr = escapeXmlAttr; exports.XmlWriter = XmlWriter; exports.deflateRaw = deflateRaw; exports.writeZip = writeZip; exports.DOCX_EXPORT_MIME_TYPE = DOCX_EXPORT_MIME_TYPE; exports.DOCX_ANONYMOUS_AUTHOR = DOCX_ANONYMOUS_AUTHOR; exports.createDocxParts = createDocxParts; exports.exportDocx = exportDocx; exports.exportDocxBlob = exportDocxBlob; exports.downloadBlob = downloadBlob; exports.docxFileName = docxFileName; exports.DocxExportController = DocxExportController; exports.createDocxExportController = createDocxExportController;
-//# sourceMappingURL=chunk-TXXNBDQX.cjs.map
+//# sourceMappingURL=chunk-2Q46FKZK.cjs.map