tiptap-markdown-react 1.2.0 → 1.3.0

package/dist/ReportContentWithCharts-B-K-EiAG.js

@@ -0,0 +1,2164 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useLayoutEffect } from "react";
+import { l as normalizeImageCrop, m as cropImageBox, o as styles$2, R as ReportContent, p as parseChartFenceBody } from "./ReportContent-Cb67MCs9.js";
+import { Chart, CategoryScale, LinearScale, PointElement, LineElement, BarElement, ArcElement, LineController, BarController, PieController, DoughnutController, Filler, Legend, Tooltip } from "chart.js";
+import { createPortal } from "react-dom";
+function Svg({ size = "1em", children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...rest,
+      children
+    }
+  );
+}
+const BoldIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+] });
+const ItalicIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "19", x2: "10", y1: "4", y2: "4" }),
+  /* @__PURE__ */ jsx("line", { x1: "14", x2: "5", y1: "20", y2: "20" }),
+  /* @__PURE__ */ jsx("line", { x1: "15", x2: "9", y1: "4", y2: "20" })
+] });
+const UnderlineIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "20", y2: "20" })
+] });
+const StrikethroughIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" })
+] });
+const CodeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("polyline", { points: "16 18 22 12 16 6" }),
+  /* @__PURE__ */ jsx("polyline", { points: "8 6 2 12 8 18" })
+] });
+const LinkIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+] });
+const EraserIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
+  /* @__PURE__ */ jsx("path", { d: "M22 21H7" }),
+  /* @__PURE__ */ jsx("path", { d: "m5 11 9 9" })
+] });
+const RotateCcwIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+] });
+const ExternalLinkIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+] });
+const ImageIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+] });
+const BlockSvg = ({ size = "1em", children, ...rest }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none",
+    "aria-hidden": "true",
+    focusable: "false",
+    ...rest,
+    children
+  }
+);
+const AlignLeftIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "8.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "19", width: "12", height: "2.4", rx: "1.2" })
+] });
+const AlignCenterIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "6", y: "8.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "6", y: "19", width: "12", height: "2.4", rx: "1.2" })
+] });
+const AlignRightIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "8.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "19", width: "12", height: "2.4", rx: "1.2" })
+] });
+const AlignJustifyIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "8.6", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "19", width: "18", height: "2.4", rx: "1.2" })
+] });
+const IndentIncreaseIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 6.6 8.5 10.8 3 15 Z" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "3.6", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "10.8", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "18", width: "10.5", height: "2.4", rx: "1.2" })
+] });
+const IndentDecreaseIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M8.5 6.6 3 10.8 8.5 15 Z" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "3.6", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "10.8", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "18", width: "10.5", height: "2.4", rx: "1.2" })
+] });
+const LineHeightIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "1.8", y: "4.4", width: "2.4", height: "15.2", rx: "1.2" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 2.4 5.4 5.8 H0.6 Z" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 21.6 0.6 18.2 H5.4 Z" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "5.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "16", width: "12", height: "2.4", rx: "1.2" })
+] });
+const CaptionsIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "14", x: "3", y: "5", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 15h4" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 15h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 11h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 11h4" })
+] });
+const CropIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 2v14a2 2 0 0 0 2 2h14" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 22V8a2 2 0 0 0-2-2H2" })
+] });
+const ImportIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
+  /* @__PURE__ */ jsx("path", { d: "m8 11 4 4 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4" })
+] });
+const ListUnorderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
+] });
+const ListOrderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "18", y2: "18" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 6h1v4" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 10h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+] });
+const DetailsIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m9 7 4 5-4 5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 7h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 12h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 17h5" })
+] });
+const ListChecksIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m3 17 2 2 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 2 2 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 6h8" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 12h8" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 18h8" })
+] });
+const UndoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M9 14 4 9l5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5 5.5 5.5 0 0 1-5.5 5.5H11" })
+] });
+const RedoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m15 14 5-5-5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5 5.5 5.5 0 0 0 9.5 20H13" })
+] });
+const ChevronDownIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+const CheckIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+const TrashIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "10", y1: "11", y2: "17" }),
+  /* @__PURE__ */ jsx("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
+] });
+const LockIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+] });
+const MenuIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+] });
+const SearchIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+] });
+const XIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+  /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+] });
+const ChevronLeftIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) });
+const ChevronRightIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
+const ZoomInIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" }),
+  /* @__PURE__ */ jsx("path", { d: "M11 8v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 11h6" })
+] });
+const ZoomOutIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 11h6" })
+] });
+const RotateCwIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })
+] });
+const FitIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m15 15 6 6" }),
+  /* @__PURE__ */ jsx("path", { d: "m15 9 6-6" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 16v5h-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 8V3h-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 16v5h5" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 21 6-6" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 8V3h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 9 3 3" })
+] });
+const ExpandIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 3-7 7" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 21H3v-6" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 21 7-7" })
+] });
+const ChevronUpIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }) });
+const ReplaceIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 4a1 1 0 0 1 1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 10a1 1 0 0 1-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 4a1 1 0 0 0-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 9a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 3 3 3-3" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 10V5a2 2 0 0 1 2-2h2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" })
+] });
+const ReplaceAllIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 4a1 1 0 0 1 1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 10a1 1 0 0 1-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 4a1 1 0 0 0-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 9a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 3 3 3-3" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 10V5a2 2 0 0 1 2-2h2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" })
+] });
+const ColumnBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "11", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M5 9v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M2 12h6" })
+] });
+const ColumnAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "11", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 9v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M16 12h6" })
+] });
+const ColumnDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "m8 9 8 6" }),
+  /* @__PURE__ */ jsx("path", { d: "m16 9-8 6" })
+] });
+const RowBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "10", width: "16", height: "11", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 14h16" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 5h6" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 2v6" })
+] });
+const RowAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "3", width: "16", height: "11", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 10h16" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 19h6" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 16v6" })
+] });
+const RowDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 12h16" }),
+  /* @__PURE__ */ jsx("path", { d: "m9 8 6 8" }),
+  /* @__PURE__ */ jsx("path", { d: "m15 8-6 8" })
+] });
+const TableDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 9h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "m7 2 10 20" })
+] });
+const CopyIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+] });
+const ChevronsUpDownIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })
+] });
+const GripIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, fill: "currentColor", strokeWidth: 0, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "6", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "6", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "12", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "12", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "18", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "18", r: "1.25" })
+] });
+const DownloadIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+  /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+] });
+const KeyboardIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 16h10" })
+] });
+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…",
+  imageCrop: "Crop",
+  imageCropApply: "Apply",
+  imageCropCancel: "Cancel",
+  imageCropReset: "Reset crop",
+  imagePreview: "Preview",
+  imagePreviewClose: "Close",
+  imagePreviewPrev: "Previous image",
+  imagePreviewNext: "Next image",
+  imagePreviewZoomOut: "Zoom out",
+  imagePreviewZoomIn: "Zoom in",
+  imagePreviewFit: "Fit",
+  imagePreviewRotate: "Rotate",
+  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: (count2) => `${count2} ${count2 === 1 ? "character" : "characters"}`,
+  words: (count2) => `${count2} ${count2 === 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 count2 = `Maximum ${limit} file${limit === 1 ? "" : "s"}`;
+    return maxSizeMb == null ? `${count2}.` : `${count2}, ${maxSizeMb}MB each.`;
+  },
+  uploadingCount: (count2) => `Uploading ${count2} 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: "添加描述…",
+    imageCrop: "图片剪裁",
+    imageCropApply: "应用",
+    imageCropCancel: "取消",
+    imageCropReset: "重置剪裁",
+    imagePreview: "图片预览",
+    imagePreviewClose: "关闭",
+    imagePreviewPrev: "上一张",
+    imagePreviewNext: "下一张",
+    imagePreviewZoomOut: "缩小",
+    imagePreviewZoomIn: "放大",
+    imagePreviewFit: "自适应",
+    imagePreviewRotate: "旋转",
+    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: (count2) => `${count2} 字符`,
+    words: (count2) => `${count2} 词`
+  },
+  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 count2 = `最多 ${limit} 个文件`;
+      return maxSizeMb == null ? `${count2}。` : `${count2}，每个 ${maxSizeMb}MB。`;
+    },
+    uploadingCount: (count2) => `正在上传 ${count2} 个文件`,
+    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;
+}
+const IMAGE_PREVIEW_EVENT = "tmr-image-preview";
+const ZOOM_STEP = 1.25;
+const ZOOM_MIN = 0.25;
+const ZOOM_MAX = 8;
+const PAD_X = 48;
+const PAD_Y = 88;
+function requestImagePreview(img) {
+  img.dispatchEvent(
+    new CustomEvent(IMAGE_PREVIEW_EVENT, { bubbles: true, detail: { img } })
+  );
+}
+function listPreviewImages(root2) {
+  return [...root2.querySelectorAll("img")].filter((node) => {
+    if (!(node instanceof HTMLImageElement)) return false;
+    if (!node.getAttribute("src")) return false;
+    if (node.closest("[data-image-lightbox]")) return false;
+    return true;
+  });
+}
+function toPreviewImage(img) {
+  return {
+    src: img.getAttribute("src") ?? "",
+    alt: img.getAttribute("alt") ?? "",
+    crop: normalizeImageCrop(img.getAttribute("data-crop"))
+  };
+}
+function previewImageFromTarget(target) {
+  if (!(target instanceof Element)) return null;
+  if (target.closest("[data-image-lightbox], [data-resize-handle], [data-image-cropping]")) {
+    return null;
+  }
+  const frame2 = target.closest(".tmr-image-crop");
+  const node = frame2 ? frame2.querySelector("img") : target.closest("img");
+  if (!(node instanceof HTMLImageElement)) return null;
+  if (!node.getAttribute("src")) return null;
+  if (node.closest("[data-image-lightbox]")) return null;
+  return node;
+}
+function previewPixelSize(naturalWidth, naturalHeight, crop) {
+  if (naturalWidth <= 0 || naturalHeight <= 0) return { width: 0, height: 0 };
+  if (!crop) return { width: naturalWidth, height: naturalHeight };
+  return { width: naturalWidth * crop.w, height: naturalHeight * crop.h };
+}
+function fitPreviewBox(input) {
+  const { imageWidth, imageHeight } = input;
+  if (imageWidth <= 0 || imageHeight <= 0) return null;
+  const quarter = (input.rotation % 360 + 360) % 360;
+  const swapped = quarter === 90 || quarter === 270;
+  const screenW = swapped ? imageHeight : imageWidth;
+  const screenH = swapped ? imageWidth : imageHeight;
+  const availW = Math.max(64, input.viewportWidth - PAD_X * 2);
+  const availH = Math.max(64, input.viewportHeight - PAD_Y * 2);
+  const fitScale = Math.min(availW / screenW, availH / screenH);
+  if (!Number.isFinite(fitScale) || fitScale <= 0) return null;
+  return {
+    width: imageWidth * fitScale,
+    height: imageHeight * fitScale,
+    actualZoom: 1 / fitScale
+  };
+}
+function nextPreviewZoom(action, zoom, actualZoom) {
+  if (action === "fit") return 1;
+  const max = Math.max(ZOOM_MAX, actualZoom);
+  const min = Math.min(ZOOM_MIN, actualZoom);
+  const next = action === "in" ? zoom * ZOOM_STEP : zoom / ZOOM_STEP;
+  return Math.min(max, Math.max(min, next));
+}
+const root = "_root_21634_3";
+const backdrop = "_backdrop_21634_13";
+const stage = "_stage_21634_21";
+const frame = "_frame_21634_31";
+const close = "_close_21634_50";
+const bar$1 = "_bar_21634_72";
+const tool = "_tool_21634_88";
+const count = "_count_21634_118";
+const styles$1 = {
+  root,
+  backdrop,
+  stage,
+  frame,
+  close,
+  bar: bar$1,
+  tool,
+  count
+};
+function ImagePreviewHost({
+  children,
+  locale = "en",
+  activate = "click"
+}) {
+  const ref = useRef(null);
+  const [session, setSession] = useState(
+    null
+  );
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const openFrom = (img) => {
+      if (!el.contains(img)) return;
+      const nodes = listPreviewImages(el);
+      const index = nodes.indexOf(img);
+      if (index < 0) return;
+      setSession({ images: nodes.map(toPreviewImage), index });
+    };
+    const onActivate = (event) => {
+      const img = previewImageFromTarget(event.target);
+      if (!img) return;
+      event.preventDefault();
+      openFrom(img);
+    };
+    const onRequest = (event) => {
+      var _a;
+      const img = (_a = event.detail) == null ? void 0 : _a.img;
+      if (!(img instanceof HTMLImageElement)) return;
+      openFrom(img);
+    };
+    const eventName = activate === "dblclick" ? "dblclick" : "click";
+    el.addEventListener(eventName, onActivate);
+    el.addEventListener(IMAGE_PREVIEW_EVENT, onRequest);
+    return () => {
+      el.removeEventListener(eventName, onActivate);
+      el.removeEventListener(IMAGE_PREVIEW_EVENT, onRequest);
+    };
+  }, [activate]);
+  const labels = getLocaleBundle(locale).toolbar;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: styles$1.root,
+      "data-image-preview": activate === "click" ? "click" : void 0,
+      children: [
+        children,
+        session && typeof document !== "undefined" ? createPortal(
+          /* @__PURE__ */ jsx(
+            ImageLightbox,
+            {
+              images: session.images,
+              index: session.index,
+              label: labels.imagePreview,
+              closeLabel: labels.imagePreviewClose,
+              prevLabel: labels.imagePreviewPrev,
+              nextLabel: labels.imagePreviewNext,
+              zoomOutLabel: labels.imagePreviewZoomOut,
+              zoomInLabel: labels.imagePreviewZoomIn,
+              fitLabel: labels.imagePreviewFit,
+              rotateLabel: labels.imagePreviewRotate,
+              onIndex: (index) => setSession((current) => current ? { ...current, index } : current),
+              onClose: () => setSession(null)
+            }
+          ),
+          document.body
+        ) : null
+      ]
+    }
+  );
+}
+function ImageLightbox({
+  images,
+  index,
+  label,
+  closeLabel,
+  prevLabel,
+  nextLabel,
+  zoomOutLabel,
+  zoomInLabel,
+  fitLabel,
+  rotateLabel,
+  onIndex,
+  onClose
+}) {
+  const image = images[index];
+  const dialogRef = useRef(null);
+  const imgRef = useRef(null);
+  const [natural, setNatural] = useState(null);
+  const [viewport, setViewport] = useState(() => ({
+    w: typeof window === "undefined" ? 0 : window.innerWidth,
+    h: typeof window === "undefined" ? 0 : window.innerHeight
+  }));
+  const [zoom, setZoom] = useState(1);
+  const [rotation, setRotation] = useState(0);
+  useEffect(() => {
+    setZoom(1);
+    setRotation(0);
+    setNatural(null);
+  }, [index, image == null ? void 0 : image.src]);
+  useEffect(() => {
+    const node = imgRef.current;
+    if (!node) return;
+    const read = () => {
+      if (node.naturalWidth > 0) {
+        setNatural({ w: node.naturalWidth, h: node.naturalHeight });
+      }
+    };
+    read();
+    node.addEventListener("load", read);
+    return () => node.removeEventListener("load", read);
+  }, [index, image == null ? void 0 : image.src]);
+  useEffect(() => {
+    const onResize = () => setViewport({ w: window.innerWidth, h: window.innerHeight });
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, []);
+  useEffect(() => {
+    var _a;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    (_a = dialogRef.current) == null ? void 0 : _a.focus();
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, []);
+  const pixels = image ? previewPixelSize((natural == null ? void 0 : natural.w) ?? 0, (natural == null ? void 0 : natural.h) ?? 0, image.crop) : { width: 0, height: 0 };
+  const fit = fitPreviewBox({
+    viewportWidth: viewport.w,
+    viewportHeight: viewport.h,
+    imageWidth: pixels.width,
+    imageHeight: pixels.height,
+    rotation
+  });
+  const actualZoom = (fit == null ? void 0 : fit.actualZoom) ?? 1;
+  useEffect(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        onClose();
+        return;
+      }
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (index > 0) onIndex(index - 1);
+        return;
+      }
+      if (event.key === "ArrowRight") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (index < images.length - 1) onIndex(index + 1);
+        return;
+      }
+    };
+    document.addEventListener("keydown", onKey, true);
+    return () => document.removeEventListener("keydown", onKey, true);
+  }, [images.length, index, onClose, onIndex]);
+  if (!image) return null;
+  const applyZoom = (action) => {
+    setZoom(nextPreviewZoom(action, zoom, actualZoom));
+  };
+  const cropStyle = image.crop ? cropImageBox(image.crop) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: dialogRef,
+      className: styles$1.backdrop,
+      "data-image-lightbox": "",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": label,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles$1.close,
+            "data-image-preview-action": "close",
+            title: closeLabel,
+            "aria-label": closeLabel,
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(XIcon, { size: 22 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles$1.stage,
+            onClick: (event) => {
+              if (event.target === event.currentTarget) onClose();
+            },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: styles$1.frame,
+                style: {
+                  width: fit ? `${fit.width}px` : void 0,
+                  height: fit ? `${fit.height}px` : void 0,
+                  visibility: fit ? "visible" : "hidden",
+                  transform: `rotate(${rotation}deg) scale(${zoom})`
+                },
+                children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    ref: imgRef,
+                    src: image.src,
+                    alt: image.alt,
+                    draggable: false,
+                    style: cropStyle ? {
+                      position: "absolute",
+                      maxWidth: "none",
+                      width: cropStyle.width,
+                      height: cropStyle.height,
+                      left: cropStyle.left,
+                      top: cropStyle.top
+                    } : void 0
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles$1.bar, role: "toolbar", "aria-label": label, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "prev",
+              title: prevLabel,
+              "aria-label": prevLabel,
+              disabled: index <= 0,
+              onClick: () => onIndex(index - 1),
+              children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: styles$1.count, children: [
+            index + 1,
+            "/",
+            images.length
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "next",
+              title: nextLabel,
+              "aria-label": nextLabel,
+              disabled: index >= images.length - 1,
+              onClick: () => onIndex(index + 1),
+              children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "zoom-out",
+              title: zoomOutLabel,
+              "aria-label": zoomOutLabel,
+              onClick: () => applyZoom("out"),
+              children: /* @__PURE__ */ jsx(ZoomOutIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "zoom-in",
+              title: zoomInLabel,
+              "aria-label": zoomInLabel,
+              onClick: () => applyZoom("in"),
+              children: /* @__PURE__ */ jsx(ZoomInIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "fit",
+              title: fitLabel,
+              "aria-label": fitLabel,
+              "aria-pressed": Math.abs(zoom - 1) < 0.02,
+              onClick: () => applyZoom("fit"),
+              children: /* @__PURE__ */ jsx(FitIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "rotate",
+              title: rotateLabel,
+              "aria-label": rotateLabel,
+              onClick: () => setRotation((current) => (current + 90) % 360),
+              children: /* @__PURE__ */ jsx(RotateCwIcon, { size: 16 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+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_14ilx_4";
+const nav = "_nav_14ilx_18";
+const rail = "_rail_14ilx_42";
+const list = "_list_14ilx_43";
+const card = "_card_14ilx_56";
+const cardOpen = "_cardOpen_14ilx_57";
+const tick = "_tick_14ilx_61";
+const bar = "_bar_14ilx_73";
+const barActive = "_barActive_14ilx_74";
+const cardInner = "_cardInner_14ilx_117";
+const item = "_item_14ilx_123";
+const itemActive = "_itemActive_14ilx_143";
+const itemText = "_itemText_14ilx_150";
+const styles = {
+  anchor,
+  nav,
+  rail,
+  list,
+  card,
+  cardOpen,
+  tick,
+  bar,
+  barActive,
+  cardInner,
+  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 20;
+  if (level === 2) return 14;
+  if (level === 3) return 10;
+  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]);
+  useEffect(() => {
+    var _a2;
+    if (!open || !navRef.current) return;
+    const rail2 = navRef.current.querySelector("[data-toc-rail]");
+    if (!(rail2 == null ? void 0 : rail2.contains(document.activeElement))) return;
+    const index = Math.max(
+      0,
+      items.findIndex((item2) => item2.id === activeId)
+    );
+    (_a2 = itemRefs.current[index]) == null ? void 0 : _a2.focus();
+  }, [open, activeId, items]);
+  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__ */ jsxs(
+    "nav",
+    {
+      ref: navRef,
+      className: 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.rail, "data-toc-rail": "", "aria-hidden": open, inert: open, children: items.map((item2, index) => {
+          const active = item2.id === activeId;
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              tabIndex: !open && index === roving ? 0 : -1,
+              className: styles.tick,
+              style: { "--bar-width": `${barWidth(item2.level)}px` },
+              "aria-current": active ? "true" : void 0,
+              "aria-label": item2.text,
+              onClick: () => jump(item2),
+              children: /* @__PURE__ */ jsx("span", { className: active ? styles.barActive : styles.bar })
+            }
+          ) }, item2.id);
+        }) }),
+        /* @__PURE__ */ jsx("div", { className: open ? styles.cardOpen : styles.card, inert: !open, children: /* @__PURE__ */ jsx("div", { className: styles.cardInner, 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: open && index === roving ? 0 : -1,
+              className: active ? `${styles.item} ${styles.itemActive}` : styles.item,
+              style: {
+                "--toc-indent": `${(item2.level - 1) * 12 + 10}px`
+              },
+              "aria-current": active ? "true" : void 0,
+              "aria-label": item2.text,
+              onClick: () => jump(item2),
+              children: /* @__PURE__ */ jsx("span", { className: styles.itemText, children: item2.text })
+            }
+          ) }, 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(root2) {
+  const nodes = root2.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, root2) {
+  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 (!root2.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 root2 = containerRef.current;
+    if (!root2) 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, root2);
+      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();
+    };
+    root2.addEventListener("click", onClick, true);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      root2.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 root2 = ref.current;
+  const show = toc && !mobile && items.length > 0 && root2 !== null;
+  return /* @__PURE__ */ jsxs("div", { className: styles$2.editorHost, children: [
+    show && root2 ? /* @__PURE__ */ jsx(EditorToc, { items, editorDom: root2, locale }) : null,
+    /* @__PURE__ */ jsx("div", { ref, className: show ? styles$2.withToc : void 0, children })
+  ] });
+}
+function ReaderReportContent({
+  html,
+  className,
+  toc = false,
+  locale = "en",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(ContentOutline, { toc, locale, watch: html, children: /* @__PURE__ */ jsx(ImagePreviewHost, { locale, activate: "click", 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 {
+  LinkIcon as $,
+  AlignRightIcon as A,
+  RotateCcwIcon as B,
+  ChartMount as C,
+  DownloadIcon as D,
+  EraserIcon as E,
+  ExternalLinkIcon as F,
+  GripIcon as G,
+  TableDeleteIcon as H,
+  ImagePreviewHost as I,
+  ColumnBeforeIcon as J,
+  KeyboardIcon as K,
+  ColumnAfterIcon as L,
+  ColumnDeleteIcon as M,
+  RowBeforeIcon as N,
+  RowAfterIcon as O,
+  RowDeleteIcon as P,
+  RedoIcon as Q,
+  ReaderReportContent as R,
+  SearchIcon as S,
+  TrashIcon as T,
+  UndoIcon as U,
+  BoldIcon as V,
+  ItalicIcon as W,
+  XIcon as X,
+  UnderlineIcon as Y,
+  StrikethroughIcon as Z,
+  CodeIcon as _,
+  CitationInteractive as a,
+  ImageIcon as a0,
+  DetailsIcon as a1,
+  AlignJustifyIcon as a2,
+  IndentIncreaseIcon as a3,
+  IndentDecreaseIcon as a4,
+  LineHeightIcon as a5,
+  ListUnorderedIcon as a6,
+  ListOrderedIcon as a7,
+  ListChecksIcon as a8,
+  ChevronLeftIcon as a9,
+  ChevronRightIcon as aa,
+  FitIcon as ab,
+  ImportIcon as ac,
+  LockIcon as ad,
+  MenuIcon as ae,
+  RotateCwIcon as af,
+  ZoomInIcon as ag,
+  ZoomOutIcon as ah,
+  ReportContentInteractive as b,
+  ReportContentWithCharts as c,
+  ChevronUpIcon as d,
+  ChevronDownIcon as e,
+  findCitationRefElement as f,
+  getLocaleBundle as g,
+  ReplaceIcon as h,
+  ReplaceAllIcon as i,
+  renderOrUpdateChart as j,
+  destroyChart as k,
+  CheckIcon as l,
+  mountChartsInContainer as m,
+  CopyIcon as n,
+  ChevronsUpDownIcon as o,
+  EditorToc as p,
+  sameTocItems as q,
+  readCitationAttrs as r,
+  scrollToTocHeading as s,
+  AlignCenterIcon as t,
+  useIsMobile as u,
+  AlignLeftIcon as v,
+  CropIcon as w,
+  CaptionsIcon as x,
+  ExpandIcon as y,
+  requestImagePreview as z
+};
+//# sourceMappingURL=ReportContentWithCharts-B-K-EiAG.js.map