@andares/pdeditor 0.4.1 → 0.5.0

package/dist/pd.js

@@ -1,338 +1,423 @@
-import { format as he, jsonToPdText as de, pdToJsonText as pe } from "@andares/pdfoundation";
-function _(s, e, { signal: n, edges: t } = {}) {
-  let i, o = null;
-  const a = t != null && t.includes("leading"), c = t == null || t.includes("trailing"), l = () => {
-    o !== null && (s.apply(i, o), i = void 0, o = null);
-  }, f = () => {
-    c && l(), E();
+import { hasLiteralColon as me, matchKeyValue as be, findKeyValueSeparator as ve, splitInlineCode as De } from "@andares/pdfoundation";
+import { format as Qe, jsonToPdText as Ue, pdToJsonText as et } from "@andares/pdfoundation";
+function Fe(i, o, { signal: s, edges: e } = {}) {
+  let l, r = null;
+  const u = e != null && e.includes("leading"), p = e == null || e.includes("trailing"), b = () => {
+    r !== null && (i.apply(l, r), l = void 0, r = null);
+  }, w = () => {
+    p && b(), $();
   };
-  let h = null;
-  const y = () => {
-    h != null && clearTimeout(h), h = setTimeout(() => {
-      h = null, f();
-    }, e);
-  }, b = () => {
-    h !== null && (clearTimeout(h), h = null);
-  }, E = () => {
-    b(), i = void 0, o = null;
-  }, u = () => {
-    l();
-  }, p = function(...g) {
-    if (n != null && n.aborted) return;
-    i = this, o = g;
-    const S = h == null;
-    y(), a && S && l();
+  let v = null;
+  const E = () => {
+    v != null && clearTimeout(v), v = setTimeout(() => {
+      v = null, w();
+    }, o);
+  }, S = () => {
+    v !== null && (clearTimeout(v), v = null);
+  }, $ = () => {
+    S(), l = void 0, r = null;
+  }, y = () => {
+    b();
+  }, L = function(...d) {
+    if (s != null && s.aborted) return;
+    l = this, r = d;
+    const h = v == null;
+    E(), u && h && b();
   };
-  return p.schedule = y, p.cancel = E, p.flush = u, n == null || n.addEventListener("abort", E, { once: !0 }), p;
+  return L.schedule = E, L.cancel = $, L.flush = y, s == null || s.addEventListener("abort", $, { once: !0 }), L;
 }
-const A = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, J = { lineHeight: "inherit", whiteSpace: "pre-wrap", wordBreak: "keep-all", overflowWrap: "break-word", background: "none", position: "absolute", width: "100%", height: "100%", zIndex: "1", resize: "none", caretColor: "currentColor", padding: "inherit", outline: "none", fontSize: "inherit", fontFamily: "inherit", letterSpacing: "inherit", boxSizing: "border-box", border: "none", top: "0px", left: "0px", color: "inherit", overflow: "hidden", "-webkit-font-smoothing": "antialiased", "-webkit-text-fill-color": "transparent" }, G = { lineHeight: "inherit", position: "relative", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "0", width: "100%", margin: "0", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, Q = { lineHeight: "inherit", position: "absolute", width: "100%", height: "100%", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "inherit", margin: "0", top: "0px", left: "0px", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, q = (s) => B(s);
-function D(s) {
-  const e = Array.isArray(s) ? s : [s];
-  return e.length === 0 ? q : (n) => e.reduce((t, i, o) => i(t, { html: o > 0 }), n);
+function Z(i, o) {
+  const s = i, e = s.key.toLowerCase(), l = o.split("+"), r = l.slice(0, -1), u = l[l.length - 1];
+  return !(e !== u || r.includes("shift") !== s.shiftKey || r.includes("ctrl") !== s.ctrlKey || r.includes("alt") !== s.altKey || r.includes("meta") !== s.metaKey);
 }
-class X {
-  constructor(e, n = {}) {
-    if (this.lines = null, !e) throw new Error("selector is not defined");
-    if (this.root = e instanceof Node ? e : document.querySelector(e), !this.root) throw new Error(`element with "${e}" selector is not exist`);
-    const t = { value: "", styles: {}, plugins: [], highlighter: q }, { highlighters: i, ...o } = n;
-    this.options = { ...t, ...o, highlighter: i ? D(i) : t.highlighter }, this.options.value = this.options.value == null ? "" : String(this.options.value), this.init();
-  }
-  init() {
-    this.textarea = document.createElement("textarea"), this.textarea.setAttribute("spellcheck", "false"), this.textarea.setAttribute("autocapitalize", "off"), this.textarea.setAttribute("autocorrect", "off"), this.textarea.setAttribute("autocomplete", "off"), this.pre = document.createElement("pre");
-    const e = Object.keys(A).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
-    this.initialRootStyles = {};
-    const n = this.root.style;
-    e.forEach((t) => {
-      this.initialRootStyles[t] = n[t] || "";
-    }), Object.assign(this.root.style, A, this.options.styles), Object.assign(this.textarea.style, J), Object.assign(this.pre.style, G), this.basePaddingLeft = this.root.style.paddingLeft || "", this.root.appendChild(this.textarea), this.root.appendChild(this.pre), this.addTextareaEvents(), this.update({ value: this.options.value }), this.updateLines();
-  }
-  addTextareaEvents() {
-    this.handleEvent = (e) => {
-      if (e.type === "keydown" && this.textarea.readOnly) return;
-      const n = e;
-      if (n.isComposing || n.keyCode === 229) return;
-      const t = (function(i, o) {
-        const { value: a, selectionStart: c, selectionEnd: l } = o.target;
-        return i.reduce((f, h) => ({ ...f, ...h(f, o) }), { value: a, selectionStart: c, selectionEnd: l });
-      })(this.options.plugins, e);
-      this.update(t);
-    }, this.textarea.addEventListener("input", this.handleEvent), this.textarea.addEventListener("keydown", this.handleEvent), this.textarea.addEventListener("compositionend", this.handleEvent);
-  }
-  update(e) {
-    if (!this.textarea) return;
-    let { value: n, selectionStart: t, selectionEnd: i } = e;
-    n != null && (n = String(n), t == null && (t = this.textarea.selectionStart), i == null && (i = this.textarea.selectionEnd), this.textarea.value !== n && (this.textarea.value = n)), t != null && (this.textarea.selectionStart = t), i != null && (this.textarea.selectionEnd = i), n !== this.value && n != null && (this.value = n, this.render(), this.updateCallback && this.updateCallback(n));
-  }
-  updateOptions(e) {
-    if (!this.textarea) return;
-    const { highlighters: n, ...t } = e;
-    if (this.options = { ...this.options, ...t, highlighter: n ? D(n) : this.options.highlighter }, e.styles) {
-      const i = this.root.style;
-      Object.keys(e.styles).forEach((o) => {
-        o in this.initialRootStyles || (this.initialRootStyles[o] = i[o] || "");
-      }), Object.assign(this.root.style, e.styles), ("paddingLeft" in e.styles || "padding" in e.styles) && (this.basePaddingLeft = this.root.style.paddingLeft || "");
-    }
-    this.lines && !this.options.lineNumbers && (T(this.lines), this.lines = null, this.root.style.paddingLeft = this.basePaddingLeft), e.value != null && this.update({ value: e.value }), this.render();
-  }
-  render() {
-    const e = this.options.highlighter(this.value);
-    this.pre.innerHTML = e + "<br/>", this.updateLines();
-  }
-  updateLines() {
-    if (!this.options.lineNumbers) return;
-    this.lines || (this.lines = document.createElement("pre"), this.root.appendChild(this.lines), Object.assign(this.lines.style, Q));
-    const e = this.value.split(`
-`), n = e.length.toString().length;
-    this.root.style.paddingLeft = `${n + 1}ch`, this.lines.innerHTML = e.map((t, i) => `${`<span class="yace-line" style="position: absolute; opacity: .3; left: 0; width: ${n}ch; text-align: right">${1 + i}</span>`}${`<span style="color: transparent; pointer-events: none">${B(t)}</span>`}`).join(`
+function ye(i, o) {
+  var l;
+  const e = i.slice(0, o).split(`
 `);
-  }
-  destroy() {
-    this.textarea && (this.textarea.removeEventListener("input", this.handleEvent), this.textarea.removeEventListener("keydown", this.handleEvent), this.textarea.removeEventListener("compositionend", this.handleEvent), T(this.textarea), T(this.pre), T(this.lines), Object.assign(this.root.style, this.initialRootStyles), Object.assign(this, { textarea: null, pre: null, lines: null, updateCallback: null, handleEvent: null, initialRootStyles: null, options: null, root: null }));
-  }
-  onUpdate(e) {
-    this.updateCallback = e;
-  }
+  return { line: e.length - 1, col: ((l = e[e.length - 1]) == null ? void 0 : l.length) ?? 0 };
 }
-function T(s) {
-  s && s.parentNode && s.parentNode.removeChild(s);
-}
-function B(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
-function K(s, e) {
-  const n = s, t = n.key.toLowerCase(), i = e.split("+"), o = i.slice(0, -1), a = i[i.length - 1];
-  return !(t !== a || o.includes("shift") !== n.shiftKey || o.includes("ctrl") !== n.ctrlKey || o.includes("alt") !== n.altKey || o.includes("meta") !== n.metaKey);
-}
-function M(s, e) {
-  var i;
-  const t = s.slice(0, e).split(`
-`);
-  return { line: t.length - 1, col: ((i = t[t.length - 1]) == null ? void 0 : i.length) ?? 0 };
-}
-function O(s, e, n) {
-  var i;
-  let t = 0;
-  for (let o = 0; o < e; o++) t += (((i = s[o]) == null ? void 0 : i.length) ?? 0) + 1;
-  return t + n;
+function O(i, o, s) {
+  var l;
+  let e = 0;
+  for (let r = 0; r < o; r++) e += (((l = i[r]) == null ? void 0 : l.length) ?? 0) + 1;
+  return e + s;
 }
-function Y() {
-  return (s, e) => {
-    var f;
-    if (e.type !== "keydown" || !K(e, "enter")) return;
-    const { value: n, selectionStart: t, selectionEnd: i } = s, o = n.slice(0, t).split(`
-`).pop() ?? "", a = ((f = /^\s*/.exec(o)) == null ? void 0 : f[0]) ?? "";
-    e.preventDefault();
-    const c = /^(\s*)-(?=\s|$)/.test(o), l = `
-${a}${c ? "- " : ""}`;
+function Le() {
+  return (i, o) => {
+    var w;
+    if (o.type !== "keydown" || !Z(o, "enter")) return;
+    const { value: s, selectionStart: e, selectionEnd: l } = i, r = s.slice(0, e).split(`
+`).pop() ?? "", u = ((w = /^\s*/.exec(r)) == null ? void 0 : w[0]) ?? "";
+    o.preventDefault();
+    const p = /^(\s*)-(?=[ ]|$)/.test(r), b = `
+${u}${p ? "- " : ""}`;
     return {
-      value: n.slice(0, t) + l + n.slice(i),
-      selectionStart: t + l.length,
-      selectionEnd: t + l.length
+      value: s.slice(0, e) + b + s.slice(l),
+      selectionStart: e + b.length,
+      selectionEnd: e + b.length
     };
   };
 }
-function Z(s) {
-  return /^(\s*)-(?=\s|$)/.test(s);
+function Pe(i) {
+  return /^(\s*)-(?=[ ]|$)/.test(i);
 }
-function F(s, e) {
-  return s.startsWith(e) ? e.length : s.startsWith("	") ? 1 : 0;
+function xe(i, o) {
+  return i.startsWith(o) ? o.length : i.startsWith("	") ? 1 : 0;
 }
-function U(s) {
-  return (e, n) => {
-    if (n.type !== "keydown") return;
-    const { value: t, selectionStart: i, selectionEnd: o } = e, a = t.split(`
-`), c = t.slice(0, i).split(`
-`).length - 1, l = t.slice(0, o).split(`
-`).length - 1, f = M(t, i), h = M(t, o);
-    if (K(n, "shift+tab")) {
-      n.preventDefault();
-      const y = a.map(
-        (g, S) => S >= c && S <= l ? g.slice(F(g, s)) : g
-      ), b = y.join(`
+function Ee(i) {
+  return (o, s) => {
+    if (s.type !== "keydown") return;
+    const { value: e, selectionStart: l, selectionEnd: r } = o, u = e.split(`
+`), p = e.slice(0, l).split(`
+`).length - 1, b = e.slice(0, r).split(`
+`).length - 1, w = ye(e, l), v = ye(e, r);
+    if (Z(s, "shift+tab")) {
+      s.preventDefault();
+      const E = u.map(
+        (d, h) => h >= p && h <= b ? d.slice(xe(d, i)) : d
+      ), S = E.join(`
 `);
-      if (b === t) return;
-      const E = (g) => {
-        const S = F(a[g.line] ?? "", s);
-        return { line: g.line, col: Math.max(0, g.col - S) };
-      }, u = E(f), p = E(h);
+      if (S === e) return;
+      const $ = (d) => {
+        const h = xe(u[d.line] ?? "", i);
+        return { line: d.line, col: Math.max(0, d.col - h) };
+      }, y = $(w), L = $(v);
       return {
-        value: b,
-        selectionStart: O(y, u.line, u.col),
-        selectionEnd: O(y, p.line, p.col)
+        value: S,
+        selectionStart: O(E, y.line, y.col),
+        selectionEnd: O(E, L.line, L.col)
       };
     }
-    if (K(n, "tab")) {
-      n.preventDefault();
-      const y = a.map((u, p) => ({ l: u, i: p })).filter(({ i: u }) => u >= c && u <= l);
-      if (y.length > 0 && y.every(({ l: u }) => Z(u)) || i !== o) {
-        const u = a.map(
-          (x, $) => $ >= c && $ <= l && x !== "" ? s + x : x
-        ), p = u.join(`
-`), g = (x) => {
-          const $ = a[x.line] ?? "", j = x.line >= c && x.line <= l;
+    if (Z(s, "tab")) {
+      s.preventDefault();
+      const E = u.map((y, L) => ({ l: y, i: L })).filter(({ i: y }) => y >= p && y <= b);
+      if (E.length > 0 && E.every(({ l: y }) => Pe(y)) || l !== r) {
+        const y = u.map(
+          (x, g) => g >= p && g <= b && x !== "" ? i + x : x
+        ), L = y.join(`
+`), d = (x) => {
+          const g = u[x.line] ?? "", Q = x.line >= p && x.line <= b;
           return {
             line: x.line,
-            col: j && $ !== "" ? x.col + s.length : x.col
+            col: Q && g !== "" ? x.col + i.length : x.col
           };
-        }, S = g(f), k = g(h);
+        }, h = d(w), n = d(v);
         return {
-          value: p,
-          selectionStart: O(u, S.line, S.col),
-          selectionEnd: O(u, k.line, k.col)
+          value: L,
+          selectionStart: O(y, h.line, h.col),
+          selectionEnd: O(y, n.line, n.col)
         };
       }
-      const E = i + s.length;
+      const $ = l + i.length;
       return {
-        value: t.slice(0, i) + s + t.slice(o),
-        selectionStart: E,
-        selectionEnd: E
+        value: e.slice(0, l) + i + e.slice(r),
+        selectionStart: $,
+        selectionEnd: $
       };
     }
   };
 }
-function ee(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function ze(i) {
+  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-function te(s, e) {
-  const n = Math.min(s.length, e.length);
-  let t = 0;
-  for (; t < n && s.charCodeAt(t) === e.charCodeAt(t); ) t++;
-  return t;
+function F(i) {
+  return i.replace(/\r\n?/g, `
+`);
 }
-function ne(s, e, n) {
-  let t = e.language ?? "pd";
-  const i = e.onValueChange;
-  let o = !1;
-  const a = e.indentUnit ?? "  ", c = new X(s, {
-    value: e.value ?? "",
-    lineNumbers: e.lineNumbers ?? !1,
-    styles: e.styles ?? {},
-    highlighters: [
-      e.highlight ? (r) => {
-        var d;
-        return ((d = e.highlight) == null ? void 0 : d.call(e, r, t)) ?? "";
-      } : n(t)
-    ],
-    // 编辑行为：pd 语义插件（续行补 `- `/保留缩进、序列项行 Tab 整行缩进/缩出）。
-    // 撤销/重做不在此接入 Yace history 插件（初始快照缺陷），由组件自实现（见下）。
-    plugins: [Y(), U(a)]
-  });
-  c.onUpdate((r) => {
-    o || (x(r), i == null || i(r));
+function Be(i, o) {
+  const s = document.createRange();
+  s.selectNodeContents(i), i.replaceChildren(s.createContextualFragment(o));
+}
+function He(i, o) {
+  const s = Math.min(i.length, o.length);
+  let e = 0;
+  for (; e < s && i.charCodeAt(e) === o.charCodeAt(e); ) e++;
+  return e;
+}
+const Ke = /* @__PURE__ */ new Set([
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft"
+]);
+function Se(i) {
+  var e;
+  const o = {
+    top: "0px",
+    right: "0px",
+    bottom: "0px",
+    left: "0px"
+  }, s = (e = i.padding) == null ? void 0 : e.trim();
+  if (s) {
+    const l = s.split(/\s+/);
+    if (l.length === 1) {
+      const r = l[0] ?? "0px";
+      o.top = o.right = o.bottom = o.left = r;
+    } else l.length === 2 ? (o.top = o.bottom = l[0] ?? "0px", o.right = o.left = l[1] ?? "0px") : l.length === 3 ? (o.top = l[0] ?? "0px", o.right = o.left = l[1] ?? "0px", o.bottom = l[2] ?? "0px") : (o.top = l[0] ?? "0px", o.right = l[1] ?? "0px", o.bottom = l[2] ?? "0px", o.left = l[3] ?? "0px");
+  }
+  return i.paddingTop && (o.top = i.paddingTop), i.paddingRight && (o.right = i.paddingRight), i.paddingBottom && (o.bottom = i.paddingBottom), i.paddingLeft && (o.left = i.paddingLeft), o;
+}
+function Ie(i) {
+  return i.startsWith("--") ? i : i.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
+}
+const $e = "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;", ke = "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;", Ce = "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;", Oe = "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;", we = "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 V(i, o, s, e, l = {}) {
+  const r = document.createElement(i);
+  r.className = o, r.setAttribute("part", s), r.style.cssText = e;
+  for (const [u, p] of Object.entries(l)) r.setAttribute(u, p);
+  return r;
+}
+function Ve(i, o, s) {
+  let e = { ...o }, l = e.language ?? "pd", r = F(e.value ?? ""), u = r, p = !1, b = !1, w = !1, v = e.lineNumbers ?? !1, E = q(), S = "", $ = !1, y = 0, L = null;
+  const d = V("div", "pd-root", "root", $e), h = V("pre", "pd-highlight", "highlight", Ce, {
+    "aria-hidden": "true"
+  }), n = V("textarea", "pd-input", "input", ke), x = V("div", "pd-placeholder", "placeholder", we, {
+    "aria-hidden": "true"
   });
-  const l = c.textarea;
-  let f = !1;
-  const h = () => {
-    f = !0;
-  }, y = () => {
-    f = !1;
-  }, b = () => {
-    f && (o = !0, c.update({
-      value: l.value,
-      selectionStart: l.selectionStart,
-      selectionEnd: l.selectionEnd
-    }), o = !1);
-  };
-  l.addEventListener("compositionstart", h), l.addEventListener("compositionend", y), l.addEventListener("input", b);
-  const E = 5, u = [
-    { value: c.value, selStart: -1, selEnd: -1 }
-  ], p = [], g = () => {
-    u.length > E + 1 && u.splice(1, 1);
-  }, k = _((r) => {
-    const d = u[0];
-    if (d !== void 0 && d.selStart < 0 && d.value !== r.value) {
-      const I = te(d.value, r.value);
-      d.selStart = I, d.selEnd = I;
+  let g = null;
+  n.spellcheck = e.spellcheck ?? !1, n.setAttribute("autocapitalize", "off"), n.setAttribute("autocorrect", "off"), n.setAttribute("autocomplete", "off"), n.setAttribute("wrap", "soft"), n.value = r, n.readOnly = e.readOnly ?? !1, n.disabled = e.disabled ?? !1, ((t) => {
+    t !== void 0 && t >= 0 ? n.maxLength = t : n.removeAttribute("maxlength");
+  })(e.maxLength), e.dir && (n.dir = e.dir), K(), d.appendChild(h), d.appendChild(x), d.appendChild(n), i.appendChild(d), H(), G(), T(), _();
+  function M() {
+    p || (h.scrollTop = n.scrollTop, h.scrollLeft = n.scrollLeft, g && (g.scrollTop = n.scrollTop, g.scrollLeft = n.scrollLeft));
+  }
+  function Re() {
+    if (typeof getComputedStyle != "function") return 0;
+    const t = getComputedStyle(i), a = Number.parseFloat(t.paddingTop) || 0, c = Number.parseFloat(t.paddingBottom) || 0;
+    return Math.max(0, i.clientHeight - a - c);
+  }
+  function j() {
+    $ ? (h.style.position = "absolute", h.style.left = "0", h.style.top = "0", h.style.height = "100%") : (h.style.position = "relative", h.style.left = "auto", h.style.top = "auto", h.style.height = "auto");
+  }
+  function _() {
+    if (p) return;
+    const t = Re(), a = h.scrollHeight;
+    if (!$) {
+      t > 0 && a > t + 1 && ($ = !0, j(), d.style.height = `${t}px`, M());
+      return;
     }
-    const v = u.at(-1);
-    v !== void 0 && v.value === r.value || (p.length = 0, u.push(r), g());
-  }, 1e3), x = (r) => {
-    const d = l.selectionStart, v = l.selectionEnd;
-    k({ value: r, selStart: d, selEnd: v });
-  }, $ = (r) => {
-    const d = r.selStart >= 0 ? r.selStart : r.value.length, v = r.selEnd >= 0 ? r.selEnd : r.value.length;
-    o = !0, c.update({
-      value: r.value,
-      selectionStart: d,
-      selectionEnd: v
-    }), l.value === r.value && l.setSelectionRange(d, v), o = !1;
-  }, j = (r) => {
-    const d = r.ctrlKey || r.metaKey, v = r.key.toLowerCase();
-    if (!d || v !== "z" && v !== "y") return;
-    if (v === "y" || v === "z" && r.shiftKey) {
-      if (k.flush(), p.length === 0) return;
-      r.preventDefault();
-      const C = p.pop();
-      C !== void 0 && (u.push(C), g(), $(C));
-    } else {
-      if (k.flush(), u.length <= 1) return;
-      r.preventDefault();
-      const C = u.pop();
-      C !== void 0 && p.push(C);
-      const P = u.at(-1);
-      P !== void 0 && $(P);
+    if (t <= 0 || a <= t + 1) {
+      $ = !1, j(), d.style.height = "", n.scrollTop = 0;
+      return;
     }
-  };
-  return l.addEventListener("keydown", j), {
-    setValue(r) {
-      o = !0, c.update({ value: r }), o = !1;
+    const c = Number.parseFloat(d.style.height) || 0;
+    Math.abs(c - t) > 0.5 && (d.style.height = `${t}px`), M();
+  }
+  function U() {
+    if (!y) {
+      if (typeof requestAnimationFrame != "function") {
+        _();
+        return;
+      }
+      y = requestAnimationFrame(() => {
+        y = 0, _();
+      });
+    }
+  }
+  typeof ResizeObserver < "u" && (L = new ResizeObserver(() => U()), L.observe(i), L.observe(d));
+  const ee = () => M(), Me = (t, a, c) => {
+    var f;
+    r = t, u = t, W({ value: t, selStart: a, selEnd: c }), (f = e.onValueChange) == null || f.call(e, t);
+  }, te = (t) => {
+    if (p) return;
+    const a = F(n.value);
+    if (b || t != null && t.isComposing) {
+      r = a, T();
+      return;
+    }
+    a !== r && (r = a, T()), a !== u && Me(a, n.selectionStart, n.selectionEnd);
+  }, ne = () => {
+    b = !0;
+  }, ie = () => {
+    b = !1;
+    const t = F(n.value);
+    t !== r && (r = t, T());
+  }, Ne = Math.max(0, e.historyLimit ?? 5), re = Math.max(0, e.historyDebounce ?? 1e3), C = [
+    { value: r, selStart: -1, selEnd: -1 }
+  ], D = [], oe = () => {
+    C.length > Ne + 1 && C.splice(1, 1);
+  }, le = (t) => {
+    const a = C[0];
+    if (a !== void 0 && a.selStart < 0 && a.value !== t.value) {
+      const f = He(a.value, t.value);
+      a.selStart = f, a.selEnd = f;
+    }
+    const c = C.at(-1);
+    c !== void 0 && c.value === t.value || (D.length = 0, C.push(t), oe());
+  }, P = Fe(le, re), W = (t) => {
+    re === 0 ? le(t) : P(t);
+  }, se = (t) => {
+    var f;
+    const a = t.selStart >= 0 ? t.selStart : Math.min(t.value.length, n.selectionStart), c = t.selEnd >= 0 ? t.selEnd : a;
+    r = t.value, u = t.value, n.value = t.value, n.setSelectionRange(
+      Math.max(0, Math.min(a, t.value.length)),
+      Math.max(0, Math.min(c, t.value.length))
+    ), T(), M(), (f = e.onValueChange) == null || f.call(e, t.value);
+  }, ae = () => {
+    if (P.flush(), C.length <= 1) return !1;
+    const t = C.pop();
+    t !== void 0 && D.push(t);
+    const a = C.at(-1);
+    return a !== void 0 && se(a), !0;
+  }, ce = () => {
+    if (P.flush(), D.length === 0) return !1;
+    const t = D.pop();
+    return t === void 0 ? !1 : (C.push(t), oe(), se(t), !0);
+  }, ue = (t) => {
+    var A;
+    if (p || t.isComposing || b || n.readOnly || n.disabled) return;
+    const a = t.ctrlKey || t.metaKey, c = t.key.toLowerCase();
+    if (a && (c === "z" || c === "y")) {
+      t.preventDefault(), c === "y" || c === "z" && t.shiftKey ? ce() : ae();
+      return;
+    }
+    if (c === "escape") {
+      (e.tabBehavior ?? "indent") === "indent" && (w = !0);
+      return;
+    }
+    if (c === "tab" && (e.tabBehavior ?? "indent") === "focus") return;
+    if (c === "tab" && w) {
+      w = !1;
+      return;
+    }
+    const f = {
+      value: r,
+      selectionStart: n.selectionStart,
+      selectionEnd: n.selectionEnd
+    };
+    let m = f;
+    for (const N of X) {
+      const z = N(m, t);
+      z && (m = { ...m, ...z });
+    }
+    (m.value !== f.value || m.selectionStart !== f.selectionStart || m.selectionEnd !== f.selectionEnd) && (t.preventDefault(), r = m.value, n.value = m.value, n.setSelectionRange(m.selectionStart, m.selectionEnd), u = m.value, T(), W({
+      value: m.value,
+      selStart: m.selectionStart,
+      selEnd: m.selectionEnd
+    }), (A = e.onValueChange) == null || A.call(e, m.value), M());
+  }, de = () => d.classList.add("pd-focused"), fe = () => d.classList.remove("pd-focused");
+  n.addEventListener("input", te), n.addEventListener("compositionstart", ne), n.addEventListener("compositionend", ie), n.addEventListener("scroll", ee, { passive: !0 }), n.addEventListener("keydown", ue), n.addEventListener("focus", de), n.addEventListener("blur", fe);
+  function q() {
+    return e.highlight ? (t) => {
+      var a;
+      return ((a = e.highlight) == null ? void 0 : a.call(e, t, l)) ?? "";
+    } : s(l);
+  }
+  function T() {
+    if (p) return;
+    const t = e.highlightThreshold ?? 1e5, a = r.length > t ? ze(r) : E(r);
+    Be(h, `${a}<br/>`), v && pe(), G(), L || U();
+  }
+  function pe() {
+    if (!v) return;
+    g || (g = document.createElement("pre"), g.className = "pd-lines", g.setAttribute("part", "gutter"), g.setAttribute("aria-hidden", "true"), d.insertBefore(g, x));
+    const t = r.split(`
+`), c = `${String(t.length).length + 1}ch`, f = Se(e.styles ?? {}), m = `position:absolute;inset-inline-start:${f.left};width:${c};text-align:end;opacity:var(--pd-gutter-opacity,0.35);color:var(--pd-gutter-color,inherit)`, A = document.createDocumentFragment();
+    t.forEach((N, z) => {
+      const I = document.createElement("span");
+      I.className = "pd-ln", I.style.cssText = m, I.textContent = String(z + 1);
+      const Y = document.createElement("span");
+      Y.style.color = "transparent", Y.textContent = N, A.append(I, Y), z < t.length - 1 && A.append(document.createTextNode(`
+`));
+    }), A.append(document.createElement("br")), g.replaceChildren(A), c !== S && (S = c, H(), g.style.cssText = ge(f));
+  }
+  function G() {
+    const t = e.placeholder ?? "";
+    x.textContent = t, x.style.display = t && r.length === 0 ? "block" : "none", t ? n.setAttribute("aria-placeholder", t) : n.removeAttribute("aria-placeholder");
+  }
+  function he(t) {
+    const a = S ? `calc(${t.left} + ${S})` : t.left;
+    return `padding:${t.top} ${t.right} ${t.bottom} ${a};`;
+  }
+  function J(t, a) {
+    return a + he(t);
+  }
+  function ge(t) {
+    return Oe + he(t);
+  }
+  function H() {
+    const t = e.styles ?? {}, a = Se(t), c = Object.entries(t).filter(([f]) => !Ke.has(f)).map(([f, m]) => `${Ie(f)}:${m};`).join("");
+    d.style.cssText = $e + c, h.style.cssText = J(a, Ce), n.style.cssText = J(a, ke), x.style.cssText = J(a, we), g && (g.style.cssText = ge(a)), j(), e.dir && (d.dir = e.dir, n.dir = e.dir, h.dir = e.dir, x.dir = e.dir, g && (g.dir = e.dir));
+  }
+  function K() {
+    e.ariaLabel ? n.setAttribute("aria-label", e.ariaLabel) : n.removeAttribute("aria-label"), e.ariaLabelledby ? n.setAttribute("aria-labelledby", e.ariaLabelledby) : n.removeAttribute("aria-labelledby"), e.ariaDescribedby ? n.setAttribute("aria-describedby", e.ariaDescribedby) : n.removeAttribute("aria-describedby"), e.readOnly ? n.setAttribute("aria-readonly", "true") : n.removeAttribute("aria-readonly"), e.disabled ? n.setAttribute("aria-disabled", "true") : n.removeAttribute("aria-disabled");
+  }
+  v && pe();
+  const X = [Le(), Ee(e.indentUnit ?? "  ")];
+  return {
+    setValue(t, a) {
+      if (p || b) return;
+      let c = F(t);
+      e.maxLength !== void 0 && e.maxLength >= 0 && (c = c.slice(0, e.maxLength)), P.cancel(), r = c, u = c, n.value = c, n.setSelectionRange(c.length, c.length), ((a == null ? void 0 : a.resetHistory) ?? !0) && (C.length = 0, C.push({ value: c, selStart: -1, selEnd: -1 }), D.length = 0), T(), M();
     },
     getValue() {
-      return c.value;
+      return r;
     },
-    setLanguage(r) {
-      t = r, c.updateOptions({
-        highlighters: [
-          e.highlight ? (d) => {
-            var v;
-            return ((v = e.highlight) == null ? void 0 : v.call(e, d, t)) ?? "";
-          } : n(t)
-        ]
-      });
+    setLanguage(t) {
+      l = t, e = { ...e, language: t }, E = q(), T();
+    },
+    setPlaceholder(t) {
+      e = { ...e, placeholder: t }, G();
+    },
+    setReadOnly(t) {
+      e = { ...e, readOnly: t }, n.readOnly = t, K();
+    },
+    setDisabled(t) {
+      e = { ...e, disabled: t }, n.disabled = t, K();
+    },
+    setLineNumbers(t) {
+      v !== t && (v = t, !t && g && (g.remove(), g = null, S = ""), H(), T());
+    },
+    update(t) {
+      p || (e = { ...e, ...t }, t.indentUnit !== void 0 && X.splice(0, X.length, Le(), Ee(t.indentUnit)), t.language !== void 0 && (l = t.language), ("highlight" in t || t.language !== void 0) && (E = q()), t.lineNumbers !== void 0 && (v = t.lineNumbers, !v && g && (g.remove(), g = null, S = "")), t.value !== void 0 && (r = F(t.value), u = r, n.value = r, C.length = 0, C.push({ value: r, selStart: -1, selEnd: -1 }), D.length = 0), t.readOnly !== void 0 && (n.readOnly = t.readOnly), t.disabled !== void 0 && (n.disabled = t.disabled), t.maxLength !== void 0 && (t.maxLength >= 0 ? n.maxLength = t.maxLength : n.removeAttribute("maxlength")), t.spellcheck !== void 0 && (n.spellcheck = t.spellcheck), t.dir !== void 0 && (n.dir = t.dir), K(), H(), T(), M());
+    },
+    focus() {
+      n.focus();
+    },
+    blur() {
+      n.blur();
+    },
+    undo() {
+      ae();
+    },
+    redo() {
+      ce();
+    },
+    insertText(t) {
+      var N;
+      if (p || n.readOnly || n.disabled) return;
+      const a = n.selectionStart, c = n.selectionEnd;
+      let f = F(t);
+      if (e.maxLength !== void 0 && e.maxLength >= 0) {
+        const z = e.maxLength - (r.length - (c - a));
+        if (z <= 0) return;
+        f.length > z && (f = f.slice(0, z));
+      }
+      const m = r.slice(0, a) + f + r.slice(c);
+      r = m, u = m, n.value = m;
+      const A = a + f.length;
+      n.setSelectionRange(A, A), T(), W({ value: m, selStart: A, selEnd: A }), (N = e.onValueChange) == null || N.call(e, m), M();
+    },
+    getSelection() {
+      return { start: n.selectionStart, end: n.selectionEnd };
+    },
+    setSelection(t, a = t) {
+      const c = (f) => Math.max(0, Math.min(r.length, Number.isFinite(f) ? f : 0));
+      n.setSelectionRange(c(t), c(a));
     },
     destroy() {
-      k.cancel(), l.removeEventListener("compositionstart", h), l.removeEventListener("compositionend", y), l.removeEventListener("input", b), l.removeEventListener("keydown", j), c.destroy();
+      p || (p = !0, P.cancel(), L == null || L.disconnect(), y && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(y), n.removeEventListener("input", te), n.removeEventListener("compositionstart", ne), n.removeEventListener("compositionend", ie), n.removeEventListener("scroll", ee), n.removeEventListener("keydown", ue), n.removeEventListener("focus", de), n.removeEventListener("blur", fe), d.remove());
     },
-    textarea: l
+    textarea: n,
+    root: d,
+    pre: h
   };
 }
-function H(s) {
-  const e = [];
-  let n = "", t = !1;
-  for (const i of s)
-    i === "`" ? t ? (e.push({ code: !0, seg: n + "`" }), n = "", t = !1) : (n && e.push({ code: !1, seg: n }), n = "`", t = !0) : n += i;
-  return n && e.push({ code: !1, seg: n }), e;
-}
-function R(s) {
-  for (const { code: e, seg: n } of H(s))
-    if (!e && (n.includes(":-") || n.includes("：-")))
-      return !0;
-  return !1;
-}
-function z(s) {
-  let e = 0;
-  for (const { code: n, seg: t } of H(s)) {
-    if (!n) {
-      const i = t.indexOf(":");
-      if (i !== -1) return e + i;
-    }
-    e += t.length;
-  }
-  return -1;
-}
-function N(s) {
-  if (R(s)) return null;
-  const e = z(s);
-  if (e <= 0) return null;
-  const n = s.slice(0, e), t = s.slice(e + 1);
-  if (/\s$/.test(n) || t !== "" && !/^\s/.test(t)) return null;
-  const i = t.trim();
-  return { key: n.trim(), value: i === "" ? void 0 : i };
-}
-function m(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function k(i) {
+  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-const L = {
+const R = {
   key: "pd-key",
   keyPunct: "pd-key-punct",
   item: "pd-item",
@@ -342,84 +427,83 @@ const L = {
   inlineCode: "pd-inline-code",
   fence: "pd-fence"
 };
-function se(s) {
-  return `<span class="${L.inlineCode}">${m(s)}</span>`;
+function je(i) {
+  return `<span class="${R.inlineCode}">${k(i)}</span>`;
 }
-const W = /(?:^|\s):([^\s-][^\s]*)(?=\s|$)/g;
-function ie(s) {
-  let e = "", n = 0;
-  W.lastIndex = 0;
-  let t;
-  for (; (t = W.exec(s)) !== null; ) {
-    const i = /^\s/.test(t[0]) ? 1 : 0, o = t.index + i;
-    e += m(s.slice(n, o)), e += `<span class="${L.ref}">${m(s.slice(o, t.index + t[0].length))}</span>`, n = t.index + t[0].length;
+const Ae = /(?:^|\s):([^\s-][^\s]*)(?=\s|$)/g;
+function _e(i) {
+  let o = "", s = 0;
+  Ae.lastIndex = 0;
+  let e;
+  for (; (e = Ae.exec(i)) !== null; ) {
+    const l = /^\s/.test(e[0]) ? 1 : 0, r = e.index + l;
+    o += k(i.slice(s, r)), o += `<span class="${R.ref}">${k(i.slice(r, e.index + e[0].length))}</span>`, s = e.index + e[0].length;
   }
-  return e += m(s.slice(n)), e;
+  return o += k(i.slice(s)), o;
 }
-function w(s) {
-  let e = "";
-  for (const { code: n, seg: t } of H(s))
-    e += n ? se(t) : ie(t);
-  return e;
+function B(i) {
+  let o = "";
+  for (const { code: s, seg: e } of De(i))
+    o += s ? je(e) : _e(e);
+  return o;
 }
-function V(s, e, n, t) {
-  const i = `<span class="${L.key}">${w(n)}</span>`, o = `<span class="${L.keyPunct}">:</span>`;
-  return `${s}${e}${i}${o}${w(t)}`;
+function Te(i, o, s, e) {
+  const l = `<span class="${R.key}">${B(s)}</span>`, r = `<span class="${R.keyPunct}">:</span>`;
+  return `${i}${o}${l}${r}${B(e)}`;
 }
-function oe(s) {
-  const e = s.trim();
-  if (/^\/\/!pd(?:\s+[^\s]+)?$/.test(e)) {
-    const t = /^(\s*)(\/\/!pd)(\s*.*)$/.exec(s), i = (t == null ? void 0 : t[1]) ?? "", o = (t == null ? void 0 : t[2]) ?? "//!pd", a = (t == null ? void 0 : t[3]) ?? "";
-    return `${m(i)}<span class="${L.section}">${m(o)}</span>${w(a)}`;
+function We(i) {
+  const o = i.trim();
+  if (/^\/\/!pd(?:\s+[^\s]+)?$/.test(o)) {
+    const e = /^(\s*)(\/\/!pd)(\s*.*)$/.exec(i), l = (e == null ? void 0 : e[1]) ?? "", r = (e == null ? void 0 : e[2]) ?? "//!pd", u = (e == null ? void 0 : e[3]) ?? "";
+    return `${k(l)}<span class="${R.section}">${k(r)}</span>${B(u)}`;
   }
-  if (e === "---")
-    return `<span class="${L.sep}">${m(s)}</span>`;
-  const n = /^(\s*)(-)(?=\s|$)/.exec(s);
-  if (n) {
-    const t = m(n[1] ?? ""), i = (n[1] ?? "").length + 1, o = s.slice(i), a = o.trimStart(), c = o.slice(0, o.length - a.length), l = `<span class="${L.item}">-</span>`;
-    if (!R(a) && N(a)) {
-      const h = z(a), y = a.slice(0, h), b = a.slice(h + 1);
-      return `${t}${l}${m(c)}${V("", "", y, b)}`;
+  if (o === "---")
+    return `<span class="${R.sep}">${k(i)}</span>`;
+  const s = /^(\s*)(-)(?=[ ]|$)/.exec(i);
+  if (s) {
+    const e = k(s[1] ?? ""), l = (s[1] ?? "").length + 1, r = i.slice(l), u = r.trimStart(), p = r.slice(0, r.length - u.length), b = `<span class="${R.item}">-</span>`;
+    if (!me(u) && be(u)) {
+      const v = ve(u), E = u.slice(0, v), S = u.slice(v + 1);
+      return `${e}${b}${k(p)}${Te("", "", E, S)}`;
     }
-    return `${t}${l}${m(c)}${w(a)}`;
+    return `${e}${b}${k(p)}${B(u)}`;
   }
-  if (!R(e) && N(e)) {
-    const i = s.length - s.trimStart().length, o = s.slice(i), a = z(o), c = o.slice(0, a).trim(), l = o.slice(a + 1);
-    return V(m(s.slice(0, i)), "", c, l);
+  if (!me(o) && be(o)) {
+    const l = i.length - i.trimStart().length, r = i.slice(l), u = ve(r), p = r.slice(0, u).trim(), b = r.slice(u + 1);
+    return Te(k(i.slice(0, l)), "", p, b);
   }
-  return w(s);
+  return B(i);
 }
-function le(s) {
-  const e = s.split(`
+function qe(i) {
+  const o = i.split(`
 `);
-  let n = !1;
-  const t = [];
-  for (const i of e) {
-    const o = i.trimStart();
-    if (n) {
-      o.startsWith("```") ? (n = !1, t.push(`<span class="${L.fence}">${m(i)}</span>`)) : t.push(m(i));
+  let s = !1;
+  const e = [];
+  for (const l of o) {
+    const r = l.trimStart();
+    if (s) {
+      r.startsWith("```") ? (s = !1, e.push(`<span class="${R.fence}">${k(l)}</span>`)) : e.push(k(l));
       continue;
     }
-    if (o.startsWith("```")) {
-      n = !0, t.push(`<span class="${L.fence}">${m(i)}</span>`);
+    if (r.startsWith("```")) {
+      s = !0, e.push(`<span class="${R.fence}">${k(l)}</span>`);
       continue;
     }
-    t.push(oe(i));
+    e.push(We(l));
   }
-  return t.join(`
+  return e.join(`
 `);
 }
-function re(s) {
-  return (e) => s === "pd" ? le(e) : ee(e);
+function Ge(i) {
+  return (o) => i === "pd" ? qe(o) : ze(o);
 }
-function ae(s, e = {}) {
-  return ne(s, e, re);
+function Xe(i, o = {}) {
+  return Ve(i, o, Ge);
 }
 export {
-  ae as createPdEditor,
-  he as format,
-  le as highlightPd,
-  de as jsonToPdText,
-  pe as pdToJsonText
+  Xe as createPdEditor,
+  Qe as format,
+  qe as highlightPd,
+  Ue as jsonToPdText,
+  et as pdToJsonText
 };
-//# sourceMappingURL=pd.js.map