@andares/pdeditor 0.4.0 → 0.5.0

package/dist/react.js

@@ -0,0 +1,937 @@
+var He = Object.defineProperty;
+var Pe = (r, i, s) => i in r ? He(r, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[i] = s;
+var w = (r, i, s) => Pe(r, typeof i != "symbol" ? i + "" : i, s);
+import { forwardRef as Ke, useRef as j, useImperativeHandle as je, useEffect as Oe, createElement as qe, useLayoutEffect as Ue } from "react";
+import { hasLiteralColon as xe, matchKeyValue as ke, findKeyValueSeparator as _e, splitInlineCode as We } from "@andares/pdfoundation";
+import { format as yt, jsonToPdText as xt, pdToJsonText as kt } from "@andares/pdfoundation";
+function Ge(r, i, { signal: s, edges: t } = {}) {
+  let a, e = null;
+  const l = t != null && t.includes("leading"), c = t == null || t.includes("trailing"), d = () => {
+    e !== null && (r.apply(a, e), a = void 0, e = null);
+  }, S = () => {
+    c && d(), $();
+  };
+  let m = null;
+  const L = () => {
+    m != null && clearTimeout(m), m = setTimeout(() => {
+      m = null, S();
+    }, i);
+  }, E = () => {
+    m !== null && (clearTimeout(m), m = null);
+  }, $ = () => {
+    E(), a = void 0, e = null;
+  }, x = () => {
+    d();
+  }, k = function(...f) {
+    if (s != null && s.aborted) return;
+    a = this, e = f;
+    const g = m == null;
+    L(), l && g && d();
+  };
+  return k.schedule = L, k.cancel = $, k.flush = x, s == null || s.addEventListener("abort", $, { once: !0 }), k;
+}
+function re(r, i) {
+  const s = r, t = s.key.toLowerCase(), a = i.split("+"), e = a.slice(0, -1), l = a[a.length - 1];
+  return !(t !== l || e.includes("shift") !== s.shiftKey || e.includes("ctrl") !== s.ctrlKey || e.includes("alt") !== s.altKey || e.includes("meta") !== s.metaKey);
+}
+function Le(r, i) {
+  var a;
+  const t = r.slice(0, i).split(`
+`);
+  return { line: t.length - 1, col: ((a = t[t.length - 1]) == null ? void 0 : a.length) ?? 0 };
+}
+function X(r, i, s) {
+  var a;
+  let t = 0;
+  for (let e = 0; e < i; e++) t += (((a = r[e]) == null ? void 0 : a.length) ?? 0) + 1;
+  return t + s;
+}
+function Se() {
+  return (r, i) => {
+    var S;
+    if (i.type !== "keydown" || !re(i, "enter")) return;
+    const { value: s, selectionStart: t, selectionEnd: a } = r, e = s.slice(0, t).split(`
+`).pop() ?? "", l = ((S = /^\s*/.exec(e)) == null ? void 0 : S[0]) ?? "";
+    i.preventDefault();
+    const c = /^(\s*)-(?=[ ]|$)/.test(e), d = `
+${l}${c ? "- " : ""}`;
+    return {
+      value: s.slice(0, t) + d + s.slice(a),
+      selectionStart: t + d.length,
+      selectionEnd: t + d.length
+    };
+  };
+}
+function Je(r) {
+  return /^(\s*)-(?=[ ]|$)/.test(r);
+}
+function Ee(r, i) {
+  return r.startsWith(i) ? i.length : r.startsWith("	") ? 1 : 0;
+}
+function $e(r) {
+  return (i, s) => {
+    if (s.type !== "keydown") return;
+    const { value: t, selectionStart: a, selectionEnd: e } = i, l = t.split(`
+`), c = t.slice(0, a).split(`
+`).length - 1, d = t.slice(0, e).split(`
+`).length - 1, S = Le(t, a), m = Le(t, e);
+    if (re(s, "shift+tab")) {
+      s.preventDefault();
+      const L = l.map(
+        (f, g) => g >= c && g <= d ? f.slice(Ee(f, r)) : f
+      ), E = L.join(`
+`);
+      if (E === t) return;
+      const $ = (f) => {
+        const g = Ee(l[f.line] ?? "", r);
+        return { line: f.line, col: Math.max(0, f.col - g) };
+      }, x = $(S), k = $(m);
+      return {
+        value: E,
+        selectionStart: X(L, x.line, x.col),
+        selectionEnd: X(L, k.line, k.col)
+      };
+    }
+    if (re(s, "tab")) {
+      s.preventDefault();
+      const L = l.map((x, k) => ({ l: x, i: k })).filter(({ i: x }) => x >= c && x <= d);
+      if (L.length > 0 && L.every(({ l: x }) => Je(x)) || a !== e) {
+        const x = l.map(
+          (_, b) => b >= c && b <= d && _ !== "" ? r + _ : _
+        ), k = x.join(`
+`), f = (_) => {
+          const b = l[_.line] ?? "", D = _.line >= c && _.line <= d;
+          return {
+            line: _.line,
+            col: D && b !== "" ? _.col + r.length : _.col
+          };
+        }, g = f(S), o = f(m);
+        return {
+          value: k,
+          selectionStart: X(x, g.line, g.col),
+          selectionEnd: X(x, o.line, o.col)
+        };
+      }
+      const $ = a + r.length;
+      return {
+        value: t.slice(0, a) + r + t.slice(e),
+        selectionStart: $,
+        selectionEnd: $
+      };
+    }
+  };
+}
+function De(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function P(r) {
+  return r.replace(/\r\n?/g, `
+`);
+}
+function Xe(r, i) {
+  const s = document.createRange();
+  s.selectNodeContents(r), r.replaceChildren(s.createContextualFragment(i));
+}
+function Ye(r, i) {
+  const s = Math.min(r.length, i.length);
+  let t = 0;
+  for (; t < s && r.charCodeAt(t) === i.charCodeAt(t); ) t++;
+  return t;
+}
+const Ze = /* @__PURE__ */ new Set([
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft"
+]);
+function Ce(r) {
+  var t;
+  const i = {
+    top: "0px",
+    right: "0px",
+    bottom: "0px",
+    left: "0px"
+  }, s = (t = r.padding) == null ? void 0 : t.trim();
+  if (s) {
+    const a = s.split(/\s+/);
+    if (a.length === 1) {
+      const e = a[0] ?? "0px";
+      i.top = i.right = i.bottom = i.left = e;
+    } else a.length === 2 ? (i.top = i.bottom = a[0] ?? "0px", i.right = i.left = a[1] ?? "0px") : a.length === 3 ? (i.top = a[0] ?? "0px", i.right = i.left = a[1] ?? "0px", i.bottom = a[2] ?? "0px") : (i.top = a[0] ?? "0px", i.right = a[1] ?? "0px", i.bottom = a[2] ?? "0px", i.left = a[3] ?? "0px");
+  }
+  return r.paddingTop && (i.top = r.paddingTop), r.paddingRight && (i.right = r.paddingRight), r.paddingBottom && (i.bottom = r.paddingBottom), r.paddingLeft && (i.left = r.paddingLeft), i;
+}
+function Qe(r) {
+  return r.startsWith("--") ? r : r.replace(/[A-Z]/g, (i) => `-${i.toLowerCase()}`);
+}
+const Ae = "position:relative;display:block;box-sizing:border-box;width:100%;height:auto;max-height:inherit;overflow:hidden;text-align:start;margin:0;border:0;font-family:var(--pd-font-family,inherit);font-size:var(--pd-font-size,inherit);line-height:var(--pd-line-height,1.5);letter-spacing:var(--pd-letter-spacing,inherit);color:var(--pd-color,inherit);background:var(--pd-background,transparent);tab-size:4;font-variant-ligatures:none;font-kerning:normal;", we = "position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;margin:0;border:0;outline:none;resize:none;background:transparent;-webkit-text-fill-color:transparent;caret-color:var(--pd-caret-color,currentColor);overflow:auto;scrollbar-gutter:stable;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;font:inherit;line-height:inherit;letter-spacing:inherit;tab-size:inherit;z-index:2;", Te = "position:relative;left:auto;top:auto;width:100%;height:auto;box-sizing:border-box;margin:0;border:0;overflow:hidden;scrollbar-gutter:stable;pointer-events:none;user-select:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;font:inherit;line-height:inherit;letter-spacing:inherit;tab-size:inherit;color:inherit;z-index:1;", et = "position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;margin:0;border:0;overflow:hidden;scrollbar-gutter:stable;pointer-events:none;user-select:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;font:inherit;line-height:inherit;letter-spacing:inherit;tab-size:inherit;color:inherit;z-index:0;", Ve = "position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;margin:0;border:0;overflow:hidden;scrollbar-gutter:stable;pointer-events:none;user-select:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;font:inherit;line-height:inherit;letter-spacing:inherit;tab-size:inherit;color:inherit;opacity:var(--pd-placeholder-opacity,0.5);z-index:1;";
+function Y(r, i, s, t, a = {}) {
+  const e = document.createElement(r);
+  e.className = i, e.setAttribute("part", s), e.style.cssText = t;
+  for (const [l, c] of Object.entries(a)) e.setAttribute(l, c);
+  return e;
+}
+function tt(r, i, s) {
+  let t = { ...i }, a = t.language ?? "pd", e = P(t.value ?? ""), l = e, c = !1, d = !1, S = !1, m = t.lineNumbers ?? !1, L = Q(), E = "", $ = !1, x = 0, k = null;
+  const f = Y("div", "pd-root", "root", Ae), g = Y("pre", "pd-highlight", "highlight", Te, {
+    "aria-hidden": "true"
+  }), o = Y("textarea", "pd-input", "input", we), _ = Y("div", "pd-placeholder", "placeholder", Ve, {
+    "aria-hidden": "true"
+  });
+  let b = null;
+  o.spellcheck = t.spellcheck ?? !1, o.setAttribute("autocapitalize", "off"), o.setAttribute("autocorrect", "off"), o.setAttribute("autocomplete", "off"), o.setAttribute("wrap", "soft"), o.value = e, o.readOnly = t.readOnly ?? !1, o.disabled = t.disabled ?? !1, ((n) => {
+    n !== void 0 && n >= 0 ? o.maxLength = n : o.removeAttribute("maxlength");
+  })(t.maxLength), t.dir && (o.dir = t.dir), G(), f.appendChild(g), f.appendChild(_), f.appendChild(o), r.appendChild(f), W(), ee(), V(), z();
+  function p() {
+    c || (g.scrollTop = o.scrollTop, g.scrollLeft = o.scrollLeft, b && (b.scrollTop = o.scrollTop, b.scrollLeft = o.scrollLeft));
+  }
+  function F() {
+    if (typeof getComputedStyle != "function") return 0;
+    const n = getComputedStyle(r), u = Number.parseFloat(n.paddingTop) || 0, h = Number.parseFloat(n.paddingBottom) || 0;
+    return Math.max(0, r.clientHeight - u - h);
+  }
+  function M() {
+    $ ? (g.style.position = "absolute", g.style.left = "0", g.style.top = "0", g.style.height = "100%") : (g.style.position = "relative", g.style.left = "auto", g.style.top = "auto", g.style.height = "auto");
+  }
+  function z() {
+    if (c) return;
+    const n = F(), u = g.scrollHeight;
+    if (!$) {
+      n > 0 && u > n + 1 && ($ = !0, M(), f.style.height = `${n}px`, p());
+      return;
+    }
+    if (n <= 0 || u <= n + 1) {
+      $ = !1, M(), f.style.height = "", o.scrollTop = 0;
+      return;
+    }
+    const h = Number.parseFloat(f.style.height) || 0;
+    Math.abs(h - n) > 0.5 && (f.style.height = `${n}px`), p();
+  }
+  function N() {
+    if (!x) {
+      if (typeof requestAnimationFrame != "function") {
+        z();
+        return;
+      }
+      x = requestAnimationFrame(() => {
+        x = 0, z();
+      });
+    }
+  }
+  typeof ResizeObserver < "u" && (k = new ResizeObserver(() => N()), k.observe(r), k.observe(f));
+  const I = () => p(), U = (n, u, h) => {
+    var v;
+    e = n, l = n, Z({ value: n, selStart: u, selEnd: h }), (v = t.onValueChange) == null || v.call(t, n);
+  }, oe = (n) => {
+    if (c) return;
+    const u = P(o.value);
+    if (d || n != null && n.isComposing) {
+      e = u, V();
+      return;
+    }
+    u !== e && (e = u, V()), u !== l && U(u, o.selectionStart, o.selectionEnd);
+  }, le = () => {
+    d = !0;
+  }, se = () => {
+    d = !1;
+    const n = P(o.value);
+    n !== e && (e = n, V());
+  }, Ie = Math.max(0, t.historyLimit ?? 5), ae = Math.max(0, t.historyDebounce ?? 1e3), A = [
+    { value: e, selStart: -1, selEnd: -1 }
+  ], H = [], ce = () => {
+    A.length > Ie + 1 && A.splice(1, 1);
+  }, ue = (n) => {
+    const u = A[0];
+    if (u !== void 0 && u.selStart < 0 && u.value !== n.value) {
+      const v = Ye(u.value, n.value);
+      u.selStart = v, u.selEnd = v;
+    }
+    const h = A.at(-1);
+    h !== void 0 && h.value === n.value || (H.length = 0, A.push(n), ce());
+  }, K = Ge(ue, ae), Z = (n) => {
+    ae === 0 ? ue(n) : K(n);
+  }, de = (n) => {
+    var v;
+    const u = n.selStart >= 0 ? n.selStart : Math.min(n.value.length, o.selectionStart), h = n.selEnd >= 0 ? n.selEnd : u;
+    e = n.value, l = n.value, o.value = n.value, o.setSelectionRange(
+      Math.max(0, Math.min(u, n.value.length)),
+      Math.max(0, Math.min(h, n.value.length))
+    ), V(), p(), (v = t.onValueChange) == null || v.call(t, n.value);
+  }, he = () => {
+    if (K.flush(), A.length <= 1) return !1;
+    const n = A.pop();
+    n !== void 0 && H.push(n);
+    const u = A.at(-1);
+    return u !== void 0 && de(u), !0;
+  }, pe = () => {
+    if (K.flush(), H.length === 0) return !1;
+    const n = H.pop();
+    return n === void 0 ? !1 : (A.push(n), ce(), de(n), !0);
+  }, fe = (n) => {
+    var T;
+    if (c || n.isComposing || d || o.readOnly || o.disabled) return;
+    const u = n.ctrlKey || n.metaKey, h = n.key.toLowerCase();
+    if (u && (h === "z" || h === "y")) {
+      n.preventDefault(), h === "y" || h === "z" && n.shiftKey ? pe() : he();
+      return;
+    }
+    if (h === "escape") {
+      (t.tabBehavior ?? "indent") === "indent" && (S = !0);
+      return;
+    }
+    if (h === "tab" && (t.tabBehavior ?? "indent") === "focus") return;
+    if (h === "tab" && S) {
+      S = !1;
+      return;
+    }
+    const v = {
+      value: e,
+      selectionStart: o.selectionStart,
+      selectionEnd: o.selectionEnd
+    };
+    let y = v;
+    for (const O of ne) {
+      const R = O(y, n);
+      R && (y = { ...y, ...R });
+    }
+    (y.value !== v.value || y.selectionStart !== v.selectionStart || y.selectionEnd !== v.selectionEnd) && (n.preventDefault(), e = y.value, o.value = y.value, o.setSelectionRange(y.selectionStart, y.selectionEnd), l = y.value, V(), Z({
+      value: y.value,
+      selStart: y.selectionStart,
+      selEnd: y.selectionEnd
+    }), (T = t.onValueChange) == null || T.call(t, y.value), p());
+  }, ge = () => f.classList.add("pd-focused"), be = () => f.classList.remove("pd-focused");
+  o.addEventListener("input", oe), o.addEventListener("compositionstart", le), o.addEventListener("compositionend", se), o.addEventListener("scroll", I, { passive: !0 }), o.addEventListener("keydown", fe), o.addEventListener("focus", ge), o.addEventListener("blur", be);
+  function Q() {
+    return t.highlight ? (n) => {
+      var u;
+      return ((u = t.highlight) == null ? void 0 : u.call(t, n, a)) ?? "";
+    } : s(a);
+  }
+  function V() {
+    if (c) return;
+    const n = t.highlightThreshold ?? 1e5, u = e.length > n ? De(e) : L(e);
+    Xe(g, `${u}<br/>`), m && me(), ee(), k || N();
+  }
+  function me() {
+    if (!m) return;
+    b || (b = document.createElement("pre"), b.className = "pd-lines", b.setAttribute("part", "gutter"), b.setAttribute("aria-hidden", "true"), f.insertBefore(b, _));
+    const n = e.split(`
+`), h = `${String(n.length).length + 1}ch`, v = Ce(t.styles ?? {}), y = `position:absolute;inset-inline-start:${v.left};width:${h};text-align:end;opacity:var(--pd-gutter-opacity,0.35);color:var(--pd-gutter-color,inherit)`, T = document.createDocumentFragment();
+    n.forEach((O, R) => {
+      const J = document.createElement("span");
+      J.className = "pd-ln", J.style.cssText = y, J.textContent = String(R + 1);
+      const ie = document.createElement("span");
+      ie.style.color = "transparent", ie.textContent = O, T.append(J, ie), R < n.length - 1 && T.append(document.createTextNode(`
+`));
+    }), T.append(document.createElement("br")), b.replaceChildren(T), h !== E && (E = h, W(), b.style.cssText = ye(v));
+  }
+  function ee() {
+    const n = t.placeholder ?? "";
+    _.textContent = n, _.style.display = n && e.length === 0 ? "block" : "none", n ? o.setAttribute("aria-placeholder", n) : o.removeAttribute("aria-placeholder");
+  }
+  function ve(n) {
+    const u = E ? `calc(${n.left} + ${E})` : n.left;
+    return `padding:${n.top} ${n.right} ${n.bottom} ${u};`;
+  }
+  function te(n, u) {
+    return u + ve(n);
+  }
+  function ye(n) {
+    return et + ve(n);
+  }
+  function W() {
+    const n = t.styles ?? {}, u = Ce(n), h = Object.entries(n).filter(([v]) => !Ze.has(v)).map(([v, y]) => `${Qe(v)}:${y};`).join("");
+    f.style.cssText = Ae + h, g.style.cssText = te(u, Te), o.style.cssText = te(u, we), _.style.cssText = te(u, Ve), b && (b.style.cssText = ye(u)), M(), t.dir && (f.dir = t.dir, o.dir = t.dir, g.dir = t.dir, _.dir = t.dir, b && (b.dir = t.dir));
+  }
+  function G() {
+    t.ariaLabel ? o.setAttribute("aria-label", t.ariaLabel) : o.removeAttribute("aria-label"), t.ariaLabelledby ? o.setAttribute("aria-labelledby", t.ariaLabelledby) : o.removeAttribute("aria-labelledby"), t.ariaDescribedby ? o.setAttribute("aria-describedby", t.ariaDescribedby) : o.removeAttribute("aria-describedby"), t.readOnly ? o.setAttribute("aria-readonly", "true") : o.removeAttribute("aria-readonly"), t.disabled ? o.setAttribute("aria-disabled", "true") : o.removeAttribute("aria-disabled");
+  }
+  m && me();
+  const ne = [Se(), $e(t.indentUnit ?? "  ")];
+  return {
+    setValue(n, u) {
+      if (c || d) return;
+      let h = P(n);
+      t.maxLength !== void 0 && t.maxLength >= 0 && (h = h.slice(0, t.maxLength)), K.cancel(), e = h, l = h, o.value = h, o.setSelectionRange(h.length, h.length), ((u == null ? void 0 : u.resetHistory) ?? !0) && (A.length = 0, A.push({ value: h, selStart: -1, selEnd: -1 }), H.length = 0), V(), p();
+    },
+    getValue() {
+      return e;
+    },
+    setLanguage(n) {
+      a = n, t = { ...t, language: n }, L = Q(), V();
+    },
+    setPlaceholder(n) {
+      t = { ...t, placeholder: n }, ee();
+    },
+    setReadOnly(n) {
+      t = { ...t, readOnly: n }, o.readOnly = n, G();
+    },
+    setDisabled(n) {
+      t = { ...t, disabled: n }, o.disabled = n, G();
+    },
+    setLineNumbers(n) {
+      m !== n && (m = n, !n && b && (b.remove(), b = null, E = ""), W(), V());
+    },
+    update(n) {
+      c || (t = { ...t, ...n }, n.indentUnit !== void 0 && ne.splice(0, ne.length, Se(), $e(n.indentUnit)), n.language !== void 0 && (a = n.language), ("highlight" in n || n.language !== void 0) && (L = Q()), n.lineNumbers !== void 0 && (m = n.lineNumbers, !m && b && (b.remove(), b = null, E = "")), n.value !== void 0 && (e = P(n.value), l = e, o.value = e, A.length = 0, A.push({ value: e, selStart: -1, selEnd: -1 }), H.length = 0), n.readOnly !== void 0 && (o.readOnly = n.readOnly), n.disabled !== void 0 && (o.disabled = n.disabled), n.maxLength !== void 0 && (n.maxLength >= 0 ? o.maxLength = n.maxLength : o.removeAttribute("maxlength")), n.spellcheck !== void 0 && (o.spellcheck = n.spellcheck), n.dir !== void 0 && (o.dir = n.dir), G(), W(), V(), p());
+    },
+    focus() {
+      o.focus();
+    },
+    blur() {
+      o.blur();
+    },
+    undo() {
+      he();
+    },
+    redo() {
+      pe();
+    },
+    insertText(n) {
+      var O;
+      if (c || o.readOnly || o.disabled) return;
+      const u = o.selectionStart, h = o.selectionEnd;
+      let v = P(n);
+      if (t.maxLength !== void 0 && t.maxLength >= 0) {
+        const R = t.maxLength - (e.length - (h - u));
+        if (R <= 0) return;
+        v.length > R && (v = v.slice(0, R));
+      }
+      const y = e.slice(0, u) + v + e.slice(h);
+      e = y, l = y, o.value = y;
+      const T = u + v.length;
+      o.setSelectionRange(T, T), V(), Z({ value: y, selStart: T, selEnd: T }), (O = t.onValueChange) == null || O.call(t, y), p();
+    },
+    getSelection() {
+      return { start: o.selectionStart, end: o.selectionEnd };
+    },
+    setSelection(n, u = n) {
+      const h = (v) => Math.max(0, Math.min(e.length, Number.isFinite(v) ? v : 0));
+      o.setSelectionRange(h(n), h(u));
+    },
+    destroy() {
+      c || (c = !0, K.cancel(), k == null || k.disconnect(), x && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(x), o.removeEventListener("input", oe), o.removeEventListener("compositionstart", le), o.removeEventListener("compositionend", se), o.removeEventListener("scroll", I), o.removeEventListener("keydown", fe), o.removeEventListener("focus", ge), o.removeEventListener("blur", be), f.remove());
+    },
+    textarea: o,
+    root: f,
+    pre: g
+  };
+}
+function C(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+const B = {
+  key: "pd-key",
+  keyPunct: "pd-key-punct",
+  item: "pd-item",
+  section: "pd-section",
+  sep: "pd-sep",
+  ref: "pd-ref",
+  inlineCode: "pd-inline-code",
+  fence: "pd-fence"
+};
+function nt(r) {
+  return `<span class="${B.inlineCode}">${C(r)}</span>`;
+}
+const Re = /(?:^|\s):([^\s-][^\s]*)(?=\s|$)/g;
+function it(r) {
+  let i = "", s = 0;
+  Re.lastIndex = 0;
+  let t;
+  for (; (t = Re.exec(r)) !== null; ) {
+    const a = /^\s/.test(t[0]) ? 1 : 0, e = t.index + a;
+    i += C(r.slice(s, e)), i += `<span class="${B.ref}">${C(r.slice(e, t.index + t[0].length))}</span>`, s = t.index + t[0].length;
+  }
+  return i += C(r.slice(s)), i;
+}
+function q(r) {
+  let i = "";
+  for (const { code: s, seg: t } of We(r))
+    i += s ? nt(t) : it(t);
+  return i;
+}
+function Be(r, i, s, t) {
+  const a = `<span class="${B.key}">${q(s)}</span>`, e = `<span class="${B.keyPunct}">:</span>`;
+  return `${r}${i}${a}${e}${q(t)}`;
+}
+function rt(r) {
+  const i = r.trim();
+  if (/^\/\/!pd(?:\s+[^\s]+)?$/.test(i)) {
+    const t = /^(\s*)(\/\/!pd)(\s*.*)$/.exec(r), a = (t == null ? void 0 : t[1]) ?? "", e = (t == null ? void 0 : t[2]) ?? "//!pd", l = (t == null ? void 0 : t[3]) ?? "";
+    return `${C(a)}<span class="${B.section}">${C(e)}</span>${q(l)}`;
+  }
+  if (i === "---")
+    return `<span class="${B.sep}">${C(r)}</span>`;
+  const s = /^(\s*)(-)(?=[ ]|$)/.exec(r);
+  if (s) {
+    const t = C(s[1] ?? ""), a = (s[1] ?? "").length + 1, e = r.slice(a), l = e.trimStart(), c = e.slice(0, e.length - l.length), d = `<span class="${B.item}">-</span>`;
+    if (!xe(l) && ke(l)) {
+      const m = _e(l), L = l.slice(0, m), E = l.slice(m + 1);
+      return `${t}${d}${C(c)}${Be("", "", L, E)}`;
+    }
+    return `${t}${d}${C(c)}${q(l)}`;
+  }
+  if (!xe(i) && ke(i)) {
+    const a = r.length - r.trimStart().length, e = r.slice(a), l = _e(e), c = e.slice(0, l).trim(), d = e.slice(l + 1);
+    return Be(C(r.slice(0, a)), "", c, d);
+  }
+  return q(r);
+}
+function ot(r) {
+  const i = r.split(`
+`);
+  let s = !1;
+  const t = [];
+  for (const a of i) {
+    const e = a.trimStart();
+    if (s) {
+      e.startsWith("```") ? (s = !1, t.push(`<span class="${B.fence}">${C(a)}</span>`)) : t.push(C(a));
+      continue;
+    }
+    if (e.startsWith("```")) {
+      s = !0, t.push(`<span class="${B.fence}">${C(a)}</span>`);
+      continue;
+    }
+    t.push(rt(a));
+  }
+  return t.join(`
+`);
+}
+function lt(r) {
+  return (i) => r === "pd" ? ot(i) : De(i);
+}
+function Me(r) {
+  const i = r;
+  return `
+${i}.pd-key{color:var(--pd-token-key,color-mix(in oklab,currentColor 66%,transparent))}
+${i}.pd-key-punct{color:var(--pd-token-punct,color-mix(in oklab,currentColor 45%,transparent))}
+${i}.pd-item{color:var(--pd-token-item,color-mix(in oklab,currentColor 78%,transparent))}
+${i}.pd-section{color:var(--pd-token-section,color-mix(in oklab,currentColor 62%,transparent))}
+${i}.pd-sep{color:var(--pd-token-sep,color-mix(in oklab,currentColor 45%,transparent))}
+${i}.pd-ref{color:var(--pd-token-ref,color-mix(in oklab,currentColor 74%,transparent))}
+${i}.pd-inline-code{color:var(--pd-token-code,color-mix(in oklab,currentColor 84%,transparent))}
+${i}.pd-fence{color:var(--pd-token-fence,color-mix(in oklab,currentColor 55%,transparent))}
+${i}.token.comment,${i}.token.prolog,${i}.token.doctype,${i}.token.cdata{color:var(--pd-token-comment,color-mix(in oklab,currentColor 52%,transparent))}
+${i}.token.string,${i}.token.attr-value{color:var(--pd-token-string,color-mix(in oklab,currentColor 78%,transparent))}
+${i}.token.keyword,${i}.token.tag,${i}.token.operator{color:var(--pd-token-keyword,color-mix(in oklab,currentColor 64%,transparent))}
+${i}.token.number,${i}.token.boolean{color:var(--pd-token-number,color-mix(in oklab,currentColor 72%,transparent))}
+${i}.token.property,${i}.token.function{color:var(--pd-token-property,color-mix(in oklab,currentColor 68%,transparent))}
+${i}.token.punctuation{color:var(--pd-token-punctuation,color-mix(in oklab,currentColor 50%,transparent))}
+`;
+}
+function ze(r) {
+  const i = r;
+  return `
+@supports not (color: color-mix(in oklab, red, blue)){
+${i}.pd-key{opacity:.72}${i}.pd-key-punct{opacity:.5}${i}.pd-item{opacity:.8}
+${i}.pd-section{opacity:.65}${i}.pd-sep{opacity:.5}${i}.pd-ref{opacity:.78}
+${i}.pd-inline-code{opacity:.88}${i}.pd-fence{opacity:.6}
+}`;
+}
+const Fe = `
+:host{display:block;min-width:0;max-width:100%;height:auto;max-height:inherit;font:inherit;color:inherit;background:transparent}
+:host([disabled]){opacity:var(--pd-disabled-opacity,.6)}
+:host(:focus-within){outline:var(--pd-focus-ring,2px solid color-mix(in oklab,currentColor 32%,transparent));outline-offset:var(--pd-focus-ring-offset,2px);border-radius:var(--pd-focus-radius,2px)}
+${Me("")}
+${ze("")}
+`;
+function st() {
+  const r = "pd-editor ";
+  return `
+pd-editor{display:block;min-width:0;max-width:100%;height:auto;max-height:inherit;font:inherit;color:inherit;background:transparent}
+pd-editor[disabled]{opacity:var(--pd-disabled-opacity,.6)}
+pd-editor:focus-within{outline:var(--pd-focus-ring,2px solid color-mix(in oklab,currentColor 32%,transparent));outline-offset:var(--pd-focus-ring-offset,2px);border-radius:var(--pd-focus-radius,2px)}
+${Me(r)}
+${ze(r)}
+`;
+}
+const Ne = /* @__PURE__ */ new WeakSet();
+function at(r) {
+  if (Ne.has(r)) return;
+  Ne.add(r);
+  const i = r.createElement("style");
+  i.setAttribute("data-pd-editor", ""), i.textContent = st(), (r.head ?? r.documentElement).appendChild(i);
+}
+function ct(r) {
+  if (r.querySelector("style[data-pd-editor]")) return;
+  try {
+    if (typeof CSSStyleSheet < "u" && "replaceSync" in CSSStyleSheet.prototype) {
+      const s = new CSSStyleSheet();
+      s.replaceSync(Fe), r.adoptedStyleSheets = [...r.adoptedStyleSheets, s];
+      return;
+    }
+  } catch {
+  }
+  const i = document.createElement("style");
+  i.setAttribute("data-pd-editor", ""), i.textContent = Fe, r.appendChild(i);
+}
+const ut = [
+  "value",
+  "language",
+  "placeholder",
+  "indent-unit",
+  "line-numbers",
+  "tab-behavior",
+  "readonly",
+  "disabled",
+  "maxlength",
+  "name",
+  "spellcheck",
+  "inputmode",
+  "enterkeyhint",
+  "dir",
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "shadow"
+];
+function dt(r = "pd-editor") {
+  if (typeof HTMLElement > "u" || typeof customElements > "u")
+    return null;
+  const i = customElements.get(r);
+  if (i) return i;
+  class s extends HTMLElement {
+    constructor() {
+      super();
+      w(this, "_editor", null);
+      w(this, "_internals", null);
+      w(this, "_container", null);
+      w(this, "_shadow", null);
+      w(this, "_value", "");
+      w(this, "_defaultValue", null);
+      w(this, "_highlight", null);
+      w(this, "_formDisabled", !1);
+      w(this, "_focusValue", "");
+      w(this, "_onFocus", () => {
+        this._focusValue = this._value, this._emit("pd-focus", { value: this._value });
+      });
+      w(this, "_onBlur", () => {
+        this._value !== this._focusValue && this._emit("pd-change", { value: this._value }), this._emit("pd-blur", { value: this._value });
+      });
+      try {
+        this._internals = typeof this.attachInternals == "function" ? this.attachInternals() : null;
+      } catch {
+        this._internals = null;
+      }
+    }
+    static get observedAttributes() {
+      return ut;
+    }
+    // ---- 属性 / 属性反射 ----
+    get value() {
+      return this._editor ? this._editor.getValue() : this._value;
+    }
+    set value(e) {
+      var c;
+      const l = e == null ? "" : String(e);
+      this._value = l, (c = this._editor) == null || c.setValue(l), this._syncFormValue();
+    }
+    get language() {
+      return this.getAttribute("language") ?? "pd";
+    }
+    set language(e) {
+      this.setAttribute("language", String(e));
+    }
+    get placeholder() {
+      return this.getAttribute("placeholder") ?? "";
+    }
+    set placeholder(e) {
+      this.setAttribute("placeholder", String(e));
+    }
+    get readOnly() {
+      return this.hasAttribute("readonly");
+    }
+    set readOnly(e) {
+      this.toggleAttribute("readonly", !!e);
+    }
+    get disabled() {
+      return this.hasAttribute("disabled");
+    }
+    set disabled(e) {
+      this.toggleAttribute("disabled", !!e);
+    }
+    get lineNumbers() {
+      return this.hasAttribute("line-numbers");
+    }
+    set lineNumbers(e) {
+      this.toggleAttribute("line-numbers", !!e);
+    }
+    get indentUnit() {
+      return this.getAttribute("indent-unit") ?? "  ";
+    }
+    set indentUnit(e) {
+      this.setAttribute("indent-unit", String(e));
+    }
+    get tabBehavior() {
+      return this.getAttribute("tab-behavior") === "focus" ? "focus" : "indent";
+    }
+    set tabBehavior(e) {
+      this.setAttribute("tab-behavior", e === "focus" ? "focus" : "indent");
+    }
+    get maxLength() {
+      const e = this.getAttribute("maxlength");
+      if (e === null || e === "") return -1;
+      const l = Number.parseInt(e, 10);
+      return Number.isFinite(l) ? l : -1;
+    }
+    set maxLength(e) {
+      !Number.isFinite(e) || e < 0 ? this.removeAttribute("maxlength") : this.setAttribute("maxlength", String(Math.floor(e)));
+    }
+    get name() {
+      return this.getAttribute("name") ?? "";
+    }
+    set name(e) {
+      this.setAttribute("name", String(e));
+    }
+    get highlight() {
+      return this._highlight;
+    }
+    set highlight(e) {
+      this._highlight = typeof e == "function" ? e : null, this._syncOptions();
+    }
+    get editor() {
+      return this._editor;
+    }
+    get textarea() {
+      var e;
+      return ((e = this._editor) == null ? void 0 : e.textarea) ?? null;
+    }
+    // ---- 生命周期 ----
+    connectedCallback() {
+      this._upgradeProperties();
+      const e = this.getAttribute("value");
+      if (e !== null && this._value === "" && (this._value = e), this._defaultValue === null && (this._defaultValue = this._value), this._editor) return;
+      const l = this.getAttribute("shadow") === "false";
+      l ? at(this.ownerDocument) : (this._shadow ?? (this._shadow = this.attachShadow({
+        mode: "open",
+        delegatesFocus: !0
+      })), ct(this._shadow));
+      const c = l ? this : this._shadow, d = document.createElement("div");
+      d.className = "pd-container", d.setAttribute("part", "container"), d.style.cssText = "display:block;height:100%;max-height:inherit;min-width:0", c.appendChild(d), this._container = d;
+      const S = {
+        value: this._value,
+        language: this.language,
+        placeholder: this.placeholder,
+        readOnly: this.readOnly,
+        disabled: this.disabled || this._formDisabled,
+        lineNumbers: this.lineNumbers,
+        indentUnit: this.indentUnit,
+        tabBehavior: this.tabBehavior,
+        maxLength: this.maxLength,
+        spellcheck: this.getAttribute("spellcheck") === "true",
+        dir: this.getAttribute("dir") ?? "",
+        ariaLabel: this.getAttribute("aria-label") ?? void 0,
+        ariaLabelledby: this.getAttribute("aria-labelledby") ?? void 0,
+        ariaDescribedby: this.getAttribute("aria-describedby") ?? void 0,
+        highlight: this._highlight ?? void 0,
+        onValueChange: (m) => this._handleValueChange(m)
+      };
+      this._editor = tt(d, S, lt), this._editor.textarea.addEventListener("focus", this._onFocus), this._editor.textarea.addEventListener("blur", this._onBlur), this._focusValue = this._value, this._applyInputHints(), this._syncFormValue(), queueMicrotask(() => {
+        this._editor && this._emit("pd-ready", { editor: this._editor });
+      });
+    }
+    disconnectedCallback() {
+      var e, l, c, d;
+      this._editor && (this._value = this._editor.getValue()), (e = this._editor) == null || e.textarea.removeEventListener("focus", this._onFocus), (l = this._editor) == null || l.textarea.removeEventListener("blur", this._onBlur), (c = this._editor) == null || c.destroy(), this._editor = null, (d = this._container) == null || d.remove(), this._container = null;
+    }
+    attributeChangedCallback(e, l, c) {
+      var d;
+      if (l !== c) {
+        if (e === "value") {
+          this._value = c ?? "", (d = this._editor) == null || d.setValue(this._value), this._syncFormValue();
+          return;
+        }
+        e !== "shadow" && this._editor && (this._syncOptions(), e === "language" && this._emit("pd-language-change", { value: this.language }));
+      }
+    }
+    // ---- 表单关联 ----
+    formResetCallback() {
+      this.value = this._defaultValue ?? "";
+    }
+    formDisabledCallback(e) {
+      var l;
+      this._formDisabled = e, (l = this._editor) == null || l.setDisabled(e || this.disabled);
+    }
+    formStateRestoreCallback(e) {
+      typeof e == "string" && (this.value = e);
+    }
+    // ---- 公共方法 ----
+    setValue(e) {
+      this.value = e;
+    }
+    getValue() {
+      return this.value;
+    }
+    setLanguage(e) {
+      this.language = e;
+    }
+    insertText(e) {
+      var l;
+      (l = this._editor) == null || l.insertText(e);
+    }
+    getSelection() {
+      var e;
+      return ((e = this._editor) == null ? void 0 : e.getSelection()) ?? null;
+    }
+    setSelection(e, l) {
+      var c;
+      (c = this._editor) == null || c.setSelection(e, l);
+    }
+    undo() {
+      var e;
+      (e = this._editor) == null || e.undo();
+    }
+    redo() {
+      var e;
+      (e = this._editor) == null || e.redo();
+    }
+    focus() {
+      var e;
+      (e = this._editor) == null || e.focus();
+    }
+    blur() {
+      var e;
+      (e = this._editor) == null || e.blur();
+    }
+    // ---- 内部 ----
+    _upgradeProperties() {
+      const e = [
+        "value",
+        "language",
+        "placeholder",
+        "readOnly",
+        "disabled",
+        "lineNumbers",
+        "indentUnit",
+        "tabBehavior",
+        "maxLength",
+        "name",
+        "highlight"
+      ];
+      for (const l of e)
+        if (Object.prototype.hasOwnProperty.call(this, l)) {
+          const c = this, d = c[l];
+          delete c[l], c[l] = d;
+        }
+    }
+    _syncOptions() {
+      var e;
+      (e = this._editor) == null || e.update({
+        language: this.language,
+        placeholder: this.placeholder,
+        readOnly: this.readOnly,
+        disabled: this.disabled || this._formDisabled,
+        lineNumbers: this.lineNumbers,
+        indentUnit: this.indentUnit,
+        tabBehavior: this.tabBehavior,
+        maxLength: this.maxLength,
+        spellcheck: this.getAttribute("spellcheck") === "true",
+        dir: this.getAttribute("dir") ?? "",
+        ariaLabel: this.getAttribute("aria-label") ?? void 0,
+        ariaLabelledby: this.getAttribute("aria-labelledby") ?? void 0,
+        ariaDescribedby: this.getAttribute("aria-describedby") ?? void 0,
+        highlight: this._highlight ?? void 0
+      }), this._applyInputHints();
+    }
+    /** 移动端输入提示：inputmode / enterkeyhint 原样转发到内部 textarea */
+    _applyInputHints() {
+      var l;
+      const e = (l = this._editor) == null ? void 0 : l.textarea;
+      if (e)
+        for (const c of ["inputmode", "enterkeyhint"]) {
+          const d = this.getAttribute(c);
+          d ? e.setAttribute(c, d) : e.removeAttribute(c);
+        }
+    }
+    _handleValueChange(e) {
+      this._value = e, this._syncFormValue(), this._emit("pd-input", { value: e });
+    }
+    _syncFormValue() {
+      var e;
+      typeof ((e = this._internals) == null ? void 0 : e.setFormValue) == "function" && this._internals.setFormValue(this._value);
+    }
+    _emit(e, l) {
+      this.dispatchEvent(
+        new CustomEvent(e, { detail: l, bubbles: !0, composed: !0 })
+      );
+    }
+  }
+  return w(s, "formAssociated", !0), customElements.define(r, s), s;
+}
+const ht = typeof window > "u" ? Oe : Ue, bt = Ke(
+  function(i, s) {
+    const {
+      value: t,
+      defaultValue: a,
+      language: e,
+      placeholder: l,
+      readOnly: c,
+      disabled: d,
+      lineNumbers: S,
+      indentUnit: m,
+      tabBehavior: L,
+      maxLength: E,
+      highlight: $,
+      onValueChange: x,
+      onReady: k,
+      ...f
+    } = i, g = j(null), o = j(!0), _ = j(x);
+    _.current = x;
+    const b = j(k);
+    b.current = k;
+    const D = j(!1);
+    return je(
+      s,
+      () => g.current,
+      []
+    ), ht(() => {
+      dt();
+      const p = g.current;
+      if (p) {
+        if (o.current) {
+          o.current = !1;
+          const F = t ?? a;
+          F !== void 0 && p.value !== F && (p.value = F);
+        } else t !== void 0 && p.value !== t && (p.value = t);
+        e !== void 0 && p.language !== e && (p.language = e), l !== void 0 && p.placeholder !== l && (p.placeholder = l), c !== void 0 && (p.readOnly = c), d !== void 0 && (p.disabled = d), S !== void 0 && (p.lineNumbers = S), m !== void 0 && p.indentUnit !== m && (p.indentUnit = m), L !== void 0 && (p.tabBehavior = L), E !== void 0 && (p.maxLength = E), $ !== void 0 && (p.highlight = $);
+      }
+    }, [
+      t,
+      a,
+      e,
+      l,
+      c,
+      d,
+      S,
+      m,
+      L,
+      E,
+      $
+    ]), Oe(() => {
+      const p = g.current;
+      if (!p) return;
+      const F = (N) => {
+        var U;
+        const I = N.detail;
+        (U = _.current) == null || U.call(_, (I == null ? void 0 : I.value) ?? p.value);
+      }, M = () => {
+        var N;
+        D.current || (D.current = !0, (N = b.current) == null || N.call(b, p));
+      }, z = () => M();
+      return p.addEventListener("pd-input", F), p.addEventListener("pd-ready", z), queueMicrotask(() => {
+        p.editor && M();
+      }), () => {
+        p.removeEventListener("pd-input", F), p.removeEventListener("pd-ready", z), D.current = !1;
+      };
+    }, []), qe("pd-editor", { ...f, ref: g });
+  }
+);
+export {
+  bt as PdEditor,
+  dt as definePdEditor,
+  yt as format,
+  ot as highlightPd,
+  xt as jsonToPdText,
+  kt as pdToJsonText
+};