tiptap-markdown-react 1.2.0 → 1.3.0

package/dist/ReportContentWithCharts-DHdD1BaH.js

@@ -1,1322 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useLayoutEffect } from "react";
-import { c as styles$1, R as ReportContent, p as parseChartFenceBody } from "./ReportContent-B7okwVW0.js";
-import { Chart, CategoryScale, LinearScale, PointElement, LineElement, BarElement, ArcElement, LineController, BarController, PieController, DoughnutController, Filler, Legend, Tooltip } from "chart.js";
-const defaultChartLabels = {
-  tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
-  done: "Done",
-  cancel: "Cancel",
-  configLabel: "Chart config (JSON)",
-  tableLabel: "Data table (Markdown)",
-  editTitle: "Edit chart"
-};
-const defaultToolbarLabels = {
-  undo: "Undo",
-  redo: "Redo",
-  style: "Style",
-  normalText: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  fontSize: "Font size",
-  fontSizeDefault: "Default",
-  bold: "Bold",
-  italic: "Italic",
-  underline: "Underline",
-  strike: "Strikethrough",
-  code: "Inline code",
-  textColor: "Text color",
-  highlight: "Highlight",
-  colorNone: "None",
-  colorTheme: "THEME",
-  scriptMenu: "Superscript / Subscript",
-  scriptNormal: "Normal",
-  superscript: "Superscript",
-  subscript: "Subscript",
-  link: "Link",
-  align: "Alignment",
-  alignLeft: "Align left",
-  alignCenter: "Align center",
-  alignRight: "Align right",
-  alignJustify: "Justify",
-  indent: "Indent",
-  indentIncrease: "Increase indent",
-  indentDecrease: "Decrease indent",
-  lineHeight: "Line height",
-  lineHeightDefault: "Default",
-  linkPrompt: "Enter URL",
-  linkApply: "Apply link",
-  linkOpen: "Open in new window",
-  linkRemove: "Remove link",
-  linkInvalid: "The editor rejected this address",
-  image: "Image",
-  imageUploadFailed: "Image upload failed",
-  imageAlign: "Image alignment",
-  imageAlignLeft: "Align left",
-  imageAlignCenter: "Align center",
-  imageAlignRight: "Align right",
-  imageCaption: "Caption",
-  imageCaptionPlaceholder: "Add a caption…",
-  importMarkdownFailed: "Markdown import failed",
-  importDocument: "Import",
-  importDocumentHint: "Import a file",
-  importDocumentOther: "Document",
-  importDocumentBusy: "Importing…",
-  importDocumentUploading: (percent) => `Uploading ${percent}%`,
-  importDocumentConverting: "Converting…",
-  importDocumentFailed: "Import failed",
-  blockquote: "Blockquote",
-  details: "Toggle",
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  numberingFormat: "Numbering format",
-  taskList: "Task list",
-  more: "More",
-  search: "Find & replace",
-  codeBlock: "Code block",
-  hr: "Divider",
-  importMarkdown: "Markdown",
-  tableInsert: "Insert table",
-  tableRowMenu: "Row actions",
-  tableColumnMenu: "Column actions",
-  tableClearContent: "Clear content",
-  tableResetCellStyles: "Reset cell styles",
-  tableAppendRow: "Add row",
-  tableAppendColumn: "Add column",
-  tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
-  tableAddColumnBefore: "Add column before",
-  tableAddColumnAfter: "Add column after",
-  tableDeleteColumn: "Delete column",
-  tableAddRowBefore: "Add row before",
-  tableAddRowAfter: "Add row after",
-  tableDeleteRow: "Delete row",
-  tableAddColumnBeforeN: (n) => `Add ${n} columns before`,
-  tableAddColumnAfterN: (n) => `Add ${n} columns after`,
-  tableDeleteColumnN: (n) => `Delete ${n} columns`,
-  tableAddRowBeforeN: (n) => `Add ${n} rows before`,
-  tableAddRowAfterN: (n) => `Add ${n} rows after`,
-  tableDeleteRowN: (n) => `Delete ${n} rows`,
-  tableDeleteTable: "Delete table",
-  inlineMath: "Inline equation",
-  blockMath: "Block equation",
-  mathPlaceholder: "E = mc^2",
-  mathDone: "Done",
-  mathCancel: "Cancel",
-  mathNewInline: "New equation",
-  mathNewBlock: "Add a TeX equation"
-};
-const defaultBlockDragLabels = {
-  dragHandle: "Drag to move",
-  menuLabel: "Block actions",
-  turnInto: "Turn into",
-  paragraph: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  blockquote: "Blockquote",
-  codeBlock: "Code block",
-  copy: "Copy",
-  duplicate: "Duplicate",
-  resetFormatting: "Reset formatting",
-  downloadImage: "Download image",
-  delete: "Delete"
-};
-const defaultSlashMenuLabels = {
-  menuLabel: "Insert block",
-  groupText: "Text",
-  groupList: "Lists",
-  groupAdvanced: "Advanced",
-  normalText: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  blockquote: "Blockquote",
-  details: "Toggle",
-  codeBlock: "Code block",
-  divider: "Divider",
-  table: "Table",
-  inlineMath: "Inline equation",
-  blockMath: "Block equation"
-};
-const defaultShortcutLabels = {
-  panelTitle: "Shortcuts",
-  close: "Close",
-  colFormat: "Format",
-  colShortcut: "Shortcut",
-  colMarkdown: "Markdown",
-  formatGroup: "Formatting",
-  insertGroup: "Insert",
-  editGroup: "Editing",
-  bold: "Bold",
-  italic: "Italic",
-  strike: "Strikethrough",
-  underline: "Underline",
-  inlineCode: "Inline code",
-  highlight: "Highlight",
-  headingLabel: (level) => `Heading ${level}`,
-  paragraph: "Normal text",
-  blockquote: "Blockquote",
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  codeBlock: "Code block",
-  divider: "Divider",
-  undo: "Undo",
-  redo: "Redo",
-  hardBreak: "Hard break",
-  findReplace: "Find & replace",
-  alignLeft: "Align left",
-  alignCenter: "Align center",
-  alignRight: "Align right",
-  alignJustify: "Justify",
-  imageUpload: "Upload image",
-  smartQuote: "Smart quotes",
-  ellipsis: "Ellipsis",
-  emDash: "Em dash",
-  emoji: "Emoji"
-};
-const defaultCharacterCountLabels = {
-  label: "Document statistics",
-  characters: (count) => `${count} ${count === 1 ? "character" : "characters"}`,
-  words: (count) => `${count} ${count === 1 ? "word" : "words"}`
-};
-const defaultEmojiSuggestionLabels = {
-  menuLabel: "Emoji"
-};
-const defaultLinkPopoverLabels = {
-  field: "Enter URL",
-  apply: "Apply link",
-  open: "Open in new window",
-  remove: "Remove link",
-  invalid: "The editor rejected this address"
-};
-const defaultColorPaletteLabels = {
-  none: "None",
-  theme: "THEME"
-};
-const defaultTocLabels = {
-  title: "Contents",
-  expand: "Expand",
-  collapse: "Collapse"
-};
-const defaultCodeBlockLabels = {
-  autoDetect: "Auto-detect",
-  delete: "Delete code block",
-  copy: "Copy code",
-  expand: "Expand code",
-  collapse: "Collapse code",
-  language: "Code language"
-};
-const defaultFindLabels = {
-  find: "Find",
-  replace: "Replace with",
-  next: "Next match",
-  previous: "Previous match",
-  replaceOne: "Replace",
-  replaceAll: "Replace all",
-  close: "Close",
-  caseSensitive: "Match case",
-  wholeWord: "Whole word",
-  useRegex: "Use regular expression",
-  counter: (current, total) => `${current} / ${total}`,
-  invalidRegex: "Invalid pattern",
-  readOnly: "Read-only"
-};
-const defaultImageUploadLabels = {
-  dropzoneClick: "Click to upload",
-  dropzoneRest: " or drag and drop",
-  dropzoneLimits: (limit, maxSizeMb) => {
-    const count = `Maximum ${limit} file${limit === 1 ? "" : "s"}`;
-    return maxSizeMb == null ? `${count}.` : `${count}, ${maxSizeMb}MB each.`;
-  },
-  uploadingCount: (count) => `Uploading ${count} files`,
-  clearAll: "Clear all",
-  remove: "Remove",
-  failed: "Upload failed",
-  fallbackAlt: "image"
-};
-const zh = {
-  toolbar: {
-    undo: "撤销",
-    redo: "重做",
-    style: "样式",
-    normalText: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    fontSize: "字号",
-    fontSizeDefault: "默认",
-    bold: "加粗",
-    italic: "斜体",
-    underline: "下划线",
-    strike: "删除线",
-    code: "行内代码",
-    textColor: "文字颜色",
-    highlight: "高亮",
-    colorNone: "无",
-    colorTheme: "主题色",
-    scriptMenu: "上标 / 下标",
-    scriptNormal: "常规",
-    superscript: "上标",
-    subscript: "下标",
-    link: "链接",
-    align: "对齐",
-    alignLeft: "左对齐",
-    alignCenter: "居中",
-    alignRight: "右对齐",
-    alignJustify: "两端对齐",
-    indent: "缩进",
-    indentIncrease: "增加缩进",
-    indentDecrease: "减少缩进",
-    lineHeight: "行高",
-    lineHeightDefault: "默认",
-    linkPrompt: "输入链接地址",
-    linkApply: "应用链接",
-    linkOpen: "在新窗口打开",
-    linkRemove: "移除链接",
-    linkInvalid: "编辑器不接受这个地址",
-    image: "图片",
-    imageUploadFailed: "图片上传失败",
-    imageAlign: "图片对齐",
-    imageAlignLeft: "左对齐",
-    imageAlignCenter: "居中",
-    imageAlignRight: "右对齐",
-    imageCaption: "图片描述",
-    imageCaptionPlaceholder: "添加描述…",
-    importMarkdownFailed: "Markdown 导入失败",
-    importDocument: "导入",
-    importDocumentHint: "导入文件",
-    importDocumentOther: "文档",
-    importDocumentBusy: "正在导入…",
-    importDocumentUploading: (percent) => `上传中 ${percent}%`,
-    importDocumentConverting: "正在转换…",
-    importDocumentFailed: "导入失败",
-    blockquote: "引用",
-    details: "折叠块",
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    numberingFormat: "编号格式",
-    taskList: "任务列表",
-    more: "更多",
-    search: "查找替换",
-    codeBlock: "代码块",
-    hr: "分隔线",
-    importMarkdown: "Markdown",
-    tableInsert: "插入表格",
-    tableRowMenu: "行操作",
-    tableColumnMenu: "列操作",
-    tableClearContent: "清空内容",
-    tableResetCellStyles: "重置单元格样式",
-    tableAppendRow: "添加行",
-    tableAppendColumn: "添加列",
-    tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
-    tableAddColumnBefore: "在左侧插入列",
-    tableAddColumnAfter: "在右侧插入列",
-    tableDeleteColumn: "删除列",
-    tableAddRowBefore: "在上方插入行",
-    tableAddRowAfter: "在下方插入行",
-    tableDeleteRow: "删除行",
-    tableAddColumnBeforeN: (n) => `在左侧插入 ${n} 列`,
-    tableAddColumnAfterN: (n) => `在右侧插入 ${n} 列`,
-    tableDeleteColumnN: (n) => `删除 ${n} 列`,
-    tableAddRowBeforeN: (n) => `在上方插入 ${n} 行`,
-    tableAddRowAfterN: (n) => `在下方插入 ${n} 行`,
-    tableDeleteRowN: (n) => `删除 ${n} 行`,
-    tableDeleteTable: "删除表格",
-    inlineMath: "行内公式",
-    blockMath: "块级公式",
-    mathPlaceholder: "E = mc^2",
-    mathDone: "完成",
-    mathCancel: "取消",
-    mathNewInline: "新建公式",
-    mathNewBlock: "插入 TeX 公式"
-  },
-  slashMenu: {
-    menuLabel: "插入块",
-    groupText: "文本",
-    groupList: "列表",
-    groupAdvanced: "高级",
-    normalText: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    blockquote: "引用",
-    details: "折叠块",
-    codeBlock: "代码块",
-    divider: "分隔线",
-    table: "表格",
-    inlineMath: "行内公式",
-    blockMath: "块级公式"
-  },
-  chart: {
-    tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
-    done: "完成",
-    cancel: "取消",
-    configLabel: "图表配置（JSON）",
-    tableLabel: "数据表（Markdown）",
-    editTitle: "编辑图表"
-  },
-  blockDrag: {
-    dragHandle: "拖动以移动",
-    menuLabel: "块操作",
-    turnInto: "转换成",
-    paragraph: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    blockquote: "引用",
-    codeBlock: "代码块",
-    copy: "复制",
-    duplicate: "再制一份",
-    resetFormatting: "清除格式",
-    downloadImage: "下载图片",
-    delete: "删除"
-  },
-  shortcut: {
-    panelTitle: "快捷键",
-    close: "关闭",
-    colFormat: "格式",
-    colShortcut: "快捷键",
-    colMarkdown: "Markdown",
-    formatGroup: "格式",
-    insertGroup: "插入",
-    editGroup: "编辑",
-    bold: "加粗",
-    italic: "斜体",
-    strike: "删除线",
-    underline: "下划线",
-    inlineCode: "行内代码",
-    highlight: "高亮",
-    headingLabel: (level) => `标题 ${level}`,
-    paragraph: "正文",
-    blockquote: "引用",
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    codeBlock: "代码块",
-    divider: "分隔线",
-    undo: "撤销",
-    redo: "重做",
-    hardBreak: "硬换行",
-    findReplace: "查找替换",
-    alignLeft: "左对齐",
-    alignCenter: "居中",
-    alignRight: "右对齐",
-    alignJustify: "两端对齐",
-    imageUpload: "上传图片",
-    smartQuote: "智能引号",
-    ellipsis: "省略号",
-    emDash: "破折号",
-    emoji: "表情"
-  },
-  characterCount: {
-    label: "字数统计",
-    characters: (count) => `${count} 字符`,
-    words: (count) => `${count} 词`
-  },
-  emoji: {
-    menuLabel: "表情"
-  },
-  link: {
-    field: "输入链接地址",
-    apply: "应用链接",
-    open: "在新窗口打开",
-    remove: "移除链接",
-    invalid: "编辑器不接受这个地址"
-  },
-  palette: {
-    none: "无",
-    theme: "主题色"
-  },
-  toc: {
-    title: "目录",
-    expand: "展开",
-    collapse: "收起"
-  },
-  codeBlock: {
-    autoDetect: "自动识别",
-    delete: "删除代码块",
-    copy: "复制代码",
-    expand: "展开代码",
-    collapse: "收起代码",
-    language: "代码语言"
-  },
-  find: {
-    find: "查找",
-    replace: "替换为",
-    next: "下一处",
-    previous: "上一处",
-    replaceOne: "替换",
-    replaceAll: "全部替换",
-    close: "关闭",
-    caseSensitive: "区分大小写",
-    wholeWord: "全词匹配",
-    useRegex: "正则表达式",
-    counter: (current, total) => `${current} / ${total}`,
-    invalidRegex: "正则无效",
-    readOnly: "只读"
-  },
-  imageUpload: {
-    dropzoneClick: "点击上传",
-    dropzoneRest: "，或拖拽到此处",
-    dropzoneLimits: (limit, maxSizeMb) => {
-      const count = `最多 ${limit} 个文件`;
-      return maxSizeMb == null ? `${count}。` : `${count}，每个 ${maxSizeMb}MB。`;
-    },
-    uploadingCount: (count) => `正在上传 ${count} 个文件`,
-    clearAll: "全部清除",
-    remove: "移除",
-    failed: "上传失败",
-    fallbackAlt: "图片"
-  }
-};
-const en = {
-  toolbar: defaultToolbarLabels,
-  slashMenu: defaultSlashMenuLabels,
-  chart: defaultChartLabels,
-  blockDrag: defaultBlockDragLabels,
-  shortcut: defaultShortcutLabels,
-  characterCount: defaultCharacterCountLabels,
-  emoji: defaultEmojiSuggestionLabels,
-  link: defaultLinkPopoverLabels,
-  palette: defaultColorPaletteLabels,
-  toc: defaultTocLabels,
-  codeBlock: defaultCodeBlockLabels,
-  find: defaultFindLabels,
-  imageUpload: defaultImageUploadLabels
-};
-const bundles = { en, zh };
-function getLocaleBundle(locale = "en") {
-  return bundles[locale] ?? en;
-}
-function toNumber(value) {
-  if (typeof value === "number" && !Number.isNaN(value)) return value;
-  if (typeof value === "string") {
-    const n = Number(value.replace(/,/g, ""));
-    if (!Number.isNaN(n)) return n;
-  }
-  return 0;
-}
-function mapChartDataItems(config, dataSource) {
-  const xKey = config.x;
-  const yKey = config.y;
-  const legendKey = config.colorLegend;
-  const groupKey = config.groupBy;
-  let rows = [...dataSource];
-  const sortKey = config.sortBy;
-  if (sortKey) {
-    rows.sort((a, b) => {
-      const av = a[sortKey];
-      const bv = b[sortKey];
-      if (typeof av === "number" && typeof bv === "number") return av - bv;
-      return String(av ?? "").localeCompare(String(bv ?? ""), void 0, {
-        numeric: true
-      });
-    });
-  }
-  return rows.map((row) => {
-    const point = {
-      x: row[xKey],
-      y: toNumber(row[yKey])
-    };
-    if (legendKey) point.type = String(row[legendKey] ?? "");
-    if (groupKey) point.category = String(row[groupKey] ?? "");
-    return point;
-  });
-}
-function buildChartJsData(config, payload) {
-  const points = mapChartDataItems(config, payload.dataSource);
-  const type = config.chartType;
-  const isCartesian = !["pie", "donut"].includes(type);
-  if (!isCartesian) {
-    return {
-      labels: points.map((p) => String(p.x)),
-      datasets: [
-        {
-          label: config.title || config.y || "value",
-          data: points.map((p) => p.y)
-        }
-      ],
-      isCartesian: false
-    };
-  }
-  const seriesKeys = /* @__PURE__ */ new Set();
-  for (const p of points) {
-    seriesKeys.add(p.type || config.title || config.y || "series");
-  }
-  const seriesList = [...seriesKeys];
-  const labelSet = [];
-  for (const p of points) {
-    const lab = String(p.x);
-    if (!labelSet.includes(lab)) labelSet.push(lab);
-  }
-  const datasets = seriesList.map((series) => ({
-    label: series,
-    data: labelSet.map((lab) => {
-      const hit = points.find(
-        (p) => String(p.x) === lab && (p.type || config.title || config.y || "series") === series
-      );
-      return hit ? hit.y : 0;
-    })
-  }));
-  return { labels: labelSet, datasets, isCartesian: true };
-}
-const DEFAULT_PALETTE = [
-  "#3b82f6",
-  "#10b981",
-  "#f59e0b",
-  "#ef4444",
-  "#8b5cf6",
-  "#06b6d4",
-  "#ec4899",
-  "#84cc16"
-];
-function readCssVar(el, name, fallback) {
-  if (!el || typeof getComputedStyle === "undefined") return fallback;
-  const v = getComputedStyle(el).getPropertyValue(name).trim();
-  return v || fallback;
-}
-function resolveChartTheme(host, override) {
-  const base = {
-    backgroundColor: readCssVar(host, "--tmr-bg", "#ffffff"),
-    textColor: readCssVar(host, "--tmr-fg", "#1f2937"),
-    gridColor: readCssVar(host, "--tmr-border", "#e5e7eb"),
-    borderColor: readCssVar(host, "--tmr-border", "#e5e7eb"),
-    fontFamily: readCssVar(
-      host,
-      "--tmr-font",
-      "ui-sans-serif, system-ui, sans-serif"
-    ),
-    palette: DEFAULT_PALETTE
-  };
-  if (!override) return base;
-  return {
-    backgroundColor: override.backgroundColor ?? base.backgroundColor,
-    textColor: override.textColor ?? base.textColor,
-    gridColor: override.gridColor ?? base.gridColor,
-    borderColor: override.borderColor ?? base.borderColor,
-    fontFamily: override.fontFamily ?? base.fontFamily,
-    palette: override.palette && override.palette.length > 0 ? override.palette : base.palette
-  };
-}
-let registered = false;
-function ensureRegister() {
-  if (registered) return;
-  if (typeof window === "undefined") return;
-  Chart.register(
-    CategoryScale,
-    LinearScale,
-    PointElement,
-    LineElement,
-    BarElement,
-    ArcElement,
-    LineController,
-    BarController,
-    PieController,
-    DoughnutController,
-    Filler,
-    Legend,
-    Tooltip
-  );
-  registered = true;
-}
-function toChartJsType(chartType) {
-  switch (chartType) {
-    case "bar":
-      return "bar";
-    case "column":
-      return "bar";
-    case "line":
-      return "line";
-    case "area":
-      return "line";
-    case "pie":
-      return "pie";
-    case "donut":
-      return "doughnut";
-    default:
-      return "bar";
-  }
-}
-function renderOrUpdateChart({
-  canvas,
-  config,
-  payload,
-  theme,
-  chart
-}) {
-  if (typeof window === "undefined") return null;
-  ensureRegister();
-  const host = canvas.parentElement;
-  const colors = resolveChartTheme(host, theme);
-  const built = buildChartJsData(config, payload);
-  const jsType = toChartJsType(config.chartType);
-  const isBarHorizontal = config.chartType === "bar";
-  const isArea = config.chartType === "area";
-  const datasets = built.datasets.map((ds, i) => {
-    const color = colors.palette[i % colors.palette.length];
-    if (!built.isCartesian) {
-      return {
-        ...ds,
-        backgroundColor: built.labels.map(
-          (_, j) => colors.palette[j % colors.palette.length]
-        ),
-        borderWidth: 0
-      };
-    }
-    return {
-      ...ds,
-      backgroundColor: isArea ? `${color}33` : color,
-      borderColor: color,
-      borderWidth: 2,
-      fill: isArea,
-      tension: 0.25
-    };
-  });
-  const configuration = {
-    type: jsType,
-    data: {
-      labels: built.labels,
-      datasets
-    },
-    options: {
-      indexAxis: isBarHorizontal ? "y" : "x",
-      responsive: true,
-      maintainAspectRatio: false,
-      plugins: {
-        legend: {
-          display: built.datasets.length > 1 || !built.isCartesian,
-          labels: {
-            color: colors.textColor,
-            font: { family: colors.fontFamily }
-          }
-        },
-        title: { display: false },
-        tooltip: {
-          titleFont: { family: colors.fontFamily },
-          bodyFont: { family: colors.fontFamily }
-        }
-      },
-      scales: built.isCartesian ? {
-        x: {
-          ticks: {
-            color: colors.textColor,
-            font: { family: colors.fontFamily }
-          },
-          grid: { color: colors.gridColor },
-          border: { color: colors.borderColor }
-        },
-        y: {
-          ticks: {
-            color: colors.textColor,
-            font: { family: colors.fontFamily }
-          },
-          grid: { color: colors.gridColor },
-          border: { color: colors.borderColor }
-        }
-      } : void 0
-    }
-  };
-  if (chart) {
-    chart.config.type = jsType;
-    chart.data.labels = configuration.data.labels;
-    chart.data.datasets = configuration.data.datasets;
-    chart.options = configuration.options;
-    chart.update("none");
-    return chart;
-  }
-  return new Chart(canvas, configuration);
-}
-function destroyChart(chart) {
-  chart == null ? void 0 : chart.destroy();
-}
-const anchor = "_anchor_pn514_4";
-const nav = "_nav_pn514_17";
-const navOpen = "_navOpen_pn514_18";
-const list = "_list_pn514_60";
-const barButton = "_barButton_pn514_66";
-const bar = "_bar_pn514_66";
-const barActive = "_barActive_pn514_80";
-const item = "_item_pn514_91";
-const itemActive = "_itemActive_pn514_112";
-const itemText = "_itemText_pn514_119";
-const styles = {
-  anchor,
-  nav,
-  navOpen,
-  list,
-  barButton,
-  bar,
-  barActive,
-  item,
-  itemActive,
-  itemText
-};
-function easeOutCubic(t) {
-  return 1 - (1 - t) * (1 - t) * (1 - t);
-}
-function scrollToTocHeading(headingId, scrollContainer, options) {
-  const el = scrollContainer.querySelector(
-    `[data-toc-id="${CSS.escape(headingId)}"]`
-  );
-  if (!el) return;
-  const startTop = scrollContainer.scrollTop;
-  const rootRect = scrollContainer.getBoundingClientRect();
-  const elRect = el.getBoundingClientRect();
-  const targetTop = startTop + (elRect.top - rootRect.top);
-  if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-    scrollContainer.scrollTop = targetTop;
-    return;
-  }
-  const duration = (options == null ? void 0 : options.duration) ?? 400;
-  const start = performance.now();
-  const animate = () => {
-    const t = Math.min((performance.now() - start) / duration, 1);
-    scrollContainer.scrollTop = startTop + (targetTop - startTop) * easeOutCubic(t);
-    if (t < 1) requestAnimationFrame(animate);
-  };
-  requestAnimationFrame(animate);
-}
-function barWidth(level) {
-  if (level <= 1) return 16;
-  if (level === 2) return 12;
-  if (level === 3) return 8;
-  return 6;
-}
-function findScrollParent(start) {
-  let node = start.parentElement;
-  while (node && node !== document.documentElement) {
-    const style = getComputedStyle(node);
-    const overflowY = style.overflowY;
-    const canScroll = overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
-    if (canScroll && (node.scrollHeight > node.clientHeight + 1 || style.maxHeight !== "none")) {
-      return node;
-    }
-    node = node.parentElement;
-  }
-  return document.scrollingElement ?? document.documentElement;
-}
-function isViewportScroller(node) {
-  return node === document.documentElement || node === document.body || node === document.scrollingElement;
-}
-function EditorToc({ items, editorDom, locale = "en" }) {
-  var _a;
-  const t = getLocaleBundle(locale).toc;
-  const [open, setOpen] = useState(false);
-  const [activeId, setActiveId] = useState(((_a = items[0]) == null ? void 0 : _a.id) ?? "");
-  const [roving, setRoving] = useState(0);
-  const navRef = useRef(null);
-  const itemRefs = useRef([]);
-  const hideTimer = useRef(null);
-  const pinnedId = useRef(null);
-  const pinScroll = useRef(null);
-  const pinTimer = useRef(null);
-  const clearHide = () => {
-    if (hideTimer.current !== null) {
-      window.clearTimeout(hideTimer.current);
-      hideTimer.current = null;
-    }
-  };
-  const show = () => {
-    clearHide();
-    setOpen(true);
-  };
-  const hideSoon = () => {
-    clearHide();
-    hideTimer.current = window.setTimeout(() => {
-      var _a2;
-      hideTimer.current = null;
-      if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
-      setOpen(false);
-    }, 80);
-  };
-  useEffect(
-    () => () => {
-      clearHide();
-      if (pinTimer.current !== null) window.clearTimeout(pinTimer.current);
-    },
-    []
-  );
-  useEffect(() => {
-    const headings = items.map(
-      (item2) => editorDom.querySelector(
-        `[data-toc-id="${CSS.escape(item2.id)}"]`
-      )
-    ).filter((el) => el !== null);
-    if (!headings.length) return;
-    const scrollParent = findScrollParent(editorDom);
-    const viewport = isViewportScroller(scrollParent);
-    const visible = /* @__PURE__ */ new Set();
-    const scrollPos = () => viewport ? window.scrollY : scrollParent.scrollTop;
-    const apply = () => {
-      var _a2;
-      const pos = scrollPos();
-      if (pinnedId.current) {
-        const lockedAt = pinScroll.current;
-        if (lockedAt === null || Math.abs(pos - lockedAt) <= 2) {
-          setActiveId(pinnedId.current);
-          return;
-        }
-        pinnedId.current = null;
-        pinScroll.current = null;
-      }
-      const maxScroll = viewport ? Math.max(
-        0,
-        (((_a2 = document.scrollingElement) == null ? void 0 : _a2.scrollHeight) ?? 0) - window.innerHeight
-      ) : Math.max(0, scrollParent.scrollHeight - scrollParent.clientHeight);
-      if (maxScroll > 1 && pos >= maxScroll - 2) {
-        const rootBottom = viewport ? window.innerHeight : scrollParent.getBoundingClientRect().bottom;
-        let lastInView = null;
-        for (const heading of headings) {
-          if (heading.getBoundingClientRect().top < rootBottom - 8) {
-            lastInView = heading;
-          }
-        }
-        const id2 = (lastInView ?? headings[headings.length - 1]).getAttribute(
-          "data-toc-id"
-        );
-        if (id2) setActiveId(id2);
-        return;
-      }
-      const rootTop = viewport ? 0 : scrollParent.getBoundingClientRect().top;
-      let best = null;
-      let bestTop = Infinity;
-      for (const el of visible) {
-        const top = el.getBoundingClientRect().top;
-        if (top < bestTop) {
-          bestTop = top;
-          best = el;
-        }
-      }
-      if (!best) {
-        let last = null;
-        for (const heading of headings) {
-          if (heading.getBoundingClientRect().top <= rootTop + 12) last = heading;
-        }
-        best = last ?? headings[0];
-      }
-      const id = best.getAttribute("data-toc-id");
-      if (id) setActiveId(id);
-    };
-    const observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (entry.isIntersecting) visible.add(entry.target);
-          else visible.delete(entry.target);
-        }
-        apply();
-      },
-      {
-        root: viewport ? null : scrollParent,
-        rootMargin: "0px 0px -60% 0px",
-        threshold: [0, 1]
-      }
-    );
-    for (const heading of headings) observer.observe(heading);
-    const onScroll = () => apply();
-    const scrollTarget = viewport ? window : scrollParent;
-    scrollTarget.addEventListener("scroll", onScroll, { passive: true });
-    apply();
-    return () => {
-      observer.disconnect();
-      scrollTarget.removeEventListener("scroll", onScroll);
-    };
-  }, [items, editorDom]);
-  useEffect(() => {
-    var _a2;
-    if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
-    const index = items.findIndex((item2) => item2.id === activeId);
-    if (index >= 0) setRoving(index);
-  }, [activeId, items]);
-  useEffect(() => {
-    var _a2, _b;
-    if (!open || !activeId) return;
-    const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    (_b = (_a2 = navRef.current) == null ? void 0 : _a2.querySelector(`[data-toc-item="${CSS.escape(activeId)}"]`)) == null ? void 0 : _b.scrollIntoView({ block: "nearest", behavior: reduce ? "auto" : "smooth" });
-  }, [activeId, open]);
-  const jump = (item2) => {
-    const scroller = findScrollParent(editorDom);
-    pinnedId.current = item2.id;
-    pinScroll.current = null;
-    setActiveId(item2.id);
-    scrollToTocHeading(item2.id, scroller);
-    if (pinTimer.current !== null) window.clearTimeout(pinTimer.current);
-    pinTimer.current = window.setTimeout(() => {
-      pinTimer.current = null;
-      if (pinnedId.current !== item2.id) return;
-      pinScroll.current = isViewportScroller(scroller) ? window.scrollY : scroller.scrollTop;
-    }, 480);
-  };
-  const move = (delta) => {
-    var _a2;
-    const next = Math.min(items.length - 1, Math.max(0, roving + delta));
-    setRoving(next);
-    setOpen(true);
-    (_a2 = itemRefs.current[next]) == null ? void 0 : _a2.focus();
-  };
-  return /* @__PURE__ */ jsx("div", { className: styles.anchor, children: /* @__PURE__ */ jsx(
-    "nav",
-    {
-      ref: navRef,
-      className: open ? styles.navOpen : styles.nav,
-      "aria-label": t.title,
-      "data-editor-toc": "",
-      onMouseEnter: show,
-      onMouseLeave: hideSoon,
-      onFocus: show,
-      onBlur: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) hideSoon();
-      },
-      onKeyDown: (event) => {
-        if (event.key === "ArrowDown") {
-          event.preventDefault();
-          move(1);
-        } else if (event.key === "ArrowUp") {
-          event.preventDefault();
-          move(-1);
-        } else if (event.key === "Escape") {
-          setOpen(false);
-        }
-      },
-      children: /* @__PURE__ */ jsx("ul", { className: styles.list, children: items.map((item2, index) => {
-        const active = item2.id === activeId;
-        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            ref: (node) => {
-              itemRefs.current[index] = node;
-            },
-            "data-toc-item": item2.id,
-            tabIndex: index === roving ? 0 : -1,
-            className: open ? `${styles.item} ${active ? styles.itemActive : ""}` : styles.barButton,
-            style: open ? { paddingLeft: `${(item2.level - 1) * 12 + 10}px` } : void 0,
-            "aria-current": active ? "true" : void 0,
-            "aria-label": item2.text,
-            onClick: () => jump(item2),
-            children: open ? /* @__PURE__ */ jsx("span", { className: styles.itemText, children: item2.text }) : /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: active ? styles.barActive : styles.bar,
-                style: { width: barWidth(item2.level) }
-              }
-            )
-          }
-        ) }, item2.id);
-      }) })
-    }
-  ) });
-}
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
-    const update = () => setIsMobile(mq.matches);
-    update();
-    mq.addEventListener("change", update);
-    return () => mq.removeEventListener("change", update);
-  }, [breakpoint]);
-  return isMobile;
-}
-const HEADING_TAG = /^H([1-6])$/;
-function sameTocItems(a, b) {
-  if (a.length !== b.length) return false;
-  return a.every(
-    (item2, index) => {
-      var _a, _b, _c;
-      return item2.id === ((_a = b[index]) == null ? void 0 : _a.id) && item2.level === ((_b = b[index]) == null ? void 0 : _b.level) && item2.text === ((_c = b[index]) == null ? void 0 : _c.text);
-    }
-  );
-}
-function readTocItems(root) {
-  const nodes = root.querySelectorAll("[data-toc-id]");
-  const items = [];
-  nodes.forEach((el) => {
-    const id = el.getAttribute("data-toc-id");
-    const match = HEADING_TAG.exec(el.tagName);
-    if (!id || !match) return;
-    const text = (el.textContent ?? "").replace(/\s+/g, " ").trim();
-    if (!text) return;
-    items.push({ id, level: Number(match[1]), text });
-  });
-  return items;
-}
-function findCitationRefElement(target, root) {
-  let node = null;
-  if (target instanceof Element) node = target;
-  else if (target instanceof Text) node = target.parentElement;
-  else if (target instanceof Node) node = target.parentElement;
-  if (!(node instanceof Element)) return null;
-  const el = node.closest(".citation-ref");
-  if (!(el instanceof HTMLElement)) return null;
-  if (!root.contains(el)) return null;
-  return el;
-}
-function readCitationAttrs(el) {
-  var _a;
-  return {
-    index: el.getAttribute("data-index") || ((_a = el.textContent) == null ? void 0 : _a.trim()) || "",
-    url: el.getAttribute("data-url"),
-    title: el.getAttribute("data-title")
-  };
-}
-function CitationInteractive({
-  containerRef,
-  onCitationEnter,
-  onCitationLeave
-}) {
-  const enterRef = useRef(onCitationEnter);
-  const leaveRef = useRef(onCitationLeave);
-  enterRef.current = onCitationEnter;
-  leaveRef.current = onCitationLeave;
-  useEffect(() => {
-    const root = containerRef.current;
-    if (!root) return;
-    let currentEl = null;
-    const emitEnter = (el) => {
-      currentEl = el;
-      const attrs = readCitationAttrs(el);
-      enterRef.current({ index: attrs.index, attrs, anchorEl: el });
-    };
-    const emitLeave = () => {
-      if (!currentEl) return;
-      currentEl = null;
-      leaveRef.current();
-    };
-    const ACTIVE_ATTR = "data-tmr-citation-active";
-    const onClick = (e) => {
-      const el = findCitationRefElement(e.target, root);
-      if (el) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (el === currentEl && el.hasAttribute(ACTIVE_ATTR)) {
-          emitLeave();
-          return;
-        }
-        emitEnter(el);
-        return;
-      }
-      emitLeave();
-    };
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") emitLeave();
-    };
-    root.addEventListener("click", onClick, true);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      root.removeEventListener("click", onClick, true);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [containerRef]);
-  return null;
-}
-function ContentOutline({
-  toc = false,
-  locale = "en",
-  watch,
-  children
-}) {
-  const ref = useRef(null);
-  const [items, setItems] = useState([]);
-  const mobile = useIsMobile(768);
-  useLayoutEffect(() => {
-    const el = ref.current;
-    if (!el || !toc) {
-      setItems((prev) => prev.length === 0 ? prev : []);
-      return;
-    }
-    const read = () => {
-      const next = readTocItems(el);
-      setItems((prev) => sameTocItems(prev, next) ? prev : next);
-    };
-    read();
-    const observer = new MutationObserver(read);
-    observer.observe(el, {
-      childList: true,
-      subtree: true,
-      characterData: true
-    });
-    return () => observer.disconnect();
-  }, [toc, watch]);
-  const root = ref.current;
-  const show = toc && !mobile && items.length > 0 && root !== null;
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.editorHost, children: [
-    show && root ? /* @__PURE__ */ jsx(EditorToc, { items, editorDom: root, locale }) : null,
-    /* @__PURE__ */ jsx("div", { ref, className: show ? styles$1.withToc : void 0, children })
-  ] });
-}
-function ReaderReportContent({
-  html,
-  className,
-  toc = false,
-  locale = "en",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(ContentOutline, { toc, locale, watch: html, children: /* @__PURE__ */ jsx(ReportContent, { html, className, ...rest }) });
-}
-function ReportContentInteractive({
-  onCitationEnter,
-  onCitationLeave,
-  className,
-  html,
-  toc = false,
-  locale = "en",
-  ...rest
-}) {
-  const ref = useRef(null);
-  return /* @__PURE__ */ jsxs("div", { ref, className, children: [
-    /* @__PURE__ */ jsx(ReaderReportContent, { html, toc, locale, ...rest }),
-    /* @__PURE__ */ jsx(
-      CitationInteractive,
-      {
-        containerRef: ref,
-        onCitationEnter,
-        onCitationLeave
-      }
-    )
-  ] });
-}
-function hydrateOne(el, theme, registry) {
-  const raw = el.getAttribute("data-chart");
-  const payload = parseChartFenceBody(raw ?? "");
-  if (!(payload == null ? void 0 : payload.config.length)) return;
-  let host = el.querySelector(".tmr-chart-canvas-host");
-  if (!host) {
-    host = document.createElement("div");
-    host.className = "tmr-chart-canvas-host";
-    el.appendChild(host);
-  }
-  host.classList.remove("tmr-chart-skeleton");
-  let canvas = host.querySelector("canvas");
-  if (!canvas) {
-    canvas = document.createElement("canvas");
-    host.innerHTML = "";
-    host.appendChild(canvas);
-  }
-  const config = payload.config[0];
-  const height = config.height ?? 320;
-  host.style.height = `${height}px`;
-  if (payload.config.length > 1 && !el.querySelector(".tmr-chart-tabs")) {
-    const tabs = document.createElement("div");
-    tabs.className = "tmr-chart-tabs";
-    tabs.setAttribute("role", "tablist");
-    payload.config.forEach((c, i) => {
-      var _a;
-      const btn = document.createElement("button");
-      btn.type = "button";
-      btn.className = "tmr-chart-tab";
-      btn.setAttribute("role", "tab");
-      btn.dataset.active = i === 0 ? "true" : "false";
-      btn.textContent = ((_a = c.title) == null ? void 0 : _a.trim()) || `${c.chartType} ${i + 1}`;
-      btn.addEventListener("click", () => {
-        tabs.querySelectorAll(".tmr-chart-tab").forEach((b, j) => {
-          b.dataset.active = j === i ? "true" : "false";
-        });
-        const existing2 = registry.get(el);
-        destroyChart(existing2);
-        const next = renderOrUpdateChart({
-          canvas,
-          config: payload.config[i],
-          payload,
-          theme,
-          chart: null
-        });
-        if (next) registry.set(el, next);
-        const titleEl = el.querySelector(".tmr-chart-title");
-        if (titleEl && payload.config[i].title) {
-          titleEl.textContent = String(payload.config[i].title);
-          titleEl.classList.remove("tmr-chart-title--empty");
-        }
-      });
-      tabs.appendChild(btn);
-    });
-    el.insertBefore(tabs, host);
-  }
-  const existing = registry.get(el);
-  const chart = renderOrUpdateChart({
-    canvas,
-    config,
-    payload,
-    theme,
-    chart: existing ?? null
-  });
-  if (chart) registry.set(el, chart);
-}
-function ChartMount({
-  containerRef,
-  chartTheme,
-  html
-}) {
-  const registryRef = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const registry = registryRef.current;
-    registry.forEach((chart) => destroyChart(chart));
-    registry.clear();
-    container.querySelectorAll('div[data-type="chart"]').forEach((el) => hydrateOne(el, chartTheme, registry));
-    return () => {
-      registry.forEach((chart) => destroyChart(chart));
-      registry.clear();
-    };
-  }, [containerRef, chartTheme, html]);
-  return null;
-}
-function mountChartsInContainer(container, chartTheme) {
-  const registry = /* @__PURE__ */ new Map();
-  container.querySelectorAll('div[data-type="chart"]').forEach((el) => hydrateOne(el, chartTheme, registry));
-  return () => {
-    registry.forEach((c) => destroyChart(c));
-    registry.clear();
-  };
-}
-function ReportContentWithCharts({
-  onCitationEnter,
-  onCitationLeave,
-  chartTheme,
-  className,
-  html,
-  toc = false,
-  locale = "en",
-  ...rest
-}) {
-  const ref = useRef(null);
-  return /* @__PURE__ */ jsxs("div", { ref, className, children: [
-    /* @__PURE__ */ jsx(ReaderReportContent, { html, toc, locale, ...rest }),
-    /* @__PURE__ */ jsx(
-      ChartMount,
-      {
-        containerRef: ref,
-        chartTheme,
-        html
-      }
-    ),
-    onCitationEnter && onCitationLeave ? /* @__PURE__ */ jsx(
-      CitationInteractive,
-      {
-        containerRef: ref,
-        onCitationEnter,
-        onCitationLeave
-      }
-    ) : null
-  ] });
-}
-export {
-  ChartMount as C,
-  EditorToc as E,
-  ReaderReportContent as R,
-  CitationInteractive as a,
-  ReportContentInteractive as b,
-  ReportContentWithCharts as c,
-  renderOrUpdateChart as d,
-  destroyChart as e,
-  findCitationRefElement as f,
-  getLocaleBundle as g,
-  sameTocItems as h,
-  mountChartsInContainer as m,
-  readCitationAttrs as r,
-  scrollToTocHeading as s,
-  useIsMobile as u
-};
-//# sourceMappingURL=ReportContentWithCharts-DHdD1BaH.js.map