@andares/pdeditor 0.4.0 → 0.5.0

package/dist/element.js

@@ -0,0 +1,867 @@
+var Me = Object.defineProperty;
+var He = (r, i, s) => i in r ? Me(r, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[i] = s;
+var A = (r, i, s) => He(r, typeof i != "symbol" ? i + "" : i, s);
+import { hasLiteralColon as me, matchKeyValue as ve, findKeyValueSeparator as ye, splitInlineCode as Ie } from "@andares/pdfoundation";
+import { format as ut, jsonToPdText as dt, pdToJsonText as ht } from "@andares/pdfoundation";
+function Pe(r, i, { signal: s, edges: t } = {}) {
+  let a, e = null;
+  const l = t != null && t.includes("leading"), u = t == null || t.includes("trailing"), d = () => {
+    e !== null && (r.apply(a, e), a = void 0, e = null);
+  }, S = () => {
+    u && d(), $();
+  };
+  let v = null;
+  const _ = () => {
+    v != null && clearTimeout(v), v = setTimeout(() => {
+      v = null, S();
+    }, i);
+  }, L = () => {
+    v !== null && (clearTimeout(v), v = null);
+  }, $ = () => {
+    L(), a = void 0, e = null;
+  }, y = () => {
+    d();
+  }, x = function(...p) {
+    if (s != null && s.aborted) return;
+    a = this, e = p;
+    const g = v == null;
+    _(), l && g && d();
+  };
+  return x.schedule = _, x.cancel = $, x.flush = y, s == null || s.addEventListener("abort", $, { once: !0 }), x;
+}
+function Z(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 xe(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 P(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 ke() {
+  return (r, i) => {
+    var S;
+    if (i.type !== "keydown" || !Z(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 u = /^(\s*)-(?=[ ]|$)/.test(e), d = `
+${l}${u ? "- " : ""}`;
+    return {
+      value: s.slice(0, t) + d + s.slice(a),
+      selectionStart: t + d.length,
+      selectionEnd: t + d.length
+    };
+  };
+}
+function Ke(r) {
+  return /^(\s*)-(?=[ ]|$)/.test(r);
+}
+function _e(r, i) {
+  return r.startsWith(i) ? i.length : r.startsWith("	") ? 1 : 0;
+}
+function Se(r) {
+  return (i, s) => {
+    if (s.type !== "keydown") return;
+    const { value: t, selectionStart: a, selectionEnd: e } = i, l = t.split(`
+`), u = t.slice(0, a).split(`
+`).length - 1, d = t.slice(0, e).split(`
+`).length - 1, S = xe(t, a), v = xe(t, e);
+    if (Z(s, "shift+tab")) {
+      s.preventDefault();
+      const _ = l.map(
+        (p, g) => g >= u && g <= d ? p.slice(_e(p, r)) : p
+      ), L = _.join(`
+`);
+      if (L === t) return;
+      const $ = (p) => {
+        const g = _e(l[p.line] ?? "", r);
+        return { line: p.line, col: Math.max(0, p.col - g) };
+      }, y = $(S), x = $(v);
+      return {
+        value: L,
+        selectionStart: P(_, y.line, y.col),
+        selectionEnd: P(_, x.line, x.col)
+      };
+    }
+    if (Z(s, "tab")) {
+      s.preventDefault();
+      const _ = l.map((y, x) => ({ l: y, i: x })).filter(({ i: y }) => y >= u && y <= d);
+      if (_.length > 0 && _.every(({ l: y }) => Ke(y)) || a !== e) {
+        const y = l.map(
+          (k, b) => b >= u && b <= d && k !== "" ? r + k : k
+        ), x = y.join(`
+`), p = (k) => {
+          const b = l[k.line] ?? "", Q = k.line >= u && k.line <= d;
+          return {
+            line: k.line,
+            col: Q && b !== "" ? k.col + r.length : k.col
+          };
+        }, g = p(S), o = p(v);
+        return {
+          value: x,
+          selectionStart: P(y, g.line, g.col),
+          selectionEnd: P(y, o.line, o.col)
+        };
+      }
+      const $ = a + r.length;
+      return {
+        value: t.slice(0, a) + r + t.slice(e),
+        selectionStart: $,
+        selectionEnd: $
+      };
+    }
+  };
+}
+function Be(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function O(r) {
+  return r.replace(/\r\n?/g, `
+`);
+}
+function je(r, i) {
+  const s = document.createRange();
+  s.selectNodeContents(r), r.replaceChildren(s.createContextualFragment(i));
+}
+function We(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 qe = /* @__PURE__ */ new Set([
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft"
+]);
+function Le(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 Ue(r) {
+  return r.startsWith("--") ? r : r.replace(/[A-Z]/g, (i) => `-${i.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;", Ce = "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;", Ee = "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;", Ge = "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;", Ae = "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 K(r, i, s, t, a = {}) {
+  const e = document.createElement(r);
+  e.className = i, e.setAttribute("part", s), e.style.cssText = t;
+  for (const [l, u] of Object.entries(a)) e.setAttribute(l, u);
+  return e;
+}
+function Je(r, i, s) {
+  let t = { ...i }, a = t.language ?? "pd", e = O(t.value ?? ""), l = e, u = !1, d = !1, S = !1, v = t.lineNumbers ?? !1, _ = U(), L = "", $ = !1, y = 0, x = null;
+  const p = K("div", "pd-root", "root", $e), g = K("pre", "pd-highlight", "highlight", Ee, {
+    "aria-hidden": "true"
+  }), o = K("textarea", "pd-input", "input", Ce), k = K("div", "pd-placeholder", "placeholder", Ae, {
+    "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), H(), p.appendChild(g), p.appendChild(k), p.appendChild(o), r.appendChild(p), M(), G(), T(), W();
+  function B() {
+    u || (g.scrollTop = o.scrollTop, g.scrollLeft = o.scrollLeft, b && (b.scrollTop = o.scrollTop, b.scrollLeft = o.scrollLeft));
+  }
+  function Oe() {
+    if (typeof getComputedStyle != "function") return 0;
+    const n = getComputedStyle(r), c = Number.parseFloat(n.paddingTop) || 0, h = Number.parseFloat(n.paddingBottom) || 0;
+    return Math.max(0, r.clientHeight - c - h);
+  }
+  function j() {
+    $ ? (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 W() {
+    if (u) return;
+    const n = Oe(), c = g.scrollHeight;
+    if (!$) {
+      n > 0 && c > n + 1 && ($ = !0, j(), p.style.height = `${n}px`, B());
+      return;
+    }
+    if (n <= 0 || c <= n + 1) {
+      $ = !1, j(), p.style.height = "", o.scrollTop = 0;
+      return;
+    }
+    const h = Number.parseFloat(p.style.height) || 0;
+    Math.abs(h - n) > 0.5 && (p.style.height = `${n}px`), B();
+  }
+  function ee() {
+    if (!y) {
+      if (typeof requestAnimationFrame != "function") {
+        W();
+        return;
+      }
+      y = requestAnimationFrame(() => {
+        y = 0, W();
+      });
+    }
+  }
+  typeof ResizeObserver < "u" && (x = new ResizeObserver(() => ee()), x.observe(r), x.observe(p));
+  const te = () => B(), Re = (n, c, h) => {
+    var f;
+    e = n, l = n, q({ value: n, selStart: c, selEnd: h }), (f = t.onValueChange) == null || f.call(t, n);
+  }, ne = (n) => {
+    if (u) return;
+    const c = O(o.value);
+    if (d || n != null && n.isComposing) {
+      e = c, T();
+      return;
+    }
+    c !== e && (e = c, T()), c !== l && Re(c, o.selectionStart, o.selectionEnd);
+  }, ie = () => {
+    d = !0;
+  }, re = () => {
+    d = !1;
+    const n = O(o.value);
+    n !== e && (e = n, T());
+  }, ze = Math.max(0, t.historyLimit ?? 5), oe = Math.max(0, t.historyDebounce ?? 1e3), E = [
+    { value: e, selStart: -1, selEnd: -1 }
+  ], N = [], le = () => {
+    E.length > ze + 1 && E.splice(1, 1);
+  }, se = (n) => {
+    const c = E[0];
+    if (c !== void 0 && c.selStart < 0 && c.value !== n.value) {
+      const f = We(c.value, n.value);
+      c.selStart = f, c.selEnd = f;
+    }
+    const h = E.at(-1);
+    h !== void 0 && h.value === n.value || (N.length = 0, E.push(n), le());
+  }, R = Pe(se, oe), q = (n) => {
+    oe === 0 ? se(n) : R(n);
+  }, ae = (n) => {
+    var f;
+    const c = n.selStart >= 0 ? n.selStart : Math.min(n.value.length, o.selectionStart), h = n.selEnd >= 0 ? n.selEnd : c;
+    e = n.value, l = n.value, o.value = n.value, o.setSelectionRange(
+      Math.max(0, Math.min(c, n.value.length)),
+      Math.max(0, Math.min(h, n.value.length))
+    ), T(), B(), (f = t.onValueChange) == null || f.call(t, n.value);
+  }, ce = () => {
+    if (R.flush(), E.length <= 1) return !1;
+    const n = E.pop();
+    n !== void 0 && N.push(n);
+    const c = E.at(-1);
+    return c !== void 0 && ae(c), !0;
+  }, ue = () => {
+    if (R.flush(), N.length === 0) return !1;
+    const n = N.pop();
+    return n === void 0 ? !1 : (E.push(n), le(), ae(n), !0);
+  }, de = (n) => {
+    var w;
+    if (u || n.isComposing || d || o.readOnly || o.disabled) return;
+    const c = n.ctrlKey || n.metaKey, h = n.key.toLowerCase();
+    if (c && (h === "z" || h === "y")) {
+      n.preventDefault(), h === "y" || h === "z" && n.shiftKey ? ue() : ce();
+      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 f = {
+      value: e,
+      selectionStart: o.selectionStart,
+      selectionEnd: o.selectionEnd
+    };
+    let m = f;
+    for (const D of X) {
+      const V = D(m, n);
+      V && (m = { ...m, ...V });
+    }
+    (m.value !== f.value || m.selectionStart !== f.selectionStart || m.selectionEnd !== f.selectionEnd) && (n.preventDefault(), e = m.value, o.value = m.value, o.setSelectionRange(m.selectionStart, m.selectionEnd), l = m.value, T(), q({
+      value: m.value,
+      selStart: m.selectionStart,
+      selEnd: m.selectionEnd
+    }), (w = t.onValueChange) == null || w.call(t, m.value), B());
+  }, he = () => p.classList.add("pd-focused"), pe = () => p.classList.remove("pd-focused");
+  o.addEventListener("input", ne), o.addEventListener("compositionstart", ie), o.addEventListener("compositionend", re), o.addEventListener("scroll", te, { passive: !0 }), o.addEventListener("keydown", de), o.addEventListener("focus", he), o.addEventListener("blur", pe);
+  function U() {
+    return t.highlight ? (n) => {
+      var c;
+      return ((c = t.highlight) == null ? void 0 : c.call(t, n, a)) ?? "";
+    } : s(a);
+  }
+  function T() {
+    if (u) return;
+    const n = t.highlightThreshold ?? 1e5, c = e.length > n ? Be(e) : _(e);
+    je(g, `${c}<br/>`), v && fe(), G(), x || ee();
+  }
+  function fe() {
+    if (!v) return;
+    b || (b = document.createElement("pre"), b.className = "pd-lines", b.setAttribute("part", "gutter"), b.setAttribute("aria-hidden", "true"), p.insertBefore(b, k));
+    const n = e.split(`
+`), h = `${String(n.length).length + 1}ch`, f = Le(t.styles ?? {}), m = `position:absolute;inset-inline-start:${f.left};width:${h};text-align:end;opacity:var(--pd-gutter-opacity,0.35);color:var(--pd-gutter-color,inherit)`, w = document.createDocumentFragment();
+    n.forEach((D, V) => {
+      const I = document.createElement("span");
+      I.className = "pd-ln", I.style.cssText = m, I.textContent = String(V + 1);
+      const Y = document.createElement("span");
+      Y.style.color = "transparent", Y.textContent = D, w.append(I, Y), V < n.length - 1 && w.append(document.createTextNode(`
+`));
+    }), w.append(document.createElement("br")), b.replaceChildren(w), h !== L && (L = h, M(), b.style.cssText = be(f));
+  }
+  function G() {
+    const n = t.placeholder ?? "";
+    k.textContent = n, k.style.display = n && e.length === 0 ? "block" : "none", n ? o.setAttribute("aria-placeholder", n) : o.removeAttribute("aria-placeholder");
+  }
+  function ge(n) {
+    const c = L ? `calc(${n.left} + ${L})` : n.left;
+    return `padding:${n.top} ${n.right} ${n.bottom} ${c};`;
+  }
+  function J(n, c) {
+    return c + ge(n);
+  }
+  function be(n) {
+    return Ge + ge(n);
+  }
+  function M() {
+    const n = t.styles ?? {}, c = Le(n), h = Object.entries(n).filter(([f]) => !qe.has(f)).map(([f, m]) => `${Ue(f)}:${m};`).join("");
+    p.style.cssText = $e + h, g.style.cssText = J(c, Ee), o.style.cssText = J(c, Ce), k.style.cssText = J(c, Ae), b && (b.style.cssText = be(c)), j(), t.dir && (p.dir = t.dir, o.dir = t.dir, g.dir = t.dir, k.dir = t.dir, b && (b.dir = t.dir));
+  }
+  function H() {
+    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");
+  }
+  v && fe();
+  const X = [ke(), Se(t.indentUnit ?? "  ")];
+  return {
+    setValue(n, c) {
+      if (u || d) return;
+      let h = O(n);
+      t.maxLength !== void 0 && t.maxLength >= 0 && (h = h.slice(0, t.maxLength)), R.cancel(), e = h, l = h, o.value = h, o.setSelectionRange(h.length, h.length), ((c == null ? void 0 : c.resetHistory) ?? !0) && (E.length = 0, E.push({ value: h, selStart: -1, selEnd: -1 }), N.length = 0), T(), B();
+    },
+    getValue() {
+      return e;
+    },
+    setLanguage(n) {
+      a = n, t = { ...t, language: n }, _ = U(), T();
+    },
+    setPlaceholder(n) {
+      t = { ...t, placeholder: n }, G();
+    },
+    setReadOnly(n) {
+      t = { ...t, readOnly: n }, o.readOnly = n, H();
+    },
+    setDisabled(n) {
+      t = { ...t, disabled: n }, o.disabled = n, H();
+    },
+    setLineNumbers(n) {
+      v !== n && (v = n, !n && b && (b.remove(), b = null, L = ""), M(), T());
+    },
+    update(n) {
+      u || (t = { ...t, ...n }, n.indentUnit !== void 0 && X.splice(0, X.length, ke(), Se(n.indentUnit)), n.language !== void 0 && (a = n.language), ("highlight" in n || n.language !== void 0) && (_ = U()), n.lineNumbers !== void 0 && (v = n.lineNumbers, !v && b && (b.remove(), b = null, L = "")), n.value !== void 0 && (e = O(n.value), l = e, o.value = e, E.length = 0, E.push({ value: e, selStart: -1, selEnd: -1 }), N.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), H(), M(), T(), B());
+    },
+    focus() {
+      o.focus();
+    },
+    blur() {
+      o.blur();
+    },
+    undo() {
+      ce();
+    },
+    redo() {
+      ue();
+    },
+    insertText(n) {
+      var D;
+      if (u || o.readOnly || o.disabled) return;
+      const c = o.selectionStart, h = o.selectionEnd;
+      let f = O(n);
+      if (t.maxLength !== void 0 && t.maxLength >= 0) {
+        const V = t.maxLength - (e.length - (h - c));
+        if (V <= 0) return;
+        f.length > V && (f = f.slice(0, V));
+      }
+      const m = e.slice(0, c) + f + e.slice(h);
+      e = m, l = m, o.value = m;
+      const w = c + f.length;
+      o.setSelectionRange(w, w), T(), q({ value: m, selStart: w, selEnd: w }), (D = t.onValueChange) == null || D.call(t, m), B();
+    },
+    getSelection() {
+      return { start: o.selectionStart, end: o.selectionEnd };
+    },
+    setSelection(n, c = n) {
+      const h = (f) => Math.max(0, Math.min(e.length, Number.isFinite(f) ? f : 0));
+      o.setSelectionRange(h(n), h(c));
+    },
+    destroy() {
+      u || (u = !0, R.cancel(), x == null || x.disconnect(), y && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(y), o.removeEventListener("input", ne), o.removeEventListener("compositionstart", ie), o.removeEventListener("compositionend", re), o.removeEventListener("scroll", te), o.removeEventListener("keydown", de), o.removeEventListener("focus", he), o.removeEventListener("blur", pe), p.remove());
+    },
+    textarea: o,
+    root: p,
+    pre: g
+  };
+}
+function C(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+const F = {
+  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 Xe(r) {
+  return `<span class="${F.inlineCode}">${C(r)}</span>`;
+}
+const we = /(?:^|\s):([^\s-][^\s]*)(?=\s|$)/g;
+function Ye(r) {
+  let i = "", s = 0;
+  we.lastIndex = 0;
+  let t;
+  for (; (t = we.exec(r)) !== null; ) {
+    const a = /^\s/.test(t[0]) ? 1 : 0, e = t.index + a;
+    i += C(r.slice(s, e)), i += `<span class="${F.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 z(r) {
+  let i = "";
+  for (const { code: s, seg: t } of Ie(r))
+    i += s ? Xe(t) : Ye(t);
+  return i;
+}
+function Te(r, i, s, t) {
+  const a = `<span class="${F.key}">${z(s)}</span>`, e = `<span class="${F.keyPunct}">:</span>`;
+  return `${r}${i}${a}${e}${z(t)}`;
+}
+function Ze(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="${F.section}">${C(e)}</span>${z(l)}`;
+  }
+  if (i === "---")
+    return `<span class="${F.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(), u = e.slice(0, e.length - l.length), d = `<span class="${F.item}">-</span>`;
+    if (!me(l) && ve(l)) {
+      const v = ye(l), _ = l.slice(0, v), L = l.slice(v + 1);
+      return `${t}${d}${C(u)}${Te("", "", _, L)}`;
+    }
+    return `${t}${d}${C(u)}${z(l)}`;
+  }
+  if (!me(i) && ve(i)) {
+    const a = r.length - r.trimStart().length, e = r.slice(a), l = ye(e), u = e.slice(0, l).trim(), d = e.slice(l + 1);
+    return Te(C(r.slice(0, a)), "", u, d);
+  }
+  return z(r);
+}
+function Qe(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="${F.fence}">${C(a)}</span>`)) : t.push(C(a));
+      continue;
+    }
+    if (e.startsWith("```")) {
+      s = !0, t.push(`<span class="${F.fence}">${C(a)}</span>`);
+      continue;
+    }
+    t.push(Ze(a));
+  }
+  return t.join(`
+`);
+}
+function et(r) {
+  return (i) => r === "pd" ? Qe(i) : Be(i);
+}
+function De(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 Ne(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 Ve = `
+: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)}
+${De("")}
+${Ne("")}
+`;
+function tt() {
+  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)}
+${De(r)}
+${Ne(r)}
+`;
+}
+const Fe = /* @__PURE__ */ new WeakSet();
+function nt(r) {
+  if (Fe.has(r)) return;
+  Fe.add(r);
+  const i = r.createElement("style");
+  i.setAttribute("data-pd-editor", ""), i.textContent = tt(), (r.head ?? r.documentElement).appendChild(i);
+}
+function it(r) {
+  if (r.querySelector("style[data-pd-editor]")) return;
+  try {
+    if (typeof CSSStyleSheet < "u" && "replaceSync" in CSSStyleSheet.prototype) {
+      const s = new CSSStyleSheet();
+      s.replaceSync(Ve), r.adoptedStyleSheets = [...r.adoptedStyleSheets, s];
+      return;
+    }
+  } catch {
+  }
+  const i = document.createElement("style");
+  i.setAttribute("data-pd-editor", ""), i.textContent = Ve, r.appendChild(i);
+}
+const rt = [
+  "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 st(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();
+      A(this, "_editor", null);
+      A(this, "_internals", null);
+      A(this, "_container", null);
+      A(this, "_shadow", null);
+      A(this, "_value", "");
+      A(this, "_defaultValue", null);
+      A(this, "_highlight", null);
+      A(this, "_formDisabled", !1);
+      A(this, "_focusValue", "");
+      A(this, "_onFocus", () => {
+        this._focusValue = this._value, this._emit("pd-focus", { value: this._value });
+      });
+      A(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 rt;
+    }
+    // ---- 属性 / 属性反射 ----
+    get value() {
+      return this._editor ? this._editor.getValue() : this._value;
+    }
+    set value(e) {
+      var u;
+      const l = e == null ? "" : String(e);
+      this._value = l, (u = this._editor) == null || u.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 ? nt(this.ownerDocument) : (this._shadow ?? (this._shadow = this.attachShadow({
+        mode: "open",
+        delegatesFocus: !0
+      })), it(this._shadow));
+      const u = 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", u.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: (v) => this._handleValueChange(v)
+      };
+      this._editor = Je(d, S, et), 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, u, 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), (u = this._editor) == null || u.destroy(), this._editor = null, (d = this._container) == null || d.remove(), this._container = null;
+    }
+    attributeChangedCallback(e, l, u) {
+      var d;
+      if (l !== u) {
+        if (e === "value") {
+          this._value = u ?? "", (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 u;
+      (u = this._editor) == null || u.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 u = this, d = u[l];
+          delete u[l], u[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 u of ["inputmode", "enterkeyhint"]) {
+          const d = this.getAttribute(u);
+          d ? e.setAttribute(u, d) : e.removeAttribute(u);
+        }
+    }
+    _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 A(s, "formAssociated", !0), customElements.define(r, s), s;
+}
+export {
+  st as definePdEditor,
+  ut as format,
+  Qe as highlightPd,
+  dt as jsonToPdText,
+  ht as pdToJsonText
+};