@glifox/gnosis 0.0.6 → 0.0.7

package/dist/gnosis.mjs

@@ -1,15 +1,15 @@
-var V = Object.defineProperty;
-var X = (t, r, o) => r in t ? V(t, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[r] = o;
-var L = (t, r, o) => X(t, typeof r != "symbol" ? r + "" : r, o);
-import { languages as Z } from "@codemirror/language-data";
-import { markdown as J } from "@codemirror/lang-markdown";
-import { GFM as ee } from "@lezer/markdown";
-import { Tag as re, styleTags as te, tags as e } from "@lezer/highlight";
-import { ViewPlugin as ae, Decoration as h, WidgetType as S, EditorView as K } from "@codemirror/view";
-import { syntaxTree as H, HighlightStyle as oe, syntaxHighlighting as ne } from "@codemirror/language";
-import { EditorView as B } from "codemirror";
-import { Compartment as le } from "@codemirror/state";
-const m = re.define("none"), ce = te({
+var Z = Object.defineProperty;
+var J = (t, r, a) => r in t ? Z(t, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[r] = a;
+var L = (t, r, a) => J(t, typeof r != "symbol" ? r + "" : r, a);
+import { languages as ee } from "@codemirror/language-data";
+import { markdown as re } from "@codemirror/lang-markdown";
+import { GFM as te } from "@lezer/markdown";
+import { Tag as ae, styleTags as oe, tags as e } from "@lezer/highlight";
+import { ViewPlugin as ne, Decoration as h, WidgetType as M, EditorView as q } from "@codemirror/view";
+import { syntaxTree as $, HighlightStyle as le, syntaxHighlighting as ce } from "@codemirror/language";
+import { EditorView as w } from "codemirror";
+import { Compartment as se, StateEffect as ie, StateField as ge } from "@codemirror/state";
+const m = ae.define("none"), he = oe({
   "Blockquote/...": m,
   HorizontalRule: m,
   "ATXHeading1/... SetextHeading1/...": m,
@@ -34,54 +34,54 @@ const m = re.define("none"), ce = te({
   "CodeInfo LinkLabel TaskMarker TableDelimiter": m,
   LinkTitle: m,
   Paragraph: m
-}), se = { props: [ce] }, C = (t, r, o = {}) => {
+}), de = { props: [he] }, C = (t, r, a = {}) => {
   const n = class {
-    constructor(g) {
+    constructor(i) {
       L(this, "decorations");
       L(this, "conf");
-      this.conf = r, this.decorations = t(g, this.conf);
+      this.conf = r, this.decorations = t(i, this.conf);
     }
-    update(g) {
-      (g.docChanged || g.viewportChanged || g.selectionSet) && (this.decorations = t(g.view, this.conf));
+    update(i) {
+      (i.docChanged || i.viewportChanged || i.selectionSet) && (this.decorations = t(i.view, this.conf));
     }
   };
-  return ae.fromClass(n, { decorations: (s) => s.decorations, ...o });
-}, v = (t, r, o) => {
+  return ne.fromClass(n, { decorations: (c) => c.decorations, ...a });
+}, N = (t, r, a) => {
   const n = t.state.selection.ranges;
-  for (let s of n)
-    if (s.from >= r && s.from <= o || s.to >= r && s.to <= o || s.from <= r && s.to >= o)
+  for (let c of n)
+    if (c.from >= r && c.from <= a || c.to >= r && c.to <= a || c.from <= r && c.to >= a)
       return !0;
   return !1;
-}, E = (t, r) => {
-  for (const { from: o, to: n } of t.visibleRanges)
-    H(t.state).iterate({ ...r, from: o, to: n });
+}, v = (t, r) => {
+  for (const { from: a, to: n } of t.visibleRanges)
+    $(t.state).iterate({ ...r, from: a, to: n });
 };
-function ge(t, r, o, n = 1) {
-  const s = (i) => [
-    (t[0] - (1 - i) * r[0]) / i,
-    (t[1] - (1 - i) * r[1]) / i,
-    (t[2] - (1 - i) * r[2]) / i
+function be(t, r, a, n = 1) {
+  const c = (g) => [
+    (t[0] - (1 - g) * r[0]) / g,
+    (t[1] - (1 - g) * r[1]) / g,
+    (t[2] - (1 - g) * r[2]) / g
   ];
-  let g = o, l = s(g);
-  const a = l.map((i, d) => i < 0 && r[d] > 0 ? 1 - l[d] / r[d] : o), c = Math.max(...a);
-  return c > g && (g = Math.min(c, n), t = s(g)), l = l.map((i) => Math.round(i < 0 ? 0 : i)), l.push(g), l;
+  let i = a, l = c(i);
+  const o = l.map((g, d) => g < 0 && r[d] > 0 ? 1 - l[d] / r[d] : a), s = Math.max(...o);
+  return s > i && (i = Math.min(s, n), t = c(i)), l = l.map((g) => Math.round(g < 0 ? 0 : g)), l.push(i), l;
 }
-function ie(t, r) {
-  const o = ["Document"], n = {}, s = {
-    HorizontalRule: (l, a, c = !0) => [
-      h.line({ class: "hr " + (c ? "sw" : "") }).range(l),
-      h.mark({ class: "mk" }).range(l, a)
+function me(t, r) {
+  const a = ["Document"], n = {}, c = {
+    HorizontalRule: (l, o, s = !0) => [
+      h.line({ class: "hr " + (s ? "sw" : "") }).range(l),
+      h.mark({ class: "mk" }).range(l, o)
     ]
-  }, g = [];
-  return E(t, {
-    enter: ({ type: l, from: a, to: c }) => (l.name in s && g.push(...s[l.name](a, c, v(t, a, c))), o.includes(l.name) || l.name in n)
-  }), h.set(g, !1);
+  }, i = [];
+  return v(t, {
+    enter: ({ type: l, from: o, to: s }) => (l.name in c && i.push(...c[l.name](o, s, N(t, o, s))), a.includes(l.name) || l.name in n)
+  }), h.set(i, !1);
 }
-const he = (t) => {
+const ue = (t) => {
   const {
     color: r = "black"
   } = t || {};
-  return B.baseTheme({
+  return w.baseTheme({
     ".hr": { position: "relative" },
     ".hr    > .mk": { fontSize: "0" },
     ".hr.sw > .mk": { fontSize: "inherit" },
@@ -94,29 +94,29 @@ const he = (t) => {
     },
     "&.cm-focused .hr.sw::before": { width: "0", height: "0" }
   });
-}, Q = (t = {}) => [
-  C(ie, {}),
-  he(t == null ? void 0 : t.color)
+}, G = (t = {}) => [
+  C(me, {}),
+  ue(t == null ? void 0 : t.color)
 ];
-function de(t, r) {
-  const o = ["FencedCode"], n = {
-    StrongEmphasis: (l = !0, a, c) => h.mark({ class: "il st " + (l ? "sw" : "") }).range(a, c),
-    Strikethrough: (l = !0, a, c) => h.mark({ class: "il sk " + (l ? "sw" : "") }).range(a, c),
-    InlineCode: (l = !0, a, c) => h.mark({ class: "il ic " + (l ? "sw" : "") }).range(a, c),
-    Emphasis: (l = !0, a, c) => h.mark({ class: "il it " + (l ? "sw" : "") }).range(a, c),
-    Mark: (l, a) => h.mark({ class: "mkl" }).range(l, a)
-  }, s = ["EmphasisMark", "CodeMark", "StrikethroughMark"], g = [];
-  return E(t, {
-    enter: ({ type: { name: l }, from: a, to: c }) => s.includes(l) ? (g.push(n.Mark(a, c)), !1) : (l in n && g.push(
+function fe(t, r) {
+  const a = ["FencedCode"], n = {
+    StrongEmphasis: (l = !0, o, s) => h.mark({ class: "il st " + (l ? "sw" : "") }).range(o, s),
+    Strikethrough: (l = !0, o, s) => h.mark({ class: "il sk " + (l ? "sw" : "") }).range(o, s),
+    InlineCode: (l = !0, o, s) => h.mark({ class: "il ic " + (l ? "sw" : "") }).range(o, s),
+    Emphasis: (l = !0, o, s) => h.mark({ class: "il it " + (l ? "sw" : "") }).range(o, s),
+    Mark: (l, o) => h.mark({ class: "mkl" }).range(l, o)
+  }, c = ["EmphasisMark", "CodeMark", "StrikethroughMark"], i = [];
+  return v(t, {
+    enter: ({ type: { name: l }, from: o, to: s }) => c.includes(l) ? (i.push(n.Mark(o, s)), !1) : (l in n && i.push(
       n[l](
-        v(t, a, c),
-        a,
-        c
+        N(t, o, s),
+        o,
+        s
       )
-    ), !o.includes(l))
-  }), h.set(g, !1);
+    ), !a.includes(l))
+  }), h.set(i, !1);
 }
-const be = B.baseTheme({
+const pe = w.baseTheme({
   ".it ": { fontStyle: "italic" },
   ".st ": { fontWeight: "bold" },
   ".sk ": { textDecoration: "line-through" },
@@ -125,82 +125,82 @@ const be = B.baseTheme({
     paddingInline: ".6ch",
     borderRadius: ".6ch"
   }
-}), me = B.baseTheme({
+}), ke = w.baseTheme({
   ".il .mkl": { fontSize: "0" },
   "&.cm-focused .il.sw .mkl": { fontSize: "inherit" }
-}), z = (t = {}) => {
+}), Q = (t = {}) => {
   const {
     hideMarks: r = !0
   } = t;
   return [
-    C(de, {}),
-    be,
-    r ? me : []
+    C(fe, {}),
+    pe,
+    r ? ke : []
   ];
 };
-class ue extends S {
-  constructor(o) {
+class xe extends M {
+  constructor(a) {
     super();
     L(this, "checked", !1);
-    this.checked = o;
+    this.checked = a;
   }
   // eq(other) { return other.checked == this.checked }
   toDOM() {
-    let o = document.createElement("span");
-    o.setAttribute("aria-hidden", "true"), o.className = "TaskMark";
-    let n = o.appendChild(document.createElement("input"));
-    return n.type = "checkbox", n.checked = this.checked, o;
+    let a = document.createElement("span");
+    a.setAttribute("aria-hidden", "true"), a.className = "TaskMark";
+    let n = a.appendChild(document.createElement("input"));
+    return n.type = "checkbox", n.checked = this.checked, a;
   }
   ignoreEvent() {
     return !1;
   }
 }
-function fe(t, r) {
-  const o = [
+function ye(t, r) {
+  const a = [
     "Document",
     "ListItem",
     "Task"
   ], n = {
     BulletList: "bl",
     OrderedList: "ol"
-  }, s = {
-    ListMark: (a, c, i, d = !0) => h.mark({ class: `${i} lm ${d ? "sw" : ""}` }).range(a, c),
-    TaskMarker: (a, c, i, d = !0) => {
-      const b = t.state.doc.sliceString(a + 1, c - 1) === "x";
-      return d ? h.mark({ class: `tm ${b ? "ck" : ""}` }).range(a, c) : h.replace({
-        widget: new ue(b)
-      }).range(a, c);
+  }, c = {
+    ListMark: (o, s, g, d = !0) => h.mark({ class: `${g} lm ${d ? "sw" : ""}` }).range(o, s),
+    TaskMarker: (o, s, g, d = !0) => {
+      const b = t.state.doc.sliceString(o + 1, s - 1) === "x";
+      return d ? h.mark({ class: `tm ${b ? "ck" : ""}` }).range(o, s) : h.replace({
+        widget: new xe(b)
+      }).range(o, s);
     }
-  }, g = [], l = [];
-  return E(t, {
-    enter: ({ type: a, from: c, to: i }) => a.name in n ? (l.push({ name: a.name, from: c, to: i }), !0) : (a.name in s && g.push(s[a.name](
-      c,
-      i,
+  }, i = [], l = [];
+  return v(t, {
+    enter: ({ type: o, from: s, to: g }) => o.name in n ? (l.push({ name: o.name, from: s, to: g }), !0) : (o.name in c && i.push(c[o.name](
+      s,
+      g,
       n[l.slice(-1)[0].name],
-      v(t, c, i)
-    )), o.includes(a.name)),
-    leave: ({ type: { name: a }, from: c, to: i }) => {
+      N(t, s, g)
+    )), a.includes(o.name)),
+    leave: ({ type: { name: o }, from: s, to: g }) => {
       const d = l.slice(-1)[0];
-      d && d.name === a && d.from === c && d.to === i && l.pop();
+      d && d.name === o && d.from === s && d.to === g && l.pop();
     }
-  }), h.set(g, !1);
+  }), h.set(i, !1);
 }
-const pe = (t, r) => {
+const Fe = (t, r) => {
   var n;
-  let o = t.target;
-  if (o.nodeName === "INPUT" && ((n = o.parentElement) != null && n.classList.contains("TaskMark"))) return ke(r, r.posAtDOM(o));
-}, ke = (t, r) => {
-  const o = r - 2, n = r - 1;
-  let s = t.state.doc.sliceString(Math.max(0, o), n), g;
-  if (s === "x") g = { from: o, to: n, insert: " " };
-  else if (s === " ") g = { from: o, to: n, insert: "x" };
+  let a = t.target;
+  if (a.nodeName === "INPUT" && ((n = a.parentElement) != null && n.classList.contains("TaskMark"))) return we(r, r.posAtDOM(a));
+}, we = (t, r) => {
+  const a = r - 2, n = r - 1;
+  let c = t.state.doc.sliceString(Math.max(0, a), n), i;
+  if (c === "x") i = { from: a, to: n, insert: " " };
+  else if (c === " ") i = { from: a, to: n, insert: "x" };
   else return !1;
-  return t.dispatch({ changes: g }), !0;
-}, xe = (t) => {
+  return t.dispatch({ changes: i }), !0;
+}, Be = (t) => {
   const {
     color: r = "black"
   } = t || {};
-  return B.baseTheme({
+  return w.baseTheme({
     /* Bullet list Point */
     ".lm.bl": {
       position: "relative",
@@ -226,108 +226,108 @@ const pe = (t, r) => {
       color: "inherit"
     }
   });
-}, G = (t = {}) => [
-  C(fe, {}, { eventHandlers: { mousedown: pe } }),
-  xe(t == null ? void 0 : t.color)
-], ye = (t, r) => {
+}, _ = (t = {}) => [
+  C(ye, {}, { eventHandlers: { mousedown: Fe } }),
+  Be(t == null ? void 0 : t.color)
+], Ce = (t, r) => {
   var n;
-  let o = t.target;
-  if (o.nodeName === "BUTTON" && ((n = o.parentElement) != null && n.classList.contains("wg-codeblock"))) {
-    const s = ["FencedCode", "CodeBlock"];
-    let g = "";
+  let a = t.target;
+  if (a.nodeName === "BUTTON" && ((n = a.parentElement) != null && n.classList.contains("wg-codeblock"))) {
+    const c = ["FencedCode", "CodeBlock"];
+    let i = "";
     const l = {
-      enter: ({ type: { name: a }, from: c, to: i, node: d }) => (s.includes(a) && (g = Fe(r, d.toTree(), c, i)), !s.includes(a))
+      enter: ({ type: { name: o }, from: s, to: g, node: d }) => (c.includes(o) && (i = Ne(r, d.toTree(), s, g)), !c.includes(o))
     };
-    return H(r.state).iterate({
+    return $(r.state).iterate({
       ...l,
-      from: r.posAtDOM(o),
-      to: r.posAtDOM(o) + 2
-    }), navigator.clipboard.writeText(g), !0;
+      from: r.posAtDOM(a),
+      to: r.posAtDOM(a) + 2
+    }), navigator.clipboard.writeText(i), !0;
   }
-}, Fe = (t, r, o, n) => {
-  const s = ["CodeMark", "CodeInfo"];
-  let g = t.state.doc.sliceString(o, n), l = /* @__PURE__ */ new Set();
+}, Ne = (t, r, a, n) => {
+  const c = ["CodeMark", "CodeInfo"];
+  let i = t.state.doc.sliceString(a, n), l = /* @__PURE__ */ new Set();
   r.iterate({
     enter({ type: { name: d }, from: b, node: y }) {
-      s.includes(d) && l.add(t.state.doc.lineAt(b + o).number);
+      c.includes(d) && l.add(t.state.doc.lineAt(b + a).number);
     }
   });
-  const a = t.state.doc.lineAt(o), c = o - a.from, i = [];
-  return g.split(`
+  const o = t.state.doc.lineAt(a), s = a - o.from, g = [];
+  return i.split(`
 `).forEach((d, b) => {
-    l.has(b + a.number) || i.push(d.slice(c));
-  }), i.join(`
+    l.has(b + o.number) || g.push(d.slice(s));
+  }), g.join(`
 `);
 };
-class W extends S {
-  constructor(o, n, s) {
+class I extends M {
+  constructor(a, n, c) {
     super();
     L(this, "classes", "");
-    this.classes = o, this.width = n, this.marginLeft = s;
+    this.classes = a, this.width = n, this.marginLeft = c;
   }
   toDOM() {
-    let o = document.createElement("span");
-    return o.setAttribute("aria-hidden", "true"), o.className = this.classes + " vacio", o.textContent = " ", o.style.width = this.width, o.style.marginLeft = this.marginLeft, o;
+    let a = document.createElement("span");
+    return a.setAttribute("aria-hidden", "true"), a.className = this.classes + " vacio", a.textContent = " ", a.style.width = this.width, a.style.marginLeft = this.marginLeft, a;
   }
   ignoreEvent() {
     return !1;
   }
 }
-const we = (t) => `<svg class="cb-icon" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 
+const ve = (t) => `<svg class="cb-icon" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 
     <path class="cb-icon-path cb.i1" fill-rule="evenodd" clip-rule="evenodd" d="M15 0C15.5304 0 16.0391 0.210714 16.4142 0.585786C16.7893 0.960859 17 1.46957 17 2V12C17 12.5304 16.7893 13.0391 16.4142 13.4142C16.0391 13.7893 15.5304 14 15 14H14V6C14 4.93913 13.5786 3.92172 12.8284 3.17157C12.0783 2.42143 11.0609 2 10 2H7C6.64895 1.99924 6.30395 2.09135 6 2.267V2C6 1.46957 6.21071 0.960859 6.58579 0.585786C6.96086 0.210714 7.46957 0 8 0H15Z"/>
     <path class="cb-icon-path cb.i1" fill-rule="evenodd" clip-rule="evenodd" d="M5 4.054V8H1.2C1.27464 7.84448 1.3691 7.69928 1.481 7.568L3.941 4.698C4.2169 4.37661 4.58771 4.15111 5 4.054ZM7 4V8C7 8.53043 6.78929 9.03914 6.41421 9.41421C6.03914 9.78929 5.53043 10 5 10H1V16C1 16.5304 1.21071 17.0391 1.58579 17.4142C1.96086 17.7893 2.46957 18 3 18H10C10.5304 18 11.0391 17.7893 11.4142 17.4142C11.7893 17.0391 12 16.5304 12 16V6C12 5.46957 11.7893 4.96086 11.4142 4.58579C11.0391 4.21071 10.5304 4 10 4H7Z"/>
 </svg>`;
-class Be extends S {
-  constructor(r, o) {
-    super(), this.type = r, this.code = o;
+class Ee extends M {
+  constructor(r, a) {
+    super(), this.type = r, this.code = a;
   }
   toDOM() {
     let r = document.createElement("span");
     r.setAttribute("aria-hidden", "true"), r.className = "wg-codeblock";
-    let o = document.createElement("button");
-    return o.className = "wg-codeblock-btn", o.innerHTML = we(), r.appendChild(o), r;
+    let a = document.createElement("button");
+    return a.className = "wg-codeblock-btn", a.innerHTML = ve(), r.appendChild(a), r;
   }
   ignoreEvent() {
     return !1;
   }
 }
-const M = [];
-function I(t, r) {
+const S = [];
+function P(t, r) {
   const {
-    mode: o
+    mode: a
     /* type, mark */
-  } = r, n = ["Document", "Blockquote", "ListItem", "BulletList", "OrderedList"], s = {
-    FencedCode: P,
-    CodeBlock: P
-  }, g = {
-    CodeMark: (a, c, i) => [h.mark({ class: "cb-mk" }).range(c, i)],
-    CodeInfo: (a, c, i) => [h.mark({ class: "cb-mi" }).range(c, i)]
+  } = r, n = ["Document", "Blockquote", "ListItem", "BulletList", "OrderedList"], c = {
+    FencedCode: K,
+    CodeBlock: K
+  }, i = {
+    CodeMark: (o, s, g) => [h.mark({ class: "cb-mk" }).range(s, g)],
+    CodeInfo: (o, s, g) => [h.mark({ class: "cb-mi" }).range(s, g)]
   }, l = [];
-  return E(t, {
-    enter: ({ type: { name: a }, from: c, to: i }) => (o === "type" && a in s && l.push(...s[a](t, c, i)), o === "mark" && a in g && l.push(...g[a](t, c, i)), n.includes(a) || a in s ? (M.push({ name: a, from: c, to: i }), !0) : !1),
-    Leave: ({ type: { name: a }, from: c, to: i }) => n.includes(a) || a in s ? (M.pop(), !0) : !1
+  return v(t, {
+    enter: ({ type: { name: o }, from: s, to: g }) => (a === "type" && o in c && l.push(...c[o](t, s, g)), a === "mark" && o in i && l.push(...i[o](t, s, g)), n.includes(o) || o in c ? (S.push({ name: o, from: s, to: g }), !0) : !1),
+    Leave: ({ type: { name: o }, from: s, to: g }) => n.includes(o) || o in c ? (S.pop(), !0) : !1
   }), {
     type: h.set(l, !0),
     mark: h.set(l, !0)
-  }[o];
+  }[a];
 }
-const P = (t, r, o) => {
-  const n = [], s = M[M.length - 1], g = ["BulletList", "OrderedList", "ListItem"].some((f) => f === s.name), l = ["Blockquote"].some((f) => f === s.name), a = t.state.doc.lineAt(r), c = r - a.from, i = c > 0, d = v(t, a.from, o);
+const K = (t, r, a) => {
+  const n = [], c = S[S.length - 1], i = ["BulletList", "OrderedList", "ListItem"].some((f) => f === c.name), l = ["Blockquote"].some((f) => f === c.name), o = t.state.doc.lineAt(r), s = r - o.from, g = s > 0, d = N(t, o.from, a);
   d || n.push(
-    h.widget({ widget: new Be("view.state.sliceDoc(from, to)", "code"), side: 0 }).range(r + 1)
+    h.widget({ widget: new Ee("view.state.sliceDoc(from, to)", "code"), side: 0 }).range(r + 1)
   );
-  const b = a.number, y = t.state.doc.sliceString(r, o).split(`
+  const b = o.number, y = t.state.doc.sliceString(r, a).split(`
 `).length;
   for (let f = b; f < y + b; f++) {
-    const { from: u, to: F } = t.state.doc.line(f), w = "100% - 1.2ch", x = ["cb-content"];
+    const { from: u, to: F } = t.state.doc.line(f), B = "100% - 1.2ch", x = ["cb-content"];
     d && x.push("sw"), f === b && x.push("cb-start"), f === y + b - 1 && x.push("cb-end");
-    const p = Math.max(u + c, 0);
+    const p = Math.max(u + s, 0);
     if (F < p)
       x.push("free"), n.push(
         h.widget({
-          widget: new W(
+          widget: new I(
             x.join(" "),
-            `calc(${w} - ${p - u}ch)`,
+            `calc(${B} - ${p - u}ch)`,
             `calc(${p - F}ch + 2px)`
           ),
           side: 1
@@ -336,26 +336,26 @@ const P = (t, r, o) => {
     else if (p === F)
       x.push("wg"), n.push(
         h.widget({
-          widget: new W(
+          widget: new I(
             x.join(" "),
-            `calc(${w} - ${p - u}ch)`
+            `calc(${B} - ${p - u}ch)`
           ),
           side: 1
         }).range(p)
       );
-    else if (g || l || i) {
-      const N = { style: `width: calc(${w} - ${p - u}ch)` };
-      F > p && n.push(h.mark({ class: x.join(" "), attributes: N }).range(p, F)), u !== p && g && n.push(h.mark({ class: "cb-listsp" }).range(u, p)), u !== p && i && n.push(h.mark({ class: "cb-spacer" }).range(u, p)), u !== p && l && n.push(h.mark({ class: "cb-quote bq" }).range(u, p));
+    else if (i || l || g) {
+      const E = { style: `width: calc(${B} - ${p - u}ch)` };
+      F > p && n.push(h.mark({ class: x.join(" "), attributes: E }).range(p, F)), u !== p && i && n.push(h.mark({ class: "cb-listsp" }).range(u, p)), u !== p && g && n.push(h.mark({ class: "cb-spacer" }).range(u, p)), u !== p && l && n.push(h.mark({ class: "cb-quote bq" }).range(u, p));
     } else if (u !== F) {
-      const N = { style: `width: calc(${w})` };
-      n.push(h.mark({ class: x.join(" "), attributes: N }).range(u, F));
+      const E = { style: `width: calc(${B})` };
+      n.push(h.mark({ class: x.join(" "), attributes: E }).range(u, F));
     }
     n.push(h.line({ class: "cb-line" }).range(u));
   }
   return n;
-}, Ce = () => {
-  const n = "4px", s = "1lh";
-  return B.baseTheme({
+}, Te = () => {
+  const n = "4px", c = "1lh";
+  return w.baseTheme({
     ".cb-start": { borderRadius: `${n} ${n} 0 0` },
     ".cb-end  ": { borderRadius: `0 0 ${n} ${n}` },
     ".cb-start.cb-end": { borderRadius: `${n}` },
@@ -399,12 +399,12 @@ const P = (t, r, o) => {
       outline: "none",
       justifyContent: "center",
       alignItems: "center",
-      height: `calc(${s} + 4px )`,
+      height: `calc(${c} + 4px )`,
       width: "5ch"
     },
     ".cb-icon": {
-      width: s,
-      height: s,
+      width: c,
+      height: c,
       pointerEvents: "none",
       fill: "currentColor",
       opacity: "0.7"
@@ -423,41 +423,41 @@ const P = (t, r, o) => {
       width: "5ch"
     }
   });
-}, _ = (t) => [
-  C(I, { mode: "mark" }),
-  C(I, { mode: "type" }, { eventHandlers: { mousedown: ye } }),
-  Ce()
+}, Y = (t) => [
+  C(P, { mode: "mark" }),
+  C(P, { mode: "type" }, { eventHandlers: { mousedown: Ce } }),
+  Te()
 ];
-function Ne(t, r) {
-  const o = ["Document"], n = {
-    ATXHeading1: (l, a = !0) => h.line({ class: "h1 hg " + (a ? "sw" : "") }).range(l),
-    ATXHeading2: (l, a = !0) => h.line({ class: "h2 hg " + (a ? "sw" : "") }).range(l),
-    ATXHeading3: (l, a = !0) => h.line({ class: "h3 hg " + (a ? "sw" : "") }).range(l),
-    ATXHeading4: (l, a = !0) => h.line({ class: "h4 hg " + (a ? "sw" : "") }).range(l),
-    ATXHeading5: (l, a = !0) => h.line({ class: "h5 hg " + (a ? "sw" : "") }).range(l),
-    ATXHeading6: (l, a = !0) => h.line({ class: "h6 hg " + (a ? "sw" : "") }).range(l)
-  }, s = {
-    HeaderMark: (l, a) => h.mark({ class: "mk" }).range(l, a)
-  }, g = [];
-  return E(t, {
-    enter: ({ type: l, from: a, to: c }) => (l.name in n && g.push(n[l.name](a, v(t, a, c))), l.name in s && g.push(s[l.name](a, c + 1)), o.includes(l.name) || l.name in n)
-  }), h.set(g, !1);
+function Ae(t, r) {
+  const a = ["Document"], n = {
+    ATXHeading1: (l, o = !0) => h.line({ class: "h1 hg " + (o ? "sw" : "") }).range(l),
+    ATXHeading2: (l, o = !0) => h.line({ class: "h2 hg " + (o ? "sw" : "") }).range(l),
+    ATXHeading3: (l, o = !0) => h.line({ class: "h3 hg " + (o ? "sw" : "") }).range(l),
+    ATXHeading4: (l, o = !0) => h.line({ class: "h4 hg " + (o ? "sw" : "") }).range(l),
+    ATXHeading5: (l, o = !0) => h.line({ class: "h5 hg " + (o ? "sw" : "") }).range(l),
+    ATXHeading6: (l, o = !0) => h.line({ class: "h6 hg " + (o ? "sw" : "") }).range(l)
+  }, c = {
+    HeaderMark: (l, o) => h.mark({ class: "mk" }).range(l, o)
+  }, i = [];
+  return v(t, {
+    enter: ({ type: l, from: o, to: s }) => (l.name in n && i.push(n[l.name](o, N(t, o, s))), l.name in c && i.push(c[l.name](o, s + 1)), a.includes(l.name) || l.name in n)
+  }), h.set(i, !1);
 }
-const ve = B.baseTheme({
+const Le = w.baseTheme({
   ".h1 ": { fontSize: "2.6rem" },
   ".h2 ": { fontSize: "2.0rem" },
   ".h3 ": { fontSize: "1.8rem" },
   ".h4 ": { fontSize: "1.6rem" },
   ".h5 ": { fontSize: "1.4rem" },
   ".h6 ": { fontSize: "1.2rem" }
-}), Ee = B.baseTheme({
+}), Me = w.baseTheme({
   ".hg .mk": { fontSize: "0" },
   "&.cm-focused .hg.sw .mk": { fontSize: "inherit" }
-}), Y = (t = {}) => [
-  C(Ne, {}),
-  ve,
-  Ee
-], Ae = {
+}), j = (t = {}) => [
+  C(Ae, {}),
+  Le,
+  Me
+], De = {
   version: "1.7.1",
   latte: {
     name: "Latte",
@@ -3251,14 +3251,14 @@ const ve = B.baseTheme({
       }
     }
   }
-}, D = (t) => Object.entries(t), { version: sr, ...Te } = Ae, j = D(Te).reduce((t, [r, o]) => (t[r] = {
-  ...o,
-  colorEntries: D(o.colors),
-  ansiColorEntries: D(o.ansiColors)
+}, D = (t) => Object.entries(t), { version: pr, ...Se } = De, U = D(Se).reduce((t, [r, a]) => (t[r] = {
+  ...a,
+  colorEntries: D(a.colors),
+  ansiColorEntries: D(a.ansiColors)
 }, t), {});
-D(j);
-const k = ({ variant: t, settings: r, styles: o }) => {
-  const n = K.theme({
+D(U);
+const k = ({ variant: t, settings: r, styles: a }) => {
+  const n = q.theme({
     // eslint-disable-next-line @typescript-eslint/naming-convention
     "&": {
       backgroundColor: r.background,
@@ -3285,8 +3285,8 @@ const k = ({ variant: t, settings: r, styles: o }) => {
     }
   }, {
     dark: t === "dark"
-  }), s = oe.define(o);
-  return [n, ne(s)];
+  }), c = le.define(a);
+  return [n, ce(c)];
 };
 k({
   variant: "dark",
@@ -4238,18 +4238,18 @@ k({
     }
   ]
 });
-const Le = new le(), De = (t = "latte") => {
-  const r = j[t].colors, o = r.base, n = t === "latte" ? "#484b64" : r.text.hex, s = Me(r.crust.rgb, o.rgb, 0.1);
+const qe = new se(), He = (t = "latte") => {
+  const r = U[t].colors, a = r.base, n = t === "latte" ? "#484b64" : r.text.hex, c = $e(r.crust.rgb, a.rgb, 0.1);
   return [
     k({
       variant: t === "latte" ? "light" : "dark",
       settings: {
-        background: o.hex,
+        background: a.hex,
         foreground: n,
         caret: r.rosewater.hex,
         // selection: selection,
-        lineHighlight: q(r.overlay1.rgb, 0.1),
-        gutterBackground: o.hex,
+        lineHighlight: H(r.overlay1.rgb, 0.1),
+        gutterBackground: a.hex,
         gutterForeground: n
       },
       styles: [
@@ -4321,13 +4321,13 @@ const Le = new le(), De = (t = "latte") => {
         { tag: e.macroName, color: r.peach.hex }
       ]
     }),
-    K.theme({
+    q.theme({
       // Editor
-      "& .cm-selectionBackground, ::selection": { background: `${q(r.overlay2.rgb, 0.3)} !important` },
+      "& .cm-selectionBackground, ::selection": { background: `${H(r.overlay2.rgb, 0.3)} !important` },
       // Code
-      "& .cb-content, & .ic": { backgroundColor: s },
+      "& .cb-content, & .ic": { backgroundColor: c },
       ".cb-icon": { fill: n },
-      ".wg-codeblock-btn:hover": { backgroundColor: q(r.overlay1.rgb, 0.2) },
+      ".wg-codeblock-btn:hover": { backgroundColor: H(r.overlay1.rgb, 0.2) },
       // Blockquote
       ".bq-none-mark": { "--bq-none-mark": n },
       ".bq-note-mark": { "--bq-note-mark": r.blue.hex },
@@ -4337,72 +4337,80 @@ const Le = new le(), De = (t = "latte") => {
       ".bq-caution-mark": { "--bq-caution-mark": r.red.hex },
       // Links
       "& a.url": { color: r.blue.hex },
-      "& a.url:visited": { color: r.mauve.hex }
+      "& a.url:visited": { color: r.mauve.hex },
+      // Html
+      "& .cm-rendered-tag": {
+        border: `1px solid ${r.surface2.hex}`,
+        borderRadius: "4px",
+        fontSize: ".8em",
+        padding: "0px 3px",
+        background: r.surface0.hex
+      }
     }, { dark: t !== "latte" })
   ];
-}, Me = (t, r, o) => {
-  const n = [t.r, t.g, t.b], s = [r.r, r.g, r.b];
-  return `rgba(${ge(n, s, o, 0.3).join(", ")})`;
-}, q = (t, r) => `rgba(${t.r}, ${t.g}, ${t.b}, ${r})`;
-function Se(t, r) {
-  const o = ["Document", "ListItem", "BulletList", "OrderedList"], n = {
+}, $e = (t, r, a) => {
+  const n = [t.r, t.g, t.b], c = [r.r, r.g, r.b];
+  return `rgba(${be(n, c, a, 0.3).join(", ")})`;
+}, H = (t, r) => `rgba(${t.r}, ${t.g}, ${t.b}, ${r})`;
+function Oe(t, r) {
+  const a = ["Document", "ListItem", "BulletList", "OrderedList"], n = {
     none: "bq-none-mark",
     note: "bq-note-mark",
     tip: "bq-tip-mark",
     warning: "bq-warning-mark",
     important: "bq-important-mark",
     caution: "bq-caution-mark"
-  }, s = {
-    QuoteMark: (a, c, i) => {
+  }, c = {
+    QuoteMark: (o, s, g) => {
       const d = ["qt-mk"];
-      return i in n ? d.push(n[i]) : d.push(n.none), h.mark({
+      return g in n ? d.push(n[g]) : d.push(n.none), h.mark({
         class: d.join(" ")
-      }).range(a, c);
+      }).range(o, s);
     },
-    BlockquoteLine: (a, c) => h.line({ class: "bq-line " + (c ? "sw" : "") }).range(a),
-    quoteLine: (a, c, i) => {
-      const d = `calc(100% - ${Math.max(0, i) + 1.2}ch)`;
+    BlockquoteLine: (o, s) => h.line({ class: "bq-line " + (s ? "sw" : "") }).range(o),
+    quoteLine: (o, s, g) => {
+      const d = `calc(100% - ${Math.max(0, g) + 1.2}ch)`;
       return h.mark({
         class: "bq-text-line",
         attributes: { style: `width: ${d}` }
-      }).range(a, c);
+      }).range(o, s);
     }
-  }, g = (a, c, i, d) => {
-    const b = [], { from: y, to: f } = c, u = i.number, F = (w, x) => {
+  }, i = (o, s, g, d) => {
+    const b = [], { from: y, to: f } = s, u = g.number, F = (B, x) => {
       let p = 0;
-      const N = [];
-      let T = 0;
+      const E = [];
+      let A = 0;
       return {
-        enter({ name: A, node: $, from: O, to: R }) {
-          A === "Blockquote" && N.push(qe(a, $)), A === "QuoteMark" && (b.push(s[A](O, R, N[p])), T = R, p++);
+        enter({ name: T, node: O, from: R, to: W }) {
+          T === "Blockquote" && E.push(Re(o, O)), T === "QuoteMark" && (b.push(c[T](R, W, E[p])), A = W, p++);
         },
-        leave({ name: A, from: $, to: O }) {
-          A === "Paragraph" && T < x && b.push(s.quoteLine(T, x, T - w));
+        leave({ name: T, from: O, to: R }) {
+          T === "Paragraph" && A < x && b.push(c.quoteLine(A, x, A - B));
         }
       };
     };
-    for (let w = u; w < d + u; w++) {
-      const { from: x, to: p } = a.state.doc.line(w), { from: N, to: T } = c, A = v(a, N, T);
-      b.push(s.BlockquoteLine(x, A)), H(a.state).iterate({ from: x, to: p, ...F(x, p) });
+    for (let B = u; B < d + u; B++) {
+      const { from: x, to: p } = o.state.doc.line(B), { from: E, to: A } = s, T = N(o, E, A);
+      b.push(c.BlockquoteLine(x, T)), $(o.state).iterate({ from: x, to: p, ...F(x, p) });
     }
     return b;
   }, l = [];
-  return E(t, {
-    enter: ({ name: a }) => !(a in o),
-    leave: ({ name: a, from: c, to: i, node: d }) => {
-      if (a !== "Blockquote") return;
-      const b = t.state.sliceDoc(c, i).split(`
-`), y = t.state.doc.lineAt(c);
-      l.push(...g(t, d, y, b.length));
+  return v(t, {
+    enter: ({ name: o }) => !(o in a),
+    leave: ({ name: o, from: s, to: g, node: d }) => {
+      if (o !== "Blockquote") return;
+      const b = t.state.sliceDoc(s, g).split(`
+`), y = t.state.doc.lineAt(s);
+      l.push(...i(t, d, y, b.length));
     }
   }), h.set(l, !0);
 }
-const qe = (t, r) => {
-  const o = r.getChild("QuoteType");
-  if (!o) return "none";
-  const n = o.getChild("QuoteTypeText");
+const Re = (t, r) => {
+  const a = r.getChild("QuoteType");
+  if (!a) return "none";
+  const n = a.getChild("QuoteTypeText");
   return n ? t.state.sliceDoc(n.from, n.to).toLowerCase() : "none";
-}, He = () => B.baseTheme({
+}, We = () => w.baseTheme({
   "& .qt-mk": {
     // outline: "1px red solid",
     position: "relative",
@@ -4419,6 +4427,9 @@ const qe = (t, r) => {
     height: "200vh",
     zIndex: "-1"
   },
+  "&.cm-focused .bq-line.sw .qt-mk::after": {
+    opacity: 0.3
+  },
   "& .bq-line": { lineHeight: "1.2lh", overflowY: "hidden" },
   "&.cm-focused .bq-line.sw .bq-none-mark, .bq-none-mark::after": { color: "var(--bq-none-mark)" },
   "&.cm-focused .bq-line.sw .bq-note-mark, .bq-note-mark::after": { color: "var(--bq-note-mark)" },
@@ -4428,17 +4439,15 @@ const qe = (t, r) => {
   "&.cm-focused .bq-line.sw .bq-caution-mark, .bq-caution-mark::after": { color: "var(--bq-caution-mark)" },
   "& .bq-text-line": {
     lineHeight: "1lh",
-    // backgroundColor: "rgba(0, 0, 0, 0.1)",
     display: "inline-block",
-    // maxWidth: "95%",
     paddingLeft: "6px",
     textIndent: "-7px",
     ariaHidden: "true"
   }
-}), $e = (t) => [
-  C(Se, t),
-  He()
-], Oe = {
+}), Ie = (t) => [
+  C(Oe, t),
+  We()
+], Pe = {
   name: "QuoteTypeParser",
   parse(t, r) {
     if ((() => {
@@ -4448,98 +4457,98 @@ const qe = (t, r) => {
     })()) {
       const n = r.text.match(/^(\s*>\s*)+(\[!\w+\])\s*$/);
       if (n && n[2]) {
-        const s = n[2], g = r.text.indexOf(s), l = g + s.length, a = t.elt("QuoteType", t.lineStart + g, t.lineStart + l);
-        a.children = [
-          t.elt("QuoteTypeMark", t.lineStart + g, t.lineStart + g + 2),
-          t.elt("QuoteTypeText", t.lineStart + g + 2, t.lineStart + l - 1),
+        const c = n[2], i = r.text.indexOf(c), l = i + c.length, o = t.elt("QuoteType", t.lineStart + i, t.lineStart + l);
+        o.children = [
+          t.elt("QuoteTypeMark", t.lineStart + i, t.lineStart + i + 2),
+          t.elt("QuoteTypeText", t.lineStart + i + 2, t.lineStart + l - 1),
           t.elt("QuoteTypeMark", t.lineStart + l - 1, t.lineStart + l)
-        ], t.addElement(a);
+        ], t.addElement(o);
       }
     }
     return !1;
   }
-}, Re = {
+}, Ke = {
   defineNodes: [
     { name: "QuoteType", style: { "QuoteType/...": e.content } },
     { name: "QuoteTypeMark", style: e.processingInstruction },
     { name: "QuoteTypeText", style: e.bool }
   ],
-  parseBlock: [Oe]
-}, U = (t, r, o) => {
-  const n = t.state.sliceDoc(r, o), s = n.match(/\[(.*)\]/);
-  return s !== null && s.length > 1 ? {
-    text: s[1],
-    from: r + n.indexOf(s[1]),
-    to: r + 1 + s[1].length
+  parseBlock: [Pe]
+}, V = (t, r, a) => {
+  const n = t.state.sliceDoc(r, a), c = n.match(/\[(.*)\]/);
+  return c !== null && c.length > 1 ? {
+    text: c[1],
+    from: r + n.indexOf(c[1]),
+    to: r + 1 + c[1].length
   } : { text: null };
 };
-function We(t, r) {
-  const o = ["FencedCode", "Image", "Link"], n = {
+function ze(t, r) {
+  const a = ["FencedCode", "Image", "Link"], n = {
     Link: {
       marks: ["LinkMark"],
       url: "URL"
     }
-  }, s = {
-    Link: (l, a, c) => h.mark({ class: "link " + (c ? "sw" : "") }).range(l, a),
-    LinkMark: (l, a) => h.mark({ class: "lk-mk" }).range(l, a),
-    TextDec: (l, a, c) => h.mark({
+  }, c = {
+    Link: (l, o, s) => h.mark({ class: "link " + (s ? "sw" : "") }).range(l, o),
+    LinkMark: (l, o) => h.mark({ class: "lk-mk" }).range(l, o),
+    TextDec: (l, o, s) => h.mark({
       class: "lk-text url",
       tagName: "a",
-      attributes: { href: c, target: "_blank" }
-    }).range(l, a),
-    URL: (l, a, c) => h.mark({
+      attributes: { href: s, target: "_blank" }
+    }).range(l, o),
+    URL: (l, o, s) => h.mark({
       class: "lk-url url",
       tagName: "a",
-      attributes: { href: c, target: "_blank" }
-    }).range(l, a)
-  }, g = [];
-  return E(t, {
-    enter: ({ type: { name: l }, from: a, to: c, node: i }) => {
-      if (l === "URL" && g.push(s.URL(a, c, t.state.sliceDoc(a, c))), !(l in n)) return !o.includes(l);
-      g.push(s.Link(a, c, v(t, a, c)));
-      const d = n[l].marks.flatMap((f) => i.getChildren(f));
-      g.push(...d.map(({ from: f, to: u }) => s.LinkMark(f, u)));
-      const b = i.getChild(n[l].url);
+      attributes: { href: s, target: "_blank" }
+    }).range(l, o)
+  }, i = [];
+  return v(t, {
+    enter: ({ type: { name: l }, from: o, to: s, node: g }) => {
+      if (l === "URL" && i.push(c.URL(o, s, t.state.sliceDoc(o, s))), !(l in n)) return !a.includes(l);
+      i.push(c.Link(o, s, N(t, o, s)));
+      const d = n[l].marks.flatMap((f) => g.getChildren(f));
+      i.push(...d.map(({ from: f, to: u }) => c.LinkMark(f, u)));
+      const b = g.getChild(n[l].url);
       let y = null;
       if (b !== null) {
         const { from: f, to: u } = b;
-        y = t.state.sliceDoc(f, u), g.push(s.URL(f, u, y));
+        y = t.state.sliceDoc(f, u), i.push(c.URL(f, u, y));
       }
-      if (i.getChild("Image") === null) {
-        const { text: f, from: u, to: F } = U(t, a, c);
-        f !== null && y !== null && g.push(s.TextDec(u, F, y));
+      if (g.getChild("Image") === null) {
+        const { text: f, from: u, to: F } = V(t, o, s);
+        f !== null && y !== null && i.push(c.TextDec(u, F, y));
       }
       return !1;
     }
-  }), h.set(g, !0);
+  }), h.set(i, !0);
 }
-const Ie = (t, r) => t.ctrlKey ? Pe(
+const Ge = (t, r) => t.ctrlKey ? Qe(
   t.target
   /* as HTMLElement */
-) : !1, Pe = (t) => {
+) : !1, Qe = (t) => {
   if (t.nodeName === "A" && t.href && t.classList.contains("url"))
     return window.open(t.href, t.target), !0;
-}, Ke = B.baseTheme({
+}, _e = w.baseTheme({
   ".lk-mk, .link > .lk-url": { display: "none" },
   "&.cm-focused .link.sw .lk-mk, &.cm-focused .link.sw .lk-url": { display: "inherit" }
-}), Qe = (t = {}) => {
+}), Ye = (t = {}) => {
   const {
     hideMarks: r = !0
   } = t;
   return [
-    C(We, {}, { eventHandlers: { mousedown: Ie } }),
-    Ke
+    C(ze, {}, { eventHandlers: { mousedown: Ge } }),
+    _e
   ];
 };
-class ze extends S {
-  constructor(r, o = null, n = "[image]") {
-    super(), this.img = r, this.url = o, this.alt = n;
+class je extends M {
+  constructor(r, a = null, n = "[image]") {
+    super(), this.img = r, this.url = a, this.alt = n;
   }
   toDOM() {
     let r = document.createElement("img");
     if (r.src = this.img, r.alt = this.alt, r.style.minWidth = "100px", this.url) {
-      let o = document.createElement("a");
-      return o.href = this.url, o.target = "_blank", o.classList.add("url"), o.appendChild(r), o;
+      let a = document.createElement("a");
+      return a.href = this.url, a.target = "_blank", a.classList.add("url"), a.appendChild(r), a;
     } else
       return r;
   }
@@ -4550,90 +4559,173 @@ class ze extends S {
     return !1;
   }
 }
-function Ge(t, r) {
-  const o = ["FencedCode", "Image"], n = [];
-  return E(t, {
-    enter: ({ type: { name: s }, from: g, to: l, node: a }) => {
-      if (s === "Image" && !v(t, g, l)) {
-        const { from: c, to: i } = a.getChild("URL"), d = t.state.sliceDoc(c, i), { text: b } = U(t, g, l);
+function Ue(t, r) {
+  const a = ["FencedCode", "Image"], n = [];
+  return v(t, {
+    enter: ({ type: { name: c }, from: i, to: l, node: o }) => {
+      if (c === "Image" && !N(t, i, l)) {
+        const { from: s, to: g } = o.getChild("URL"), d = t.state.sliceDoc(s, g), { text: b } = V(t, i, l);
         n.push(
           h.replace({
-            widget: new ze(d, _e(t, a), b)
-          }).range(g, l)
+            widget: new je(d, Ve(t, o), b)
+          }).range(i, l)
         );
       }
-      return !o.includes(s);
+      return !a.includes(c);
     }
   }), h.set(n, !1);
 }
-const _e = (t, r) => {
+const Ve = (t, r) => {
   const n = r.parent.getChild("URL");
   if (n !== null) {
-    const { from: s, to: g } = n;
-    return t.state.sliceDoc(s, g);
+    const { from: c, to: i } = n;
+    return t.state.sliceDoc(c, i);
   }
   return null;
-}, Ye = (t, r) => t.ctrlKey ? je(
+}, Xe = (t, r) => t.ctrlKey ? Ze(
   t.target
   /* as HTMLElement */
-) : !1, je = (t) => {
+) : !1, Ze = (t) => {
   const r = t.parentElement ?? !1;
   if (t.nodeName === "IMG" && r && r.nodeName === "A" && r.classList.contains("url"))
     return !0;
-}, Ue = B.baseTheme({}), Ve = (t = {}) => {
+}, Je = w.baseTheme({}), er = (t = {}) => {
   const {
     hideMarks: r = !0
   } = t;
   return [
-    C(Ge, {}, { eventHandlers: { mousedown: Ye } }),
-    Ue
+    C(Ue, {}, { eventHandlers: { mousedown: Xe } }),
+    Je
   ];
-}, Xe = (t = { markdown: {} }) => {
+};
+class z extends M {
+  constructor(r, a = !1) {
+    super(), this.content = r, this.tag = a;
+  }
+  toDOM() {
+    const r = document.createElement("div");
+    r.className = "cm-html-widget", r.setAttribute("aria-hidden", "true");
+    const a = this.content.replace(/^```html\n?/, "").replace(/```$/, "").trim();
+    return r.innerHTML = (this.tag ? '<span class="cm-rendered-tag">RTAG</span>' : "") + a, r.querySelectorAll("script").forEach((n) => {
+      n.parentNode.removeChild(n);
+    }), r;
+  }
+  ignoreEvent(r) {
+    return r.type === "click";
+  }
+  eq(r) {
+    return r.content === this.content;
+  }
+}
+const X = ie.define(), rr = ge.define({
+  create(t) {
+    return h.none;
+  },
+  update(t, r) {
+    t = t.map(r.changes);
+    for (let a of r.effects)
+      if (a.is(X))
+        return a.value;
+    return t;
+  },
+  provide: (t) => q.decorations.from(t)
+});
+function tr(t) {
+  const r = [
+    /<br>/,
+    /<img .*\/>/
+  ], a = {
+    HTMLBlock: (c, i) => {
+      const l = t.state.doc.sliceString(c, i);
+      return [h.replace({
+        widget: new z(l),
+        inclusive: !1
+      }).range(c, i)];
+    },
+    HTMLTag: (c, i) => {
+      const l = t.state.doc.sliceString(c, i);
+      return console.log(l), r.some((o) => o.test(l)) ? (console.log(l), [
+        h.replace({
+          widget: new z(l, !0),
+          inclusive: !1
+        }).range(c, i)
+      ]) : [];
+    }
+  }, n = [];
+  return v(t, {
+    enter: ({ type: c, from: i, to: l, node: o }) => {
+      c.name in a && (!N(t, i, l) || !t.hasFocus) && n.push(...a[c.name](i, l));
+    }
+  }), h.set(n);
+}
+const ar = w.baseTheme({
+  "& .cm-html-widget": {
+    all: "unset"
+    // outline: "red solid 2px",
+  },
+  "& .cm-html-widget > *": {
+    paddingTop: "0",
+    paddingBottom: "0",
+    marginBottom: "0",
+    marginTop: "0"
+  },
+  "& .cm-widgetBuffer": { display: "none" }
+}), or = q.updateListener.of((t) => {
+  if (t.selectionSet || t.docChanged || t.focusChanged || t.geometryChanged) {
+    const r = tr(t.view);
+    t.view.dispatch({ effects: X.of(r) });
+  }
+}), nr = (t = {}) => [
+  rr,
+  or,
+  ar
+], lr = (t = { markdown: {} }) => {
   const {
     markdown: {
       defaultCodeLanguage: r,
-      codeLanguages: o,
+      codeLanguages: a,
       addKeymap: n,
-      base: s,
-      completeHTMLTags: g,
+      base: c,
+      completeHTMLTags: i,
       htmlTagLanguage: l,
-      extensions: a = []
+      extensions: o = []
     },
-    inline: c,
-    Heading: i,
+    inline: s,
+    Heading: g,
     Hr: d,
     List: b,
     Code: y
   } = t, f = {
     defaultCodeLanguage: r,
-    codeLanguages: o || Z,
+    codeLanguages: a || ee,
     addKeymap: n,
-    base: s,
-    completeHTMLTags: g,
+    base: c,
+    completeHTMLTags: i,
     htmlTagLanguage: l,
-    extensions: [...a, ee, se, Re]
+    extensions: [...o, te, de, Ke]
   };
   return [
-    J(f),
-    Le.of(De()),
-    z(c),
-    Y(i),
-    G(b),
-    Q(d),
-    _(),
-    Qe(),
-    Ve(),
-    $e()
+    re(f),
+    qe.of(He()),
+    Q(s),
+    j(g),
+    _(b),
+    G(d),
+    Y(),
+    Ye(),
+    er(),
+    Ie(),
+    nr()
   ];
 };
-typeof window < "u" && (window.gnosis = Xe, window.HrPlugin = Q, window.ListPlugin = G, window.CodePlugin = _, window.InlinePlugin = z, window.HeadingPlugin = Y);
+typeof window < "u" && (window.gnosis = lr, window.HrPlugin = G, window.ListPlugin = _, window.CodePlugin = Y, window.InlinePlugin = Q, window.HeadingPlugin = j);
 export {
-  _ as CodePlugin,
-  Y as HeadingPlugin,
-  Q as HrPlugin,
-  z as InlinePlugin,
-  G as ListPlugin,
-  De as catppuccin,
-  Xe as gnosis,
-  Le as themeVariant
+  Y as CodePlugin,
+  j as HeadingPlugin,
+  G as HrPlugin,
+  Q as InlinePlugin,
+  _ as ListPlugin,
+  He as catppuccin,
+  lr as gnosis,
+  qe as themeVariant
 };