hexagon-editor 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,61 +1,83 @@
-import { Lang as Za, configure as Xa, getConfig as Ja, subscribeConfigure as _a } from "./configure.js";
-import { cn as tl } from "./classname.js";
-import { getMarkdownEditorMessages as Ze } from "./i18n.js";
-import { markdownEditorMessages as ll } from "./i18n.js";
-import { n as Xe, v as ge, t as Je, r as _e, o as et, p as tt } from "./markup-commands-BYsx8ADT.js";
-import { A as ol, E as il, a as sl, b as rl, c as dl, L as ul, L as ml, M as cl, e as vl, f as gl, P as fl, g as bl, S as kl, h as wl, i as hl, j as yl, k as Cl, W as Ml, l as pl, m as xl, s as Ll, q as Bl, u as Tl } from "./markup-commands-BYsx8ADT.js";
-import { c4 as at, c5 as lt, c6 as nt, c7 as ot, c8 as it } from "./base-BPdMUtQo.js";
-import { B as Hl, g as $l, h as Sl, i as Vl, k as Al, n as Pl, C as zl, o as Fl, p as Nl, q as Rl, r as Dl, D as Il, E as ql, G as Ol, H as jl, u as Ul, v as Wl, w as Ql, x as Gl, y as Yl, z as Kl, I as Zl, A as Xl, J as Jl, L as _l, K as en, M as tn, P as an, Q as ln, R as nn, S as on, T as sn, U as rn, V as dn, X as un, Y as mn, c9 as cn, Z as vn, _ as gn, $ as fn, a0 as bn, a1 as kn, a2 as wn, a3 as hn, a4 as yn, a5 as Cn, a6 as Mn, ca as pn, cb as xn, cc as Ln, cd as Bn, c as Tn, ce as En, ac as Hn, ad as $n, af as Sn, a as Vn, b as An, ak as Pn, d as zn, e as Fn, f as Nn, an as Rn, ao as Dn, ap as In, aq as qn, ar as On, cf as jn, cg as Un, ch as Wn, ci as Qn, cj as Gn, as as Yn, at as Kn, au as Zn, av as Xn, aw as Jn, ax as _n, ay as eo, az as to, aA as ao, aB as lo, aC as no, aD as oo, aF as io, aG as so, aI as ro, aJ as uo, ck as mo, aN as co, aP as vo, aT as go, aU as fo, aV as bo, aW as ko, aX as wo, aY as ho, j as yo, l as Co, a_ as Mo, a$ as po, m as xo, b7 as Lo, b8 as Bo, bd as To, be as Eo, bh as Ho, bi as $o, bl as So, bn as Vo, bo as Ao, bp as Po, bz as zo, bA as Fo, bB as No, bC as Ro, bD as Do, s as Io, bE as qo, bF as Oo, bL as jo, t as Uo, bN as Wo, bO as Qo, bQ as Go, bR as Yo, bS as Ko, bT as Zo, bU as Xo, bV as Jo, bX as _o, bY as ei, b$ as ti, c0 as ai, c1 as li } from "./base-BPdMUtQo.js";
-import { defineComponent as te, openBlock as r, createElementBlock as m, ref as h, Fragment as F, createElementVNode as g, withModifiers as w, createVNode as M, toDisplayString as H, createCommentVNode as E, renderList as se, createStaticVNode as st, unref as c, renderSlot as fe, onBeforeUnmount as be, nextTick as ee, getCurrentInstance as He, computed as Te, watch as J, onMounted as rt, createBlock as _, withCtx as dt, normalizeProps as ut, guardReactiveProps as mt, Teleport as ct, normalizeClass as vt, readonly as ie } from "vue";
-import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { getToolbarConfig as gt, isToolbarItemEnabled as V, isToolbarItemActive as Y, normalizeToolbarItem as ft, isToolbarItemAvailable as bt } from "./toolbar.js";
-import { commonmarkToolbarConfig as oi, createToolbarConfig as ii, createToolbarGroup as si, createToolbarItem as ri, defaultToolbarConfig as di, fullToolbarConfig as ui, markdownEditorToolbarItemIds as mi, minimalToolbarConfig as ci, zeroToolbarConfig as vi } from "./toolbar.js";
-import { a as kt, M as wt } from "./MarkdownEditorLinkForm-B9dEX3WT.js";
-import { _ as fi, b as bi } from "./MarkdownEditorLinkForm-B9dEX3WT.js";
-import "./index-D_CMntQU.js";
-import { C as wi, D as hi, F as yi, Z as Ci } from "./full-Da8esvj2.js";
-import { C as pi, F as xi } from "./full-specs-hXKoMF-0.js";
-import { B as Bi, a as Ti, b as Ei, c as Hi, d as $i, C as Si, e as Vi, f as Ai, D as Pi, g as zi, h as Fi, H as Ni, i as Ri, I as Di, j as Ii, L as qi, k as Oi, T as ji, l as Ui, m as Wi, n as Qi, o as Gi, r as Yi, v as Ki, y as Zi, M as Xi, O as Ji, R as _i, S as es, W as ts, Z as as } from "./heading-specs-D7Bj4aIM.js";
-const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.47 4.72a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06-1.06L4.81 6H9a3.25 3.25 0 0 1 0 6.5H8A.75.75 0 0 0 8 14h1a4.75 4.75 0 1 0 0-9.5H4.81l1.72-1.72a.75.75 0 0 0-1.06-1.06z" clip-rule="evenodd"/></svg>
-`, yt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.53 4.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.19 6H7a3.25 3.25 0 0 0 0 6.5h1A.75.75 0 0 1 8 14H7a4.75 4.75 0 1 1 0-9.5h4.19L9.47 2.78a.75.75 0 0 1 1.06-1.06z" clip-rule="evenodd"/></svg>
-`, Ct = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.25A.75.75 0 0 0 3.5 3v10c0 .414.336.75.75.75H9.5a3.25 3.25 0 0 0 1.477-6.146A3.25 3.25 0 0 0 8.5 2.25zm3.5 5a1.75 1.75 0 1 0 0-3.5h-2v3.5zm-2 1.5v3.5h3a1.75 1.75 0 1 0 0-3.5z" clip-rule="evenodd"/></svg>
-`, Mt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5m3.25-2a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8M3.75 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M2.5 13.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5" clip-rule="evenodd"/></svg>
-`, pt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>
-`, xt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.218 3.216a.75.75 0 0 0-1.436-.431l-3 10a.75.75 0 0 0 1.436.43zM4.53 4.97a.75.75 0 0 1 0 1.06L2.56 8l1.97 1.97a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0m6.94 6.06a.75.75 0 0 1 0-1.06L13.44 8l-1.97-1.97a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0" clip-rule="evenodd"/></svg>
-`, Lt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.312 4.29a.764.764 0 0 1 1.103-.62.75.75 0 1 0 .67-1.34 2.264 2.264 0 0 0-3.268 1.836L2.706 5.5H1.75a.75.75 0 0 0 0 1.5h.83l-.392 4.71a.764.764 0 0 1-1.103.62.75.75 0 0 0-.67 1.34 2.264 2.264 0 0 0 3.268-1.836L4.086 7H5.25a.75.75 0 1 0 0-1.5H4.21zm6.014 2.23a.75.75 0 0 0-1.152.96l.85 1.02-.85 1.02a.75.75 0 0 0 1.152.96L11 9.672l.674.808a.75.75 0 0 0 1.152-.96l-.85-1.02.85-1.02a.75.75 0 0 0-1.152-.96L11 7.328zM8.02 4.55a.75.75 0 0 1 .43.969l-.145.378a7.25 7.25 0 0 0 0 5.205l.145.378a.75.75 0 0 1-1.4.539l-.145-.378a8.75 8.75 0 0 1 0-6.282l.145-.378a.75.75 0 0 1 .97-.431m5.961 0a.75.75 0 0 1 .97.43l.145.379a8.75 8.75 0 0 1 0 6.282l-.146.378a.75.75 0 1 1-1.4-.538l.146-.379a7.25 7.25 0 0 0 0-5.205l-.146-.378a.75.75 0 0 1 .431-.97" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg>
-`, Bt = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 1 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0" clip-rule="evenodd"></path></svg></svg>
-`, Tt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 8a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11A.75.75 0 0 1 1.75 8" clip-rule="evenodd"/></svg>
-`, Et = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v5.027l.962-.7a1.75 1.75 0 0 1 2.079.016l.928.696 2.368-2.03a1.75 1.75 0 0 1 2.325.043L13 8.787V4.5A1.5 1.5 0 0 0 11.5 3m3 7.498V4.5a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3zm-1.5.33-2.355-2.174a.25.25 0 0 0-.332-.006L7.488 11.07l-.457.392-.481-.361-1.41-1.057a.25.25 0 0 0-.296-.002L3 11.381v.119A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5zM7.5 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/></svg>
-`, Ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 2a.75.75 0 0 0 0 1.5h1.317l-2.7 9H4.25a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5H7.433l2.7-9h1.617a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg>
-`, $t = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 6.53a.75.75 0 0 1 1.06 1.061l-.727.727a2.743 2.743 0 0 0 3.879 3.879l.727-.727a.75.75 0 0 1 1.06 1.06l-.726.727a4.243 4.243 0 0 1-6-6zm8 1.879a.75.75 0 0 0 1.06 1.06l.727-.726a4.243 4.243 0 0 0-6-6l-.727.727a.75.75 0 0 0 1.061 1.06l.727-.727a2.743 2.743 0 0 1 3.879 3.879zm-.94-1.879a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06z" clip-rule="evenodd"/></svg>
-`, St = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
+import { Lang as vl, configure as bl, getConfig as fl, subscribeConfigure as kl } from "./configure.js";
+import { cn as hl } from "./classname.js";
+import { getMarkdownEditorMessages as lt } from "./i18n.js";
+import { markdownEditorMessages as Cl } from "./i18n.js";
+import { n as ot, v as ke, t as nt, r as it, o as st, p as rt } from "./markup-commands-DW5NFQUO.js";
+import { A as pl, E as xl, a as Ll, b as Bl, c as Tl, L as El, L as $l, M as Hl, e as Vl, f as Sl, P as Al, g as Pl, S as zl, h as Fl, i as Nl, j as Dl, k as Rl, W as Il, l as ql, m as Ol, s as jl, q as Ul, u as Wl } from "./markup-commands-DW5NFQUO.js";
+import { c4 as dt, c5 as ut, c6 as mt, c7 as ct, c8 as gt } from "./base-BOV5nzwj.js";
+import { B as Gl, g as Kl, h as Yl, i as Zl, k as Xl, n as Jl, C as _l, o as eo, p as to, q as ao, r as lo, D as oo, E as no, G as io, H as so, u as ro, v as uo, w as mo, x as co, y as go, z as vo, I as bo, A as fo, J as ko, L as wo, K as ho, M as yo, P as Co, Q as Mo, R as po, S as xo, T as Lo, U as Bo, V as To, X as Eo, Y as $o, c9 as Ho, Z as Vo, _ as So, $ as Ao, a0 as Po, a1 as zo, a2 as Fo, a3 as No, a4 as Do, a5 as Ro, a6 as Io, ca as qo, cb as Oo, cc as jo, cd as Uo, c as Wo, ce as Qo, ac as Go, ad as Ko, af as Yo, a as Zo, b as Xo, ak as Jo, d as _o, e as en, f as tn, an, ao as ln, ap as on, aq as nn, ar as sn, cf as rn, cg as dn, ch as un, ci as mn, cj as cn, as as gn, at as vn, au as bn, av as fn, aw as kn, ax as wn, ay as hn, az as yn, aA as Cn, aB as Mn, aC as pn, aD as xn, aF as Ln, aG as Bn, aI as Tn, aJ as En, ck as $n, aN as Hn, aP as Vn, aT as Sn, aU as An, aV as Pn, aW as zn, aX as Fn, aY as Nn, j as Dn, l as Rn, a_ as In, a$ as qn, m as On, b7 as jn, b8 as Un, bd as Wn, be as Qn, bh as Gn, bi as Kn, bl as Yn, bn as Zn, bo as Xn, bp as Jn, bz as _n, bA as ei, bB as ti, bC as ai, bD as li, s as oi, bE as ni, bF as ii, bL as si, t as ri, bN as di, bO as ui, bQ as mi, bR as ci, bS as gi, bT as vi, bU as bi, bV as fi, bX as ki, bY as wi, b$ as hi, c0 as yi, c1 as Ci } from "./base-BOV5nzwj.js";
+import { defineComponent as ne, openBlock as i, createElementBlock as m, ref as y, Fragment as z, renderList as J, unref as d, withModifiers as h, createElementVNode as g, normalizeStyle as $e, toDisplayString as H, createCommentVNode as $, createVNode as C, createStaticVNode as vt, renderSlot as we, onBeforeUnmount as he, nextTick as oe, getCurrentInstance as Se, computed as He, watch as ae, onMounted as bt, createBlock as le, withCtx as ft, normalizeProps as kt, guardReactiveProps as wt, Teleport as ht, normalizeClass as yt, readonly as ue } from "vue";
+import { d as Ct, t as Mt, e as pt } from "./background-color-DJ1tENTK.js";
+import { t as xt, a as Lt, b as Bt } from "./color-DYgeN76h.js";
+import { _ as ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { getToolbarConfig as Tt, isToolbarItemEnabled as N, isToolbarItemActive as X, normalizeToolbarItem as Et, isToolbarItemAvailable as $t } from "./toolbar.js";
+import { commonmarkToolbarConfig as pi, createToolbarConfig as xi, createToolbarGroup as Li, createToolbarItem as Bi, defaultToolbarConfig as Ti, fullToolbarConfig as Ei, markdownEditorToolbarItemIds as $i, minimalToolbarConfig as Hi, zeroToolbarConfig as Vi } from "./toolbar.js";
+import { a as Ht, M as Vt } from "./MarkdownEditorLinkForm-nx1gDLpK.js";
+import { _ as Ai, b as Pi } from "./MarkdownEditorLinkForm-nx1gDLpK.js";
+import { C as Fi, D as Ni, F as Di, Z as Ri } from "./full-s-sYdwp2.js";
+import { C as qi, F as Oi } from "./full-specs-Cm3QffD5.js";
+import { B as Ui, a as Wi, b as Qi, c as Gi, d as Ki, C as Yi, e as Zi, f as Xi, D as Ji, g as _i, h as es, H as ts, i as as, I as ls, j as os, L as ns, k as is, T as ss, l as rs, m as ds, n as us, o as ms, r as cs, v as gs, y as vs, M as bs, O as fs, R as ks, S as ws, W as hs, Z as ys } from "./heading-specs-Dnjn5FYs.js";
+const St = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.47 4.72a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06-1.06L4.81 6H9a3.25 3.25 0 0 1 0 6.5H8A.75.75 0 0 0 8 14h1a4.75 4.75 0 1 0 0-9.5H4.81l1.72-1.72a.75.75 0 0 0-1.06-1.06z" clip-rule="evenodd"/></svg>
+`, At = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.53 4.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.19 6H7a3.25 3.25 0 0 0 0 6.5h1A.75.75 0 0 1 8 14H7a4.75 4.75 0 1 1 0-9.5h4.19L9.47 2.78a.75.75 0 0 1 1.06-1.06z" clip-rule="evenodd"/></svg>
+`, Pt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.25A.75.75 0 0 0 3.5 3v10c0 .414.336.75.75.75H9.5a3.25 3.25 0 0 0 1.477-6.146A3.25 3.25 0 0 0 8.5 2.25zm3.5 5a1.75 1.75 0 1 0 0-3.5h-2v3.5zm-2 1.5v3.5h3a1.75 1.75 0 1 0 0-3.5z" clip-rule="evenodd"/></svg>
+`, zt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5m3.25-2a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8M3.75 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M2.5 13.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5" clip-rule="evenodd"/></svg>
+`, Ft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>
+`, Nt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.218 3.216a.75.75 0 0 0-1.436-.431l-3 10a.75.75 0 0 0 1.436.43zM4.53 4.97a.75.75 0 0 1 0 1.06L2.56 8l1.97 1.97a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0m6.94 6.06a.75.75 0 0 1 0-1.06L13.44 8l-1.97-1.97a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0" clip-rule="evenodd"/></svg>
+`, Dt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.312 4.29a.764.764 0 0 1 1.103-.62.75.75 0 1 0 .67-1.34 2.264 2.264 0 0 0-3.268 1.836L2.706 5.5H1.75a.75.75 0 0 0 0 1.5h.83l-.392 4.71a.764.764 0 0 1-1.103.62.75.75 0 0 0-.67 1.34 2.264 2.264 0 0 0 3.268-1.836L4.086 7H5.25a.75.75 0 1 0 0-1.5H4.21zm6.014 2.23a.75.75 0 0 0-1.152.96l.85 1.02-.85 1.02a.75.75 0 0 0 1.152.96L11 9.672l.674.808a.75.75 0 0 0 1.152-.96l-.85-1.02.85-1.02a.75.75 0 0 0-1.152-.96L11 7.328zM8.02 4.55a.75.75 0 0 1 .43.969l-.145.378a7.25 7.25 0 0 0 0 5.205l.145.378a.75.75 0 0 1-1.4.539l-.145-.378a8.75 8.75 0 0 1 0-6.282l.145-.378a.75.75 0 0 1 .97-.431m5.961 0a.75.75 0 0 1 .97.43l.145.379a8.75 8.75 0 0 1 0 6.282l-.146.378a.75.75 0 1 1-1.4-.538l.146-.379a7.25 7.25 0 0 0 0-5.205l-.146-.378a.75.75 0 0 1 .431-.97" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg>
+`, Rt = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 1 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0" clip-rule="evenodd"></path></svg></svg>
+`, It = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 8a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11A.75.75 0 0 1 1.75 8" clip-rule="evenodd"/></svg>
+`, qt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v5.027l.962-.7a1.75 1.75 0 0 1 2.079.016l.928.696 2.368-2.03a1.75 1.75 0 0 1 2.325.043L13 8.787V4.5A1.5 1.5 0 0 0 11.5 3m3 7.498V4.5a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3zm-1.5.33-2.355-2.174a.25.25 0 0 0-.332-.006L7.488 11.07l-.457.392-.481-.361-1.41-1.057a.25.25 0 0 0-.296-.002L3 11.381v.119A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5zM7.5 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/></svg>
+`, Ot = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 2a.75.75 0 0 0 0 1.5h1.317l-2.7 9H4.25a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5H7.433l2.7-9h1.617a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg>
+`, jt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 6.53a.75.75 0 0 1 1.06 1.061l-.727.727a2.743 2.743 0 0 0 3.879 3.879l.727-.727a.75.75 0 0 1 1.06 1.06l-.726.727a4.243 4.243 0 0 1-6-6zm8 1.879a.75.75 0 0 0 1.06 1.06l.727-.726a4.243 4.243 0 0 0-6-6l-.727.727a.75.75 0 0 0 1.061 1.06l.727-.727a2.743 2.743 0 0 1 3.879 3.879zm-.94-1.879a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06z" clip-rule="evenodd"/></svg>
+`, Ut = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
   <rect x="1.5" y="1.5" width="4" height="3" rx=".75"/>
   <rect x="10.5" y="1.5" width="4" height="3" rx=".75"/>
   <rect x="6" y="11.5" width="4" height="3" rx=".75"/>
   <path d="M3.5 4.5v2h4.5v5M12.5 4.5v2H8"/>
 </svg>
-`, Vt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.21 2.5a.5.5 0 0 0-.796-.403l-.71.524a.5.5 0 0 0 .507.856V5a.5.5 0 0 0 1 0zm2.54.5a.75.75 0 1 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8m-2.596-.67c-.07.051-.087.097-.09.116a.5.5 0 0 1-.988-.149c.051-.345.26-.61.495-.779.236-.169.531-.268.83-.268.345 0 .666.109.902.343s.337.543.337.85c0 .51-.321.855-.76 1.278l-.02.018-.013.011h.493a.5.5 0 0 1 0 1H1.75a.5.5 0 0 1-.326-.879l1.022-.88c.223-.216.338-.344.398-.434.046-.069.046-.092.046-.111v-.002c0-.09-.027-.127-.041-.141-.013-.013-.062-.053-.199-.053a.44.44 0 0 0-.246.08M1.9 10.5a.5.5 0 0 0 0 1h.38l-.15.18a.5.5 0 0 0 .383.82c.259 0 .365.077.407.122.051.054.08.133.08.218a.02.02 0 0 1-.004.014.2.2 0 0 1-.057.052.7.7 0 0 1-.371.094.55.55 0 0 1-.258-.057c-.059-.032-.075-.061-.076-.064a.5.5 0 0 0-.91.416c.213.464.728.705 1.244.705.319 0 .651-.082.92-.258.275-.181.512-.487.512-.902 0-.293-.096-.634-.355-.906a1.3 1.3 0 0 0-.252-.206l.34-.407a.5.5 0 0 0-.383-.821z" clip-rule="evenodd"/></svg>
-`, At = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M12.411 6.33A2.75 2.75 0 0 1 14.5 9v.25A2.75 2.75 0 0 1 11.75 12h-.25a2.747 2.747 0 0 1-2.748-2.657V9.34H8.75V9q0-.197.027-.386.03-.392.09-.77a8 8 0 0 1 .559-1.918 7.2 7.2 0 0 1 2.162-2.801l.098-.076A.24.24 0 0 1 11.83 3c.186 0 .306.202.22.367a19 19 0 0 0-.22.433 18 18 0 0 0-.43.951 14 14 0 0 0-.557 1.578l.054-.013a2.8 2.8 0 0 1 .603-.066h.25q.343.001.661.08m.549-1.405A4.25 4.25 0 0 1 16 9v.25a4.25 4.25 0 0 1-4.25 4.25h-.25A4.25 4.25 0 0 1 8 11.662 4.25 4.25 0 0 1 4.5 13.5h-.25A4.25 4.25 0 0 1 0 9.336V9q0-.275.035-.543c.207-2.62 1.358-4.966 3.488-6.599A1.74 1.74 0 0 1 4.58 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86.788.234 1.481.69 2.005 1.297a8.76 8.76 0 0 1 3.058-4.363A1.74 1.74 0 0 1 11.83 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86M5.16 6.33a2.8 2.8 0 0 0-.661-.08h-.25a2.8 2.8 0 0 0-.657.079 14 14 0 0 1 .68-1.865A18 18 0 0 1 4.8 3.367.25.25 0 0 0 4.58 3a.24.24 0 0 0-.144.049 8 8 0 0 0-.93.844 7.2 7.2 0 0 0-1.39 2.172 8 8 0 0 0-.498 1.779q-.062.378-.091.77A3 3 0 0 0 1.5 9v.339h.001v.004A2.747 2.747 0 0 0 4.25 12h.251a2.75 2.75 0 0 0 2.75-2.75V9c0-1.29-.89-2.374-2.089-2.67" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg>
-`, Pt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.502 2.757C6.214 2.236 7.122 2 7.984 2c1.685 0 3.015.572 3.687 1.915a.75.75 0 1 1-1.342.67C10.001 3.93 9.331 3.5 7.984 3.5c-.611 0-1.19.17-1.597.468-.384.28-.627.678-.627 1.242 0 .403.165.758.463 1.04H4.447a2.9 2.9 0 0 1-.187-1.04c0-1.084.507-1.916 1.242-2.453m6.047 5.993h1.201a.75.75 0 0 0 0-1.5h-9.5a.75.75 0 0 0 0 1.5h5.475l.043.012h.002c1.196.323 1.98 1.005 1.98 1.988 0 .669-.289 1.063-.742 1.33-.5.296-1.222.437-2 .437-1.398 0-2.453-.472-2.796-1.504a.75.75 0 1 0-1.424.474c.657 1.969 2.602 2.53 4.22 2.53.915 0 1.94-.16 2.762-.644.869-.512 1.48-1.376 1.48-2.623 0-.822-.276-1.481-.7-2" clip-rule="evenodd"/></svg>
-`, zt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.25 3.5h-2.5v2h2.5zM4 3.5h1.25v2H2.5V5A1.5 1.5 0 0 1 4 3.5M2.5 7h2.75v2H2.5zm0 3.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2zm4.25 0v2h2.5v-2zm4 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5zM13.5 9h-2.75V7h2.75zM9.25 9h-2.5V7h2.5zm1.5-5.5v2h2.75V5A1.5 1.5 0 0 0 12 3.5zM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3z" clip-rule="evenodd"/></svg>
-`, Ft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 2.75a.75.75 0 0 0-1.5 0V7a4.5 4.5 0 0 0 9 0V2.75a.75.75 0 0 0-1.5 0V7a3 3 0 0 1-6 0zm-.75 9.75a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg>
-`, Nt = ["innerHTML"], Rt = /* @__PURE__ */ te({
+`, Wt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.21 2.5a.5.5 0 0 0-.796-.403l-.71.524a.5.5 0 0 0 .507.856V5a.5.5 0 0 0 1 0zm2.54.5a.75.75 0 1 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8m-2.596-.67c-.07.051-.087.097-.09.116a.5.5 0 0 1-.988-.149c.051-.345.26-.61.495-.779.236-.169.531-.268.83-.268.345 0 .666.109.902.343s.337.543.337.85c0 .51-.321.855-.76 1.278l-.02.018-.013.011h.493a.5.5 0 0 1 0 1H1.75a.5.5 0 0 1-.326-.879l1.022-.88c.223-.216.338-.344.398-.434.046-.069.046-.092.046-.111v-.002c0-.09-.027-.127-.041-.141-.013-.013-.062-.053-.199-.053a.44.44 0 0 0-.246.08M1.9 10.5a.5.5 0 0 0 0 1h.38l-.15.18a.5.5 0 0 0 .383.82c.259 0 .365.077.407.122.051.054.08.133.08.218a.02.02 0 0 1-.004.014.2.2 0 0 1-.057.052.7.7 0 0 1-.371.094.55.55 0 0 1-.258-.057c-.059-.032-.075-.061-.076-.064a.5.5 0 0 0-.91.416c.213.464.728.705 1.244.705.319 0 .651-.082.92-.258.275-.181.512-.487.512-.902 0-.293-.096-.634-.355-.906a1.3 1.3 0 0 0-.252-.206l.34-.407a.5.5 0 0 0-.383-.821z" clip-rule="evenodd"/></svg>
+`, Qt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M12.411 6.33A2.75 2.75 0 0 1 14.5 9v.25A2.75 2.75 0 0 1 11.75 12h-.25a2.747 2.747 0 0 1-2.748-2.657V9.34H8.75V9q0-.197.027-.386.03-.392.09-.77a8 8 0 0 1 .559-1.918 7.2 7.2 0 0 1 2.162-2.801l.098-.076A.24.24 0 0 1 11.83 3c.186 0 .306.202.22.367a19 19 0 0 0-.22.433 18 18 0 0 0-.43.951 14 14 0 0 0-.557 1.578l.054-.013a2.8 2.8 0 0 1 .603-.066h.25q.343.001.661.08m.549-1.405A4.25 4.25 0 0 1 16 9v.25a4.25 4.25 0 0 1-4.25 4.25h-.25A4.25 4.25 0 0 1 8 11.662 4.25 4.25 0 0 1 4.5 13.5h-.25A4.25 4.25 0 0 1 0 9.336V9q0-.275.035-.543c.207-2.62 1.358-4.966 3.488-6.599A1.74 1.74 0 0 1 4.58 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86.788.234 1.481.69 2.005 1.297a8.76 8.76 0 0 1 3.058-4.363A1.74 1.74 0 0 1 11.83 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86M5.16 6.33a2.8 2.8 0 0 0-.661-.08h-.25a2.8 2.8 0 0 0-.657.079 14 14 0 0 1 .68-1.865A18 18 0 0 1 4.8 3.367.25.25 0 0 0 4.58 3a.24.24 0 0 0-.144.049 8 8 0 0 0-.93.844 7.2 7.2 0 0 0-1.39 2.172 8 8 0 0 0-.498 1.779q-.062.378-.091.77A3 3 0 0 0 1.5 9v.339h.001v.004A2.747 2.747 0 0 0 4.25 12h.251a2.75 2.75 0 0 0 2.75-2.75V9c0-1.29-.89-2.374-2.089-2.67" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg>
+`, Gt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.502 2.757C6.214 2.236 7.122 2 7.984 2c1.685 0 3.015.572 3.687 1.915a.75.75 0 1 1-1.342.67C10.001 3.93 9.331 3.5 7.984 3.5c-.611 0-1.19.17-1.597.468-.384.28-.627.678-.627 1.242 0 .403.165.758.463 1.04H4.447a2.9 2.9 0 0 1-.187-1.04c0-1.084.507-1.916 1.242-2.453m6.047 5.993h1.201a.75.75 0 0 0 0-1.5h-9.5a.75.75 0 0 0 0 1.5h5.475l.043.012h.002c1.196.323 1.98 1.005 1.98 1.988 0 .669-.289 1.063-.742 1.33-.5.296-1.222.437-2 .437-1.398 0-2.453-.472-2.796-1.504a.75.75 0 1 0-1.424.474c.657 1.969 2.602 2.53 4.22 2.53.915 0 1.94-.16 2.762-.644.869-.512 1.48-1.376 1.48-2.623 0-.822-.276-1.481-.7-2" clip-rule="evenodd"/></svg>
+`, Kt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.25 3.5h-2.5v2h2.5zM4 3.5h1.25v2H2.5V5A1.5 1.5 0 0 1 4 3.5M2.5 7h2.75v2H2.5zm0 3.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2zm4.25 0v2h2.5v-2zm4 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5zM13.5 9h-2.75V7h2.75zM9.25 9h-2.5V7h2.5zm1.5-5.5v2h2.75V5A1.5 1.5 0 0 0 12 3.5zM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3z" clip-rule="evenodd"/></svg>
+`, Yt = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 2.75a.75.75 0 0 0-1.5 0V7a4.5 4.5 0 0 0 9 0V2.75a.75.75 0 0 0-1.5 0V7a3 3 0 0 1-6 0zm-.75 9.75a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg>
+`, Zt = ["innerHTML"], Xt = /* @__PURE__ */ ne({
   __name: "MarkdownEditorToolbarIcon",
   props: {
     name: {}
   },
   setup(e) {
-    const f = { arrowLeft: ht, arrowRight: yt, bold: Ct, bulletList: Mt, chevronDown: pt, code: xt, function: Lt, gear: Bt, horizontalRule: Tt, image: Et, italic: Ht, link: $t, mermaid: St, orderedList: Vt, quote: At, strike: Pt, table: zt, underline: Ft }, y = e;
-    return (u, b) => (r(), m("span", {
+    const k = {
+      arrowLeft: St,
+      arrowRight: At,
+      bold: Pt,
+      bulletList: zt,
+      chevronDown: Ft,
+      code: Nt,
+      function: Dt,
+      gear: Rt,
+      horizontalRule: It,
+      image: qt,
+      italic: Ot,
+      link: jt,
+      mermaid: Ut,
+      orderedList: Wt,
+      quote: Qt,
+      strike: Gt,
+      table: Kt,
+      underline: Yt
+    }, x = e;
+    return (c, w) => (i(), m("span", {
       class: "markdown-editor__toolbar-icon",
       "aria-hidden": "true",
-      innerHTML: f[y.name]
-    }, null, 8, Nt));
+      innerHTML: k[x.name]
+    }, null, 8, Zt));
   }
-}), p = /* @__PURE__ */ ae(Rt, [["__scopeId", "data-v-ec4329c1"]]), Dt = ["data-theme", "aria-label"], It = ["aria-checked"], qt = ["aria-checked"], Ot = ["data-theme", "aria-label"], jt = ["aria-checked", "onClick"], Ut = { class: "markdown-editor__floating-menu-icon" }, Wt = ["data-theme", "aria-label"], Qt = ["data-theme", "aria-label"], Gt = ["aria-checked"], Yt = ["aria-checked"], Kt = ["disabled"], Zt = ["disabled"], Xt = ["data-theme", "aria-label"], Jt = ["aria-checked", "onClick"], _t = /* @__PURE__ */ te({
+}), p = /* @__PURE__ */ ie(Xt, [["__scopeId", "data-v-ded8a15f"]]), Jt = ["data-theme", "aria-label"], _t = ["onClick"], ea = ["data-theme", "aria-label"], ta = ["onClick"], aa = ["data-theme", "aria-label"], la = ["aria-checked"], oa = ["aria-checked"], na = ["data-theme", "aria-label"], ia = ["aria-checked", "onClick"], sa = { class: "markdown-editor__floating-menu-icon" }, ra = ["data-theme", "aria-label"], da = ["data-theme", "aria-label"], ua = ["aria-checked"], ma = ["aria-checked"], ca = ["disabled"], ga = ["disabled"], va = ["data-theme", "aria-label"], ba = ["aria-checked", "onClick"], fa = /* @__PURE__ */ ne({
   __name: "MarkdownEditorFloatingMenus",
   props: {
     codeVisible: { type: Boolean },
+    backgroundColorVisible: { type: Boolean },
+    colorVisible: { type: Boolean },
     formulaVisible: { type: Boolean },
     headingVisible: { type: Boolean },
     listVisible: { type: Boolean },
@@ -66,18 +88,76 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
     theme: {},
     translate: { type: Function }
   },
-  emits: ["code-block", "inline-code", "inline-formula", "math-block", "select-mode", "select-text-style", "bullet-list", "ordered-list", "indent-list", "outdent-list"],
-  setup(e, { expose: f, emit: y }) {
-    const u = y, b = h(), d = h(), s = h(), i = h(), a = h(), C = ["wysiwyg", "markup", "split"];
-    return f({
-      getElement(n) {
-        return { code: b.value, formula: d.value, heading: s.value, list: i.value, mode: a.value }[n];
+  emits: ["code-block", "select-background-color", "select-color", "inline-code", "inline-formula", "math-block", "select-mode", "select-text-style", "bullet-list", "ordered-list", "indent-list", "outdent-list"],
+  setup(e, { expose: k, emit: x }) {
+    const c = x, w = y(), u = y(), r = y(), s = y(), a = y(), M = y(), l = y(), v = ["wysiwyg", "markup", "split"];
+    return k({
+      getElement(V) {
+        return {
+          "background-color": u.value,
+          code: w.value,
+          color: r.value,
+          formula: s.value,
+          heading: a.value,
+          list: M.value,
+          mode: l.value
+        }[V];
       }
-    }), (n, l) => (r(), m(F, null, [
-      e.codeVisible ? (r(), m("div", {
+    }), (V, o) => (i(), m(z, null, [
+      e.backgroundColorVisible ? (i(), m("div", {
         key: 0,
+        ref_key: "backgroundColor",
+        ref: u,
+        class: "markdown-editor__floating-menu",
+        "data-theme": e.theme,
+        role: "menu",
+        "aria-label": e.translate("backgroundColor")
+      }, [
+        (i(!0), m(z, null, J(d(Ct), (b) => (i(), m("button", {
+          key: b,
+          role: "menuitemradio",
+          type: "button",
+          onMousedown: o[0] || (o[0] = h(() => {
+          }, ["prevent"])),
+          onClick: (S) => c("select-background-color", b)
+        }, [
+          g("span", {
+            class: "markdown-editor__floating-menu-icon markdown-editor__background-color-icon",
+            style: $e(
+              b === "default" ? void 0 : { backgroundColor: `var(${d(Mt)[b]})` }
+            )
+          }, " A ", 4),
+          g("span", null, H(e.translate(d(pt)[b])), 1)
+        ], 40, _t))), 128))
+      ], 8, Jt)) : $("", !0),
+      e.colorVisible ? (i(), m("div", {
+        key: 1,
+        ref_key: "color",
+        ref: r,
+        class: "markdown-editor__floating-menu",
+        "data-theme": e.theme,
+        role: "menu",
+        "aria-label": e.translate("color")
+      }, [
+        (i(!0), m(z, null, J(d(xt), (b) => (i(), m("button", {
+          key: b,
+          role: "menuitemradio",
+          type: "button",
+          onMousedown: o[1] || (o[1] = h(() => {
+          }, ["prevent"])),
+          onClick: (S) => c("select-color", b)
+        }, [
+          g("span", {
+            class: "markdown-editor__floating-menu-icon",
+            style: $e(b === "default" ? void 0 : { color: `var(${d(Lt)[b]})` })
+          }, " A ", 4),
+          g("span", null, H(e.translate(d(Bt)[b])), 1)
+        ], 40, ta))), 128))
+      ], 8, ea)) : $("", !0),
+      e.codeVisible ? (i(), m("div", {
+        key: 2,
         ref_key: "code",
-        ref: b,
+        ref: w,
         class: "markdown-editor__floating-menu",
         "data-theme": e.theme,
         role: "menu",
@@ -87,49 +167,49 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
           "aria-checked": e.state.code,
           role: "menuitemradio",
           type: "button",
-          onMousedown: l[0] || (l[0] = w(() => {
+          onMousedown: o[2] || (o[2] = h(() => {
           }, ["prevent"])),
-          onClick: l[1] || (l[1] = (k) => u("inline-code"))
+          onClick: o[3] || (o[3] = (b) => c("inline-code"))
         }, [
-          M(p, { name: "code" }),
+          C(p, { name: "code" }),
           g("span", null, H(e.translate("code")), 1)
-        ], 40, It),
+        ], 40, la),
         g("button", {
           "aria-checked": e.state.codeBlock,
           role: "menuitemradio",
           type: "button",
-          onMousedown: l[2] || (l[2] = w(() => {
+          onMousedown: o[4] || (o[4] = h(() => {
           }, ["prevent"])),
-          onClick: l[3] || (l[3] = (k) => u("code-block"))
+          onClick: o[5] || (o[5] = (b) => c("code-block"))
         }, [
-          l[16] || (l[16] = g("span", { class: "markdown-editor__floating-menu-icon" }, "{ }", -1)),
+          o[18] || (o[18] = g("span", { class: "markdown-editor__floating-menu-icon" }, "{ }", -1)),
           g("span", null, H(e.translate("codeBlock")), 1)
-        ], 40, qt)
-      ], 8, Dt)) : E("", !0),
-      e.headingVisible ? (r(), m("div", {
-        key: 1,
+        ], 40, oa)
+      ], 8, aa)) : $("", !0),
+      e.headingVisible ? (i(), m("div", {
+        key: 3,
         ref_key: "heading",
-        ref: s,
+        ref: a,
         class: "markdown-editor__floating-menu",
         "data-theme": e.theme,
         role: "menu",
         "aria-label": e.translate("heading")
       }, [
-        (r(), m(F, null, se(["paragraph", "1", "2", "3", "4", "5", "6"], (k) => g("button", {
-          key: k,
-          "aria-checked": e.textStyle === k,
+        (i(), m(z, null, J(["paragraph", "1", "2", "3", "4", "5", "6"], (b) => g("button", {
+          key: b,
+          "aria-checked": e.textStyle === b,
           role: "menuitemradio",
           type: "button",
-          onClick: (I) => u("select-text-style", k)
+          onClick: (S) => c("select-text-style", b)
         }, [
-          g("span", Ut, H(k === "paragraph" ? "T" : `H${k}`), 1),
-          g("span", null, H(k === "paragraph" ? e.translate("paragraph") : `${e.translate("heading")} ${k}`), 1)
-        ], 8, jt)), 64))
-      ], 8, Ot)) : E("", !0),
-      e.formulaVisible ? (r(), m("div", {
-        key: 2,
+          g("span", sa, H(b === "paragraph" ? "T" : `H${b}`), 1),
+          g("span", null, H(b === "paragraph" ? e.translate("paragraph") : `${e.translate("heading")} ${b}`), 1)
+        ], 8, ia)), 64))
+      ], 8, na)) : $("", !0),
+      e.formulaVisible ? (i(), m("div", {
+        key: 4,
         ref_key: "formula",
-        ref: d,
+        ref: s,
         class: "markdown-editor__floating-menu",
         "data-theme": e.theme,
         role: "menu",
@@ -138,28 +218,28 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
         g("button", {
           role: "menuitem",
           type: "button",
-          onMousedown: l[4] || (l[4] = w(() => {
+          onMousedown: o[6] || (o[6] = h(() => {
           }, ["prevent"])),
-          onClick: l[5] || (l[5] = (k) => u("inline-formula"))
+          onClick: o[7] || (o[7] = (b) => c("inline-formula"))
         }, [
-          l[17] || (l[17] = g("span", { class: "markdown-editor__floating-menu-icon" }, "ƒ", -1)),
+          o[19] || (o[19] = g("span", { class: "markdown-editor__floating-menu-icon" }, "ƒ", -1)),
           g("span", null, H(e.translate("formulaInline")), 1)
         ], 32),
         g("button", {
           role: "menuitem",
           type: "button",
-          onMousedown: l[6] || (l[6] = w(() => {
+          onMousedown: o[8] || (o[8] = h(() => {
           }, ["prevent"])),
-          onClick: l[7] || (l[7] = (k) => u("math-block"))
+          onClick: o[9] || (o[9] = (b) => c("math-block"))
         }, [
-          l[18] || (l[18] = g("span", { class: "markdown-editor__floating-menu-icon" }, "∑", -1)),
+          o[20] || (o[20] = g("span", { class: "markdown-editor__floating-menu-icon" }, "∑", -1)),
           g("span", null, H(e.translate("formulaBlock")), 1)
         ], 32)
-      ], 8, Wt)) : E("", !0),
-      e.listVisible ? (r(), m("div", {
-        key: 3,
+      ], 8, ra)) : $("", !0),
+      e.listVisible ? (i(), m("div", {
+        key: 5,
         ref_key: "list",
-        ref: i,
+        ref: M,
         class: "markdown-editor__floating-menu markdown-editor__floating-menu--list",
         "data-theme": e.theme,
         role: "menu",
@@ -169,71 +249,71 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
           "aria-checked": e.state.bulletList,
           role: "menuitemradio",
           type: "button",
-          onMousedown: l[8] || (l[8] = w(() => {
+          onMousedown: o[10] || (o[10] = h(() => {
           }, ["prevent"])),
-          onClick: l[9] || (l[9] = (k) => u("bullet-list"))
+          onClick: o[11] || (o[11] = (b) => c("bullet-list"))
         }, [
-          M(p, { name: "bulletList" }),
+          C(p, { name: "bulletList" }),
           g("span", null, H(e.translate("bulletList")), 1)
-        ], 40, Gt),
+        ], 40, ua),
         g("button", {
           "aria-checked": e.state.orderedList,
           role: "menuitemradio",
           type: "button",
-          onMousedown: l[10] || (l[10] = w(() => {
+          onMousedown: o[12] || (o[12] = h(() => {
           }, ["prevent"])),
-          onClick: l[11] || (l[11] = (k) => u("ordered-list"))
+          onClick: o[13] || (o[13] = (b) => c("ordered-list"))
         }, [
-          M(p, { name: "orderedList" }),
+          C(p, { name: "orderedList" }),
           g("span", null, H(e.translate("orderedList")), 1)
-        ], 40, Yt),
+        ], 40, ma),
         g("button", {
           disabled: !e.state.listIndentEnabled,
           role: "menuitem",
           type: "button",
-          onMousedown: l[12] || (l[12] = w(() => {
+          onMousedown: o[14] || (o[14] = h(() => {
           }, ["prevent"])),
-          onClick: l[13] || (l[13] = (k) => u("indent-list"))
+          onClick: o[15] || (o[15] = (b) => c("indent-list"))
         }, [
-          l[19] || (l[19] = g("span", { class: "markdown-editor__floating-menu-icon" }, "→", -1)),
+          o[21] || (o[21] = g("span", { class: "markdown-editor__floating-menu-icon" }, "→", -1)),
           g("span", null, H(e.translate("listIndent")), 1),
-          l[20] || (l[20] = g("kbd", null, "Tab", -1))
-        ], 40, Kt),
+          o[22] || (o[22] = g("kbd", null, "Tab", -1))
+        ], 40, ca),
         g("button", {
           disabled: !e.state.listOutdentEnabled,
           role: "menuitem",
           type: "button",
-          onMousedown: l[14] || (l[14] = w(() => {
+          onMousedown: o[16] || (o[16] = h(() => {
           }, ["prevent"])),
-          onClick: l[15] || (l[15] = (k) => u("outdent-list"))
+          onClick: o[17] || (o[17] = (b) => c("outdent-list"))
         }, [
-          l[21] || (l[21] = g("span", { class: "markdown-editor__floating-menu-icon" }, "←", -1)),
+          o[23] || (o[23] = g("span", { class: "markdown-editor__floating-menu-icon" }, "←", -1)),
           g("span", null, H(e.translate("listOutdent")), 1),
-          l[22] || (l[22] = g("kbd", null, "⇧ Tab", -1))
-        ], 40, Zt)
-      ], 8, Qt)) : E("", !0),
-      e.modeVisible ? (r(), m("div", {
-        key: 4,
+          o[24] || (o[24] = g("kbd", null, "⇧ Tab", -1))
+        ], 40, ga)
+      ], 8, da)) : $("", !0),
+      e.modeVisible ? (i(), m("div", {
+        key: 6,
         ref_key: "modeMenu",
-        ref: a,
+        ref: l,
         class: "markdown-editor__floating-menu",
         "data-theme": e.theme,
         role: "menu",
         "aria-label": e.translate("mode")
       }, [
-        (r(), m(F, null, se(C, (k) => g("button", {
-          key: k,
-          "aria-checked": e.mode === k,
+        (i(), m(z, null, J(v, (b) => g("button", {
+          key: b,
+          "aria-checked": e.mode === b,
           role: "menuitemradio",
           type: "button",
-          onClick: (I) => u("select-mode", k)
+          onClick: (S) => c("select-mode", b)
         }, [
-          g("span", null, H(e.translate(k === "wysiwyg" ? "visual" : k)), 1)
-        ], 8, Jt)), 64))
-      ], 8, Xt)) : E("", !0)
+          g("span", null, H(e.translate(b === "wysiwyg" ? "visual" : b)), 1)
+        ], 8, ba)), 64))
+      ], 8, va)) : $("", !0)
     ], 64));
   }
-}), ea = /* @__PURE__ */ ae(_t, [["__scopeId", "data-v-864eac67"]]), ta = ["data-theme", "aria-label"], aa = ["aria-label", "title"], la = ["value", "aria-label"], na = /* @__PURE__ */ te({
+}), ka = /* @__PURE__ */ ie(fa, [["__scopeId", "data-v-84979053"]]), wa = ["data-theme", "aria-label"], ha = ["aria-label", "title"], ya = ["value", "aria-label"], Ca = /* @__PURE__ */ ne({
   __name: "MarkdownEditorImageActions",
   props: {
     objectFit: {},
@@ -241,11 +321,11 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
     translate: { type: Function }
   },
   emits: ["full-width", "object-fit"],
-  setup(e, { expose: f, emit: y }) {
-    const u = y, b = h();
-    return f({ element: b }), (d, s) => (r(), m("div", {
+  setup(e, { expose: k, emit: x }) {
+    const c = x, w = y();
+    return k({ element: w }), (u, r) => (i(), m("div", {
       ref_key: "element",
-      ref: b,
+      ref: w,
       class: "markdown-editor__image-actions",
       "data-theme": e.theme,
       role: "toolbar",
@@ -255,23 +335,25 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
         type: "button",
         "aria-label": e.translate("imageWidthFull"),
         title: e.translate("imageWidthFull"),
-        onMousedown: s[0] || (s[0] = w(() => {
+        onMousedown: r[0] || (r[0] = h(() => {
         }, ["prevent"])),
-        onClick: s[1] || (s[1] = (i) => u("full-width"))
-      }, "↔", 40, aa),
+        onClick: r[1] || (r[1] = (s) => c("full-width"))
+      }, " ↔ ", 40, ha),
       g("select", {
         value: e.objectFit ?? "contain",
         "aria-label": e.translate("imageFit"),
-        onChange: s[2] || (s[2] = (i) => u("object-fit", i.target.value))
-      }, [...s[3] || (s[3] = [
-        st('<option value="contain" data-v-0158c930>Contain</option><option value="cover" data-v-0158c930>Cover</option><option value="fill" data-v-0158c930>Fill</option><option value="none" data-v-0158c930>None</option><option value="scale-down" data-v-0158c930>Scale down</option>', 5)
-      ])], 40, la)
-    ], 8, ta));
+        onChange: r[2] || (r[2] = (s) => c("object-fit", s.target.value))
+      }, [...r[3] || (r[3] = [
+        vt('<option value="contain" data-v-8660b8bb>Contain</option><option value="cover" data-v-8660b8bb>Cover</option><option value="fill" data-v-8660b8bb>Fill</option><option value="none" data-v-8660b8bb>None</option><option value="scale-down" data-v-8660b8bb>Scale down</option>', 5)
+      ])], 40, ya)
+    ], 8, wa));
   }
-}), oa = /* @__PURE__ */ ae(na, [["__scopeId", "data-v-0158c930"]]), ia = ["aria-label"], sa = { class: "markdown-editor__toolbar-buttons" }, ra = ["data-toolbar-group"], da = ["disabled", "aria-label", "title", "onClick"], ua = ["disabled", "aria-label", "title", "onClick"], ma = ["aria-expanded", "aria-label", "aria-pressed", "title"], ca = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], va = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], ga = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], fa = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], ba = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], ka = ["aria-expanded", "aria-label", "aria-pressed", "title"], wa = ["aria-expanded", "aria-label", "aria-pressed", "title"], ha = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], ya = ["aria-label", "aria-pressed", "title"], Ca = ["aria-expanded", "aria-pressed", "aria-label", "title"], Ma = ["title"], pa = ["aria-label"], xa = ["aria-expanded", "aria-label", "title"], La = ["aria-expanded", "aria-label", "aria-pressed", "title"], Ba = ["aria-label", "aria-pressed", "title", "onClick"], Ta = ["aria-label", "title"], Ea = ["aria-label", "title"], Ha = ["aria-label", "title"], $a = ["aria-expanded", "aria-label", "title"], Sa = /* @__PURE__ */ te({
+}), Ma = /* @__PURE__ */ ie(Ca, [["__scopeId", "data-v-8660b8bb"]]), pa = ["aria-label"], xa = { class: "markdown-editor__toolbar-buttons" }, La = ["data-toolbar-group"], Ba = ["disabled", "aria-label", "title", "onClick"], Ta = ["disabled", "aria-label", "title", "onClick"], Ea = ["aria-expanded", "aria-label", "aria-pressed", "title"], $a = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], Ha = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], Va = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], Sa = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], Aa = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], Pa = ["aria-expanded", "aria-label", "aria-pressed", "title"], za = ["aria-expanded", "aria-label", "aria-pressed", "title"], Fa = ["disabled", "aria-label", "aria-pressed", "title", "onClick"], Na = ["aria-label", "aria-pressed", "title"], Da = ["aria-expanded", "aria-pressed", "aria-label", "title"], Ra = ["aria-expanded", "aria-label", "title"], Ia = ["aria-expanded", "aria-label", "title"], qa = ["aria-expanded", "aria-label", "title"], Oa = ["aria-expanded", "aria-label", "aria-pressed", "title"], ja = ["aria-label", "aria-pressed", "title", "onClick"], Ua = ["aria-label", "title"], Wa = ["aria-label", "title"], Qa = ["aria-label", "title"], Ga = ["aria-expanded", "aria-label", "title"], Ka = /* @__PURE__ */ ne({
   __name: "MarkdownEditorToolbar",
   props: {
     commands: {},
+    backgroundColorMenuVisible: { type: Boolean },
+    colorMenuVisible: { type: Boolean },
     codeMenuVisible: { type: Boolean },
     formulaMenuVisible: { type: Boolean },
     headingMenuVisible: { type: Boolean },
@@ -287,64 +369,64 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
     features: {},
     translate: { type: Function }
   },
-  emits: ["execute", "insert-html", "toggle-formula-menu", "toggle-code-menu", "toggle-heading-menu", "toggle-image-editor", "toggle-link-editor", "toggle-list-menu", "toggle-mode-menu"],
-  setup(e, { emit: f }) {
-    const y = e;
-    function u(i) {
-      return i.map(ft).filter((a) => bt(a, y.state));
+  emits: ["execute", "insert-html", "toggle-formula-menu", "toggle-code-menu", "toggle-background-color-menu", "toggle-color-menu", "toggle-heading-menu", "toggle-image-editor", "toggle-link-editor", "toggle-list-menu", "toggle-mode-menu"],
+  setup(e, { emit: k }) {
+    const x = e;
+    function c(s) {
+      return s.map(Et).filter((a) => $t(a, x.state));
     }
-    function b(i, a) {
-      V(i, y.state) && (i.action ? i.action.run({
-        commands: y.commands,
-        execute: (C) => d("execute", i.id, C),
-        state: y.state
-      }) : d("execute", i.id, a));
+    function w(s, a) {
+      N(s, x.state) && (s.action ? s.action.run({
+        commands: x.commands,
+        execute: (M) => u("execute", s.id, M),
+        state: x.state
+      }) : u("execute", s.id, a));
     }
-    const d = f;
-    function s(i) {
-      return i.currentTarget;
+    const u = k;
+    function r(s) {
+      return s.currentTarget;
     }
-    return (i, a) => (r(), m("div", {
+    return (s, a) => (i(), m("div", {
       class: "markdown-editor__toolbar",
       "data-markdown-editor-toolbar": "",
       role: "toolbar",
       "aria-label": e.translate("toolbar")
     }, [
-      g("div", sa, [
-        (r(!0), m(F, null, se((e.toolbarConfig ?? c(gt)(e.toolbarPreset)).groups, (C) => (r(), m("div", {
-          key: C.id,
+      g("div", xa, [
+        (i(!0), m(z, null, J((e.toolbarConfig ?? d(Tt)(e.toolbarPreset)).groups, (M) => (i(), m("div", {
+          key: M.id,
           class: "markdown-editor__toolbar-group",
           role: "group",
-          "data-toolbar-group": C.id
+          "data-toolbar-group": M.id
         }, [
-          (r(!0), m(F, null, se(u(C.items), (n) => (r(), m(F, {
-            key: n.id
+          (i(!0), m(z, null, J(c(M.items), (l) => (i(), m(z, {
+            key: l.id
           }, [
-            n.id === "undo" ? (r(), m("button", {
+            l.id === "undo" ? (i(), m("button", {
               key: 0,
               "data-toolbar-item": "undo",
               type: "button",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("undo"),
               title: e.translate("undo"),
-              onMousedown: a[0] || (a[0] = w(() => {
+              onMousedown: a[0] || (a[0] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.undo)
+              onClick: (v) => w(l, e.commands.undo)
             }, [
-              M(p, { name: "arrowLeft" })
-            ], 40, da)) : n.id === "redo" ? (r(), m("button", {
+              C(p, { name: "arrowLeft" })
+            ], 40, Ba)) : l.id === "redo" ? (i(), m("button", {
               key: 1,
               "data-toolbar-item": "redo",
               type: "button",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("redo"),
               title: e.translate("redo"),
-              onMousedown: a[1] || (a[1] = w(() => {
+              onMousedown: a[1] || (a[1] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.redo)
+              onClick: (v) => w(l, e.commands.redo)
             }, [
-              M(p, { name: "arrowRight" })
-            ], 40, ua)) : n.id === "heading" ? (r(), m("button", {
+              C(p, { name: "arrowRight" })
+            ], 40, Ta)) : l.id === "heading" ? (i(), m("button", {
               key: 2,
               class: "markdown-editor__toolbar-heading",
               "data-toolbar-item": "heading",
@@ -353,76 +435,76 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
               "aria-pressed": e.state.headingLevel !== void 0,
               title: e.translate("heading"),
               type: "button",
-              onMousedown: a[2] || (a[2] = w(() => {
+              onMousedown: a[2] || (a[2] = h(() => {
               }, ["prevent"])),
-              onClick: a[3] || (a[3] = (l) => d("toggle-heading-menu", s(l)))
+              onClick: a[3] || (a[3] = (v) => u("toggle-heading-menu", r(v)))
             }, [
               g("span", null, H(e.textStyleLabel), 1),
-              M(p, { name: "chevronDown" })
-            ], 40, ma)) : n.id === "bold" ? (r(), m("button", {
+              C(p, { name: "chevronDown" })
+            ], 40, Ea)) : l.id === "bold" ? (i(), m("button", {
               key: 3,
               "data-toolbar-item": "bold",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("bold"),
-              "aria-pressed": c(Y)(n, e.state, e.state.bold),
+              "aria-pressed": d(X)(l, e.state, e.state.bold),
               type: "button",
               title: e.translate("bold"),
-              onMousedown: a[4] || (a[4] = w(() => {
+              onMousedown: a[4] || (a[4] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.bold)
+              onClick: (v) => w(l, e.commands.bold)
             }, [
-              M(p, { name: "bold" })
-            ], 40, ca)) : n.id === "italic" ? (r(), m("button", {
+              C(p, { name: "bold" })
+            ], 40, $a)) : l.id === "italic" ? (i(), m("button", {
               key: 4,
               "data-toolbar-item": "italic",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("italic"),
-              "aria-pressed": c(Y)(n, e.state, e.state.italic),
+              "aria-pressed": d(X)(l, e.state, e.state.italic),
               type: "button",
               title: e.translate("italic"),
-              onMousedown: a[5] || (a[5] = w(() => {
+              onMousedown: a[5] || (a[5] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.italic)
+              onClick: (v) => w(l, e.commands.italic)
             }, [
-              M(p, { name: "italic" })
-            ], 40, va)) : n.id === "underline" ? (r(), m("button", {
+              C(p, { name: "italic" })
+            ], 40, Ha)) : l.id === "underline" ? (i(), m("button", {
               key: 5,
               "data-toolbar-item": "underline",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("underline"),
-              "aria-pressed": c(Y)(n, e.state, e.state.underline),
+              "aria-pressed": d(X)(l, e.state, e.state.underline),
               type: "button",
               title: e.translate("underline"),
-              onMousedown: a[6] || (a[6] = w(() => {
+              onMousedown: a[6] || (a[6] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.underline)
+              onClick: (v) => w(l, e.commands.underline)
             }, [
-              M(p, { name: "underline" })
-            ], 40, ga)) : n.id === "strike" ? (r(), m("button", {
+              C(p, { name: "underline" })
+            ], 40, Va)) : l.id === "strike" ? (i(), m("button", {
               key: 6,
               "data-toolbar-item": "strike",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("strike"),
-              "aria-pressed": c(Y)(n, e.state, e.state.strikethrough),
+              "aria-pressed": d(X)(l, e.state, e.state.strikethrough),
               type: "button",
               title: e.translate("strike"),
-              onMousedown: a[7] || (a[7] = w(() => {
+              onMousedown: a[7] || (a[7] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.strikethrough)
+              onClick: (v) => w(l, e.commands.strikethrough)
             }, [
-              M(p, { name: "strike" })
-            ], 40, fa)) : n.id === "mark" ? (r(), m("button", {
+              C(p, { name: "strike" })
+            ], 40, Sa)) : l.id === "mark" ? (i(), m("button", {
               key: 7,
               "data-toolbar-item": "mark",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("mark"),
-              "aria-pressed": c(Y)(n, e.state, e.state.mark),
+              "aria-pressed": d(X)(l, e.state, e.state.mark),
               type: "button",
               title: e.translate("mark"),
-              onMousedown: a[8] || (a[8] = w(() => {
+              onMousedown: a[8] || (a[8] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.mark)
-            }, " M ", 40, ba)) : n.id === "code" ? (r(), m("button", {
+              onClick: (v) => w(l, e.commands.mark)
+            }, " M ", 40, Aa)) : l.id === "code" ? (i(), m("button", {
               key: 8,
               class: "markdown-editor__toolbar-code",
               "data-toolbar-item": "code",
@@ -431,13 +513,13 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
               "aria-pressed": e.state.code || e.state.codeBlock,
               title: e.translate(e.state.codeBlock ? "codeBlock" : "code"),
               type: "button",
-              onMousedown: a[9] || (a[9] = w(() => {
+              onMousedown: a[9] || (a[9] = h(() => {
               }, ["prevent"])),
-              onClick: a[10] || (a[10] = (l) => d("toggle-code-menu", s(l)))
+              onClick: a[10] || (a[10] = (v) => u("toggle-code-menu", r(v)))
             }, [
-              M(p, { name: "code" }),
-              M(p, { name: "chevronDown" })
-            ], 40, ka)) : n.id === "bullet-list" ? (r(), m("button", {
+              C(p, { name: "code" }),
+              C(p, { name: "chevronDown" })
+            ], 40, Pa)) : l.id === "bullet-list" ? (i(), m("button", {
               key: 9,
               class: "markdown-editor__toolbar-list",
               "data-toolbar-item": "list",
@@ -446,38 +528,38 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
               "aria-pressed": e.state.bulletList || e.state.orderedList,
               title: e.translate(e.state.orderedList ? "orderedList" : "bulletList"),
               type: "button",
-              onMousedown: a[11] || (a[11] = w(() => {
+              onMousedown: a[11] || (a[11] = h(() => {
               }, ["prevent"])),
-              onClick: a[12] || (a[12] = (l) => d("toggle-list-menu", s(l)))
+              onClick: a[12] || (a[12] = (v) => u("toggle-list-menu", r(v)))
             }, [
-              M(p, {
+              C(p, {
                 name: e.state.orderedList ? "orderedList" : "bulletList"
               }, null, 8, ["name"]),
-              M(p, { name: "chevronDown" })
-            ], 40, wa)) : n.id === "ordered-list" ? (r(), m(F, { key: 10 }, [], 64)) : n.id === "quote" ? (r(), m("button", {
+              C(p, { name: "chevronDown" })
+            ], 40, za)) : l.id === "ordered-list" ? (i(), m(z, { key: 10 }, [], 64)) : l.id === "quote" ? (i(), m("button", {
               key: 11,
               "data-toolbar-item": "quote",
-              disabled: !c(V)(n, e.state),
+              disabled: !d(N)(l, e.state),
               "aria-label": e.translate("quote"),
-              "aria-pressed": c(Y)(n, e.state, e.state.quote),
+              "aria-pressed": d(X)(l, e.state, e.state.quote),
               type: "button",
               title: e.translate("quote"),
-              onMousedown: a[13] || (a[13] = w(() => {
+              onMousedown: a[13] || (a[13] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.quote)
+              onClick: (v) => w(l, e.commands.quote)
             }, [
-              M(p, { name: "quote" })
-            ], 40, ha)) : n.id === "fold-heading" ? (r(), m("button", {
+              C(p, { name: "quote" })
+            ], 40, Fa)) : l.id === "fold-heading" ? (i(), m("button", {
               key: 12,
               "data-toolbar-item": "fold-heading",
               "aria-label": e.translate("foldHeading"),
               "aria-pressed": e.state.headingFolded,
               type: "button",
               title: e.translate("foldHeading"),
-              onMousedown: a[14] || (a[14] = w(() => {
+              onMousedown: a[14] || (a[14] = h(() => {
               }, ["prevent"])),
-              onClick: a[15] || (a[15] = (l) => d("execute", "fold-heading", e.commands.toggleHeadingFolding))
-            }, " ▸ ", 40, ya)) : n.id === "code-block" ? (r(), m(F, { key: 13 }, [], 64)) : n.id === "link" ? (r(), m("button", {
+              onClick: a[15] || (a[15] = (v) => u("execute", "fold-heading", e.commands.toggleHeadingFolding))
+            }, " ▸ ", 40, Na)) : l.id === "code-block" ? (i(), m(z, { key: 13 }, [], 64)) : l.id === "link" ? (i(), m("button", {
               key: 14,
               "data-toolbar-item": "link",
               "aria-expanded": e.linkEditorVisible,
@@ -485,97 +567,111 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
               type: "button",
               "aria-label": e.translate("link"),
               title: e.translate("link"),
-              onMousedown: a[16] || (a[16] = w(() => {
+              onMousedown: a[16] || (a[16] = h(() => {
               }, ["prevent"])),
-              onClick: a[17] || (a[17] = (l) => d("toggle-link-editor", s(l)))
+              onClick: a[17] || (a[17] = (v) => u("toggle-link-editor", r(v)))
             }, [
-              M(p, { name: "link" })
-            ], 40, Ca)) : n.id === "color" ? (r(), m("label", {
+              C(p, { name: "link" })
+            ], 40, Da)) : l.id === "background-color" ? (i(), m("button", {
               key: 15,
-              "data-toolbar-item": "color",
-              class: "markdown-editor__color",
-              title: e.translate("color")
+              "data-toolbar-item": "background-color",
+              "aria-expanded": e.backgroundColorMenuVisible,
+              "aria-label": e.translate("backgroundColor"),
+              title: e.translate("backgroundColor"),
+              type: "button",
+              onMousedown: a[18] || (a[18] = h(() => {
+              }, ["prevent"])),
+              onClick: a[19] || (a[19] = (v) => u("toggle-background-color-menu", r(v)))
             }, [
-              g("input", {
-                "aria-label": e.translate("color"),
-                type: "color",
-                value: "#202125",
-                onInput: a[18] || (a[18] = (l) => d("execute", "color", e.commands.setColor(l.target.value)))
-              }, null, 40, pa)
-            ], 8, Ma)) : n.id === "image" ? (r(), m("button", {
+              a[35] || (a[35] = g("span", { class: "markdown-editor__background-color-trigger" }, "A", -1)),
+              C(p, { name: "chevronDown" })
+            ], 40, Ra)) : l.id === "color" ? (i(), m("button", {
               key: 16,
+              "data-toolbar-item": "color",
+              "aria-expanded": e.colorMenuVisible,
+              "aria-label": e.translate("color"),
+              title: e.translate("color"),
+              type: "button",
+              onMousedown: a[20] || (a[20] = h(() => {
+              }, ["prevent"])),
+              onClick: a[21] || (a[21] = (v) => u("toggle-color-menu", r(v)))
+            }, [
+              a[36] || (a[36] = g("span", { class: "markdown-editor__color-trigger" }, "A", -1)),
+              C(p, { name: "chevronDown" })
+            ], 40, Ia)) : l.id === "image" ? (i(), m("button", {
+              key: 17,
               "data-toolbar-item": "image",
               "aria-expanded": e.imageEditorVisible,
               "aria-label": e.translate("image"),
               type: "button",
               title: e.translate("image"),
-              onMousedown: a[19] || (a[19] = w(() => {
+              onMousedown: a[22] || (a[22] = h(() => {
               }, ["prevent"])),
-              onClick: a[20] || (a[20] = (l) => d("toggle-image-editor", s(l)))
+              onClick: a[23] || (a[23] = (v) => u("toggle-image-editor", r(v)))
             }, [
-              M(p, { name: "image" })
-            ], 40, xa)) : n.id === "formula" ? (r(), m("button", {
-              key: 17,
+              C(p, { name: "image" })
+            ], 40, qa)) : l.id === "formula" ? (i(), m("button", {
+              key: 18,
               "data-toolbar-item": "formula",
               "aria-expanded": e.formulaMenuVisible,
               "aria-label": e.translate("formula"),
               "aria-pressed": e.state.formula,
               title: e.translate("formula"),
               type: "button",
-              onMousedown: a[21] || (a[21] = w(() => {
+              onMousedown: a[24] || (a[24] = h(() => {
               }, ["prevent"])),
-              onClick: a[22] || (a[22] = (l) => d("toggle-formula-menu", s(l)))
+              onClick: a[25] || (a[25] = (v) => u("toggle-formula-menu", r(v)))
             }, [
-              M(p, { name: "function" })
-            ], 40, La)) : n.id === "mermaid" ? (r(), m("button", {
-              key: 18,
+              C(p, { name: "function" })
+            ], 40, Oa)) : l.id === "mermaid" ? (i(), m("button", {
+              key: 19,
               "data-toolbar-item": "mermaid",
               type: "button",
               "aria-label": e.translate("mermaid"),
               "aria-pressed": e.state.mermaid,
               title: e.translate("mermaid"),
-              onMousedown: a[23] || (a[23] = w(() => {
+              onMousedown: a[26] || (a[26] = h(() => {
               }, ["prevent"])),
-              onClick: (l) => b(n, e.commands.insertMermaid)
+              onClick: (v) => w(l, e.commands.insertMermaid)
             }, [
-              M(p, { name: "mermaid" })
-            ], 40, Ba)) : n.id === "html" ? (r(), m("button", {
-              key: 19,
+              C(p, { name: "mermaid" })
+            ], 40, ja)) : l.id === "html" ? (i(), m("button", {
+              key: 20,
               "data-toolbar-item": "html",
               type: "button",
               "aria-label": e.translate("html"),
               title: e.translate("html"),
-              onMousedown: a[24] || (a[24] = w(() => {
+              onMousedown: a[27] || (a[27] = h(() => {
               }, ["prevent"])),
-              onClick: a[25] || (a[25] = (l) => d("insert-html"))
-            }, " </> ", 40, Ta)) : n.id === "horizontal-rule" ? (r(), m("button", {
-              key: 20,
+              onClick: a[28] || (a[28] = (v) => u("insert-html"))
+            }, " </> ", 40, Ua)) : l.id === "horizontal-rule" ? (i(), m("button", {
+              key: 21,
               "data-toolbar-item": "horizontal-rule",
               "aria-label": e.translate("horizontalRule"),
               type: "button",
               title: e.translate("horizontalRule"),
-              onMousedown: a[26] || (a[26] = w(() => {
+              onMousedown: a[29] || (a[29] = h(() => {
               }, ["prevent"])),
-              onClick: a[27] || (a[27] = (l) => d("execute", "horizontal-rule", e.commands.horizontalRule))
+              onClick: a[30] || (a[30] = (v) => u("execute", "horizontal-rule", e.commands.horizontalRule))
             }, [
-              M(p, { name: "horizontalRule" })
-            ], 40, Ea)) : n.id === "table" ? (r(), m("button", {
-              key: 21,
+              C(p, { name: "horizontalRule" })
+            ], 40, Wa)) : l.id === "table" ? (i(), m("button", {
+              key: 22,
               "data-toolbar-item": "table",
               "aria-label": e.translate("table"),
               type: "button",
               title: e.translate("table"),
-              onMousedown: a[28] || (a[28] = w(() => {
+              onMousedown: a[31] || (a[31] = h(() => {
               }, ["prevent"])),
-              onClick: a[29] || (a[29] = (l) => d("execute", "table", e.commands.insertTable()))
+              onClick: a[32] || (a[32] = (v) => u("execute", "table", e.commands.insertTable()))
             }, [
-              M(p, { name: "table" })
-            ], 40, Ha)) : E("", !0)
+              C(p, { name: "table" })
+            ], 40, Qa)) : $("", !0)
           ], 64))), 128))
-        ], 8, ra))), 128)),
-        fe(i.$slots, "default", {
+        ], 8, La))), 128)),
+        we(s.$slots, "default", {
           commands: e.commands,
-          execute: (C) => d("execute", void 0, C)
+          execute: (M) => u("execute", void 0, M)
         }, void 0, !0)
       ]),
       g("button", {
@@ -585,84 +681,88 @@ const ht = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill=
         "aria-expanded": e.modeMenuVisible,
         "aria-label": e.translate("mode"),
         title: e.translate("mode"),
-        onMousedown: a[30] || (a[30] = w(() => {
+        onMousedown: a[33] || (a[33] = h(() => {
         }, ["prevent"])),
-        onClick: a[31] || (a[31] = (C) => d("toggle-mode-menu", s(C)))
+        onClick: a[34] || (a[34] = (M) => u("toggle-mode-menu", r(M)))
       }, [
-        M(p, { name: "gear" }),
-        M(p, { name: "chevronDown" })
-      ], 40, $a)
-    ], 8, ia));
+        C(p, { name: "gear" }),
+        C(p, { name: "chevronDown" })
+      ], 40, Ga)
+    ], 8, pa));
   }
-}), Va = /* @__PURE__ */ ae(Sa, [["__scopeId", "data-v-ad92a547"]]), Aa = [
+}), Ya = /* @__PURE__ */ ie(Ka, [["__scopeId", "data-v-411fb713"]]), Za = [
   "--markdown-background",
   "--markdown-border",
   "--markdown-focus-background",
   "--markdown-focus-text",
   "--markdown-text"
 ];
-function z(e, f = {}) {
-  const y = h(!1);
-  let u;
-  function b() {
-    y.value = !1, u?.(), u = void 0;
+function P(e, k = {}) {
+  const x = y(!1);
+  let c;
+  function w() {
+    x.value = !1, c?.(), c = void 0;
   }
-  async function d(i) {
-    b(), y.value = !0, await ee();
+  async function u(s) {
+    w(), x.value = !0, await oe();
     const a = e();
     if (a === void 0) return;
-    const C = i.closest(".markdown-editor");
-    if (C !== null) {
-      const l = getComputedStyle(C);
-      for (const k of Aa)
-        a.style.setProperty(k, l.getPropertyValue(k));
+    const M = s.closest(".markdown-editor");
+    if (M !== null) {
+      const v = getComputedStyle(M);
+      for (const V of Za)
+        a.style.setProperty(V, v.getPropertyValue(V));
     }
-    u = at(i, a, async () => {
-      const { x: l, y: k } = await lt(i, a, {
-        middleware: [nt(6), ot({ padding: 8 }), it({ padding: 8 })],
-        placement: f.placement ?? "bottom-start",
+    c = dt(s, a, async () => {
+      const { x: v, y: V } = await ut(s, a, {
+        middleware: [mt(6), ct({ padding: 8 }), gt({ padding: 8 })],
+        placement: k.placement ?? "bottom-start",
         strategy: "fixed"
       });
-      Object.assign(a.style, { left: `${l}px`, position: "fixed", top: `${k}px` });
+      Object.assign(a.style, {
+        left: `${v}px`,
+        position: "fixed",
+        top: `${V}px`
+      });
     });
   }
-  async function s(i) {
-    y.value ? b() : await d(i);
+  async function r(s) {
+    x.value ? w() : await u(s);
   }
-  return be(b), {
-    close: b,
-    contains: (i) => e()?.contains(i) ?? !1,
-    open: d,
-    toggle: s,
-    visible: y
+  return he(w), {
+    close: w,
+    contains: (s) => e()?.contains(s) ?? !1,
+    open: u,
+    toggle: r,
+    visible: x
   };
 }
-function Ee(e, f) {
-  return e.length === 0 ? f : f.length === 0 ? e : `${e}
+function Ve(e, k) {
+  return e.length === 0 ? k : k.length === 0 ? e : `${e}
 
-${f}`;
+${k}`;
 }
-function Pa(e) {
-  const f = h(e.initialValue);
-  let y = !1;
-  function u(i, a) {
-    y = !0, a !== "markup" && e.getMarkupHost()?.setValue(i), a !== "visual" && e.getVisualHost()?.setValue(i), y = !1;
+function Xa(e) {
+  const k = y(e.initialValue);
+  let x = !1;
+  function c(s, a) {
+    x = !0, a !== "markup" && e.getMarkupHost()?.setValue(s), a !== "visual" && e.getVisualHost()?.setValue(s), x = !1;
   }
-  function b(i) {
-    i !== f.value && (f.value = i, u(i));
+  function w(s) {
+    s !== k.value && (k.value = s, c(s));
   }
-  function d(i) {
-    i !== f.value && (f.value = i, e.onChange(i), u(i));
+  function u(s) {
+    s !== k.value && (k.value = s, e.onChange(s), c(s));
   }
-  function s(i, a) {
-    i === f.value || y || (f.value = i, e.onChange(i), u(i, a));
+  function r(s, a) {
+    s === k.value || x || (k.value = s, e.onChange(s), c(s, a));
   }
-  return { setExternalValue: b, setValue: d, updateFromHost: s, value: f };
+  return { setExternalValue: w, setValue: u, updateFromHost: r, value: k };
 }
-const za = ["data-locale", "data-mode", "data-theme"], Fa = {
+const Ja = ["data-locale", "data-mode", "data-theme"], _a = {
   key: 0,
   class: "markdown-editor__header"
-}, Na = /* @__PURE__ */ te({
+}, el = /* @__PURE__ */ ne({
   name: "MarkdownEditor",
   __name: "MarkdownEditor",
   props: {
@@ -679,8 +779,8 @@ const za = ["data-locale", "data-mode", "data-theme"], Fa = {
     features: { default: void 0 }
   },
   emits: ["cancel", "change", "mode-change", "update:modelValue", "update:mode", "submit"],
-  setup(e, { expose: f, emit: y }) {
-    const u = e, b = y, d = Xe(), s = et(), i = He()?.appContext, a = h(), C = h(), n = h(u.mode), l = h("https://"), k = h(""), I = h(""), ke = h(), A = h(""), K = h(""), q = h(!1), L = h({
+  setup(e, { expose: k, emit: x }) {
+    const c = e, w = x, u = ot(), r = st(), s = Se()?.appContext, a = y(), M = y(), l = y(c.mode), v = y("https://"), V = y(""), o = y(""), b = y(), S = y(""), _ = y(""), j = y(!1), E = y({
       bold: !1,
       bulletList: !1,
       code: !1,
@@ -703,21 +803,28 @@ const za = ["data-locale", "data-mode", "data-theme"], Fa = {
       quote: !1,
       strikethrough: !1,
       underline: !1
-    }), re = Te(() => L.value.headingLevel?.toString() ?? "paragraph"), $e = Te(() => re.value === "paragraph" ? "H" : `H${re.value}`), we = h(), O = h(), he = h(), j = z(() => O.value?.getElement("code")), N = z(() => O.value?.getElement("formula")), U = z(() => O.value?.getElement("heading")), R = z(() => ke.value?.element), Z = z(() => he.value?.element, { placement: "top" }), $ = z(() => we.value?.element), W = z(() => O.value?.getElement("list")), Q = z(() => O.value?.getElement("mode"));
-    let x, de = "visual", G = 0, ue = !1, B;
-    const { setExternalValue: Se, setValue: X, updateFromHost: ye, value: D } = Pa({
-      getMarkupHost: () => x,
-      getVisualHost: () => B,
-      initialValue: u.modelValue,
+    }), me = He(() => E.value.headingLevel?.toString() ?? "paragraph"), Ae = He(() => me.value === "paragraph" ? "H" : `H${me.value}`), ye = y(), D = y(), Ce = y(), U = P(() => D.value?.getElement("code")), W = P(() => D.value?.getElement("background-color")), Q = P(() => D.value?.getElement("color")), I = P(() => D.value?.getElement("formula")), G = P(() => D.value?.getElement("heading")), q = P(() => b.value?.element), ee = P(() => Ce.value?.element, {
+      placement: "top"
+    }), A = P(() => ye.value?.element), K = P(() => D.value?.getElement("list")), Y = P(() => D.value?.getElement("mode"));
+    let L, ce = "visual", Z = 0, ge = !1, T;
+    const {
+      setExternalValue: Pe,
+      setValue: te,
+      updateFromHost: Me,
+      value: O
+    } = Xa({
+      getMarkupHost: () => L,
+      getVisualHost: () => T,
+      initialValue: c.modelValue,
       onChange: (t) => {
-        b("update:modelValue", t), b("change", t);
+        w("update:modelValue", t), w("change", t);
       }
     });
-    function me(t) {
-      return Ze(u.locale)[t];
+    function ve(t) {
+      return lt(c.locale)[t];
     }
-    function le() {
-      x?.destroy(), B?.destroy(), x = void 0, B = void 0, L.value = {
+    function se() {
+      L?.destroy(), T?.destroy(), L = void 0, T = void 0, E.value = {
         bold: !1,
         bulletList: !1,
         code: !1,
@@ -742,584 +849,635 @@ const za = ["data-locale", "data-mode", "data-theme"], Fa = {
         underline: !1
       };
     }
-    function Ve(t) {
-      n.value === "markup" || n.value === "split" && typeof t == "object" ? x?.moveCursor(t) : B?.moveCursor(typeof t == "object" ? "start" : t);
+    function ze(t) {
+      l.value === "markup" || l.value === "split" && typeof t == "object" ? L?.moveCursor(t) : T?.moveCursor(typeof t == "object" ? "start" : t);
     }
-    function Ae(t) {
-      n.value === "markup" || n.value === "split" && x?.hasFocus() ? x?.insert(t) : B?.insert(t);
+    function Fe(t) {
+      l.value === "markup" || l.value === "split" && L?.hasFocus() ? L?.insert(t) : T?.insert(t);
     }
-    function Pe() {
-      if (A.value.trim().length === 0)
+    function Ne() {
+      if (S.value.trim().length === 0)
         return;
-      ue = !0;
-      const t = K.value.trim() || A.value.trim();
-      T() ? x?.run(s.setLink(A.value.trim(), void 0, t, q.value)) : S(void 0, d.setLink(A.value.trim(), t, t, q.value)), $.close();
+      ge = !0;
+      const t = _.value.trim() || S.value.trim();
+      B() ? L?.run(r.setLink(S.value.trim(), void 0, t, j.value)) : F(void 0, u.setLink(S.value.trim(), t, t, j.value)), A.close();
+    }
+    function pe() {
+      A.close();
+    }
+    function De() {
+      const t = v.value.trim();
+      t.length !== 0 && (B() ? L?.run(
+        r.insertImage(t, V.value.trim() || "Image", o.value.trim() || void 0)
+      ) : F(
+        void 0,
+        u.insertImage(t, V.value.trim() || "Image", o.value.trim() || void 0)
+      ), q.close());
     }
-    function Ce() {
-      $.close();
+    function Re() {
+      q.close();
     }
-    function ze() {
-      const t = l.value.trim();
-      t.length !== 0 && (T() ? x?.run(s.insertImage(t, k.value.trim() || "Image", I.value.trim() || void 0)) : S(void 0, d.insertImage(t, k.value.trim() || "Image", I.value.trim() || void 0)), R.close());
+    function Ie(t) {
+      B() ? L?.run(t === "paragraph" ? r.paragraph : r.heading(Number(t))) : t === "paragraph" ? F(void 0, u.paragraph) : F(void 0, u.heading(Number(t))), G.close();
+    }
+    async function qe(t) {
+      B(), await G.toggle(t);
+    }
+    async function Oe(t) {
+      B(), await U.toggle(t);
     }
-    function Fe() {
-      R.close();
+    async function je(t) {
+      B() || await Q.toggle(t);
     }
-    function Ne(t) {
-      T() ? x?.run(t === "paragraph" ? s.paragraph : s.heading(Number(t))) : t === "paragraph" ? S(void 0, d.paragraph) : S(void 0, d.heading(Number(t))), U.close();
+    async function Ue(t) {
+      B() || await W.toggle(t);
     }
-    async function Re(t) {
-      T(), await U.toggle(t);
+    function We(t) {
+      W.close(), !B() && T?.run(u.setBackgroundColor(t));
     }
-    async function De(t) {
-      T(), await j.toggle(t);
+    function Qe(t) {
+      Q.close(), !B() && T?.run(u.setColor(t));
     }
-    function Me(t, o) {
-      T() ? x?.run(s[o]) : S(void 0, t), j.close();
+    function xe(t, n) {
+      B() ? L?.run(r[n]) : F(void 0, t), U.close();
     }
-    async function Ie(t) {
-      if (T(), $.visible.value) {
-        $.close();
+    async function Ge(t) {
+      if (B(), A.visible.value) {
+        A.close();
         return;
       }
-      A.value = L.value.linkHref ?? "", K.value = L.value.linkText ?? window.getSelection()?.toString().trim() ?? "", q.value = L.value.linkOpenInNewWindow, await $.open(t);
+      S.value = E.value.linkHref ?? "", _.value = E.value.linkText ?? window.getSelection()?.toString().trim() ?? "", j.value = E.value.linkOpenInNewWindow, await A.open(t);
     }
-    async function pe(t) {
-      const o = L.value.linkHref;
-      if (o === void 0 && t === void 0) {
-        Ce();
+    async function Le(t) {
+      const n = E.value.linkHref;
+      if (n === void 0 && t === void 0) {
+        pe();
         return;
       }
-      A.value = t?.getAttribute("href") ?? o ?? "", K.value = t?.textContent ?? L.value.linkText ?? "", q.value = t?.getAttribute("target") === "_blank" || L.value.linkOpenInNewWindow;
-      const v = window.getSelection()?.anchorNode, P = v instanceof Element ? v : v?.parentElement, ve = t ?? P?.closest("a");
-      ve != null && await $.open(ve);
+      S.value = t?.getAttribute("href") ?? n ?? "", _.value = t?.textContent ?? E.value.linkText ?? "", j.value = t?.getAttribute("target") === "_blank" || E.value.linkOpenInNewWindow;
+      const f = window.getSelection()?.anchorNode, R = f instanceof Element ? f : f?.parentElement, fe = t ?? R?.closest("a");
+      fe != null && await A.open(fe);
     }
-    function qe(t) {
-      const o = t.target;
-      if (!(o instanceof Element)) return;
-      const v = o.closest(".ProseMirror img");
-      if (v !== null) {
-        t.preventDefault(), B?.selectElement(v), Z.open(v);
+    function Ke(t) {
+      const n = t.target;
+      if (!(n instanceof Element)) return;
+      const f = n.closest(".ProseMirror img");
+      if (f !== null) {
+        t.preventDefault(), T?.selectElement(f), ee.open(f);
         return;
       }
-      const P = o.closest(".ProseMirror a");
-      P !== null && (t.preventDefault(), B?.selectElement(P), pe(P));
+      const R = n.closest(".ProseMirror a");
+      R !== null && (t.preventDefault(), T?.selectElement(R), Le(R));
     }
-    async function Oe(t) {
-      T(), await W.toggle(t);
+    async function Ye(t) {
+      B(), await K.toggle(t);
     }
-    function ne(t, o) {
-      T() ? x?.run(s[o]) : S(void 0, t), W.close();
+    function re(t, n) {
+      B() ? L?.run(r[n]) : F(void 0, t), K.close();
     }
-    async function je(t) {
-      T(), await R.toggle(t);
+    async function Ze(t) {
+      B(), await q.toggle(t);
     }
-    async function xe(t) {
-      S(void 0, t), await ee();
-      const o = C.value?.querySelector(".ProseMirror img.ProseMirror-selectednode");
-      o != null && await Z.open(o);
+    async function Be(t) {
+      F(void 0, t), await oe();
+      const n = M.value?.querySelector(".ProseMirror img.ProseMirror-selectednode");
+      n != null && await ee.open(n);
     }
-    async function Ue(t) {
-      await Q.toggle(t);
+    async function Xe(t) {
+      await Y.toggle(t);
     }
-    async function We(t) {
-      Q.close(), await ce(t);
+    async function Je(t) {
+      Y.close(), await be(t);
     }
-    function Qe() {
-      T() ? x?.run(s.insertHtml) : B?.run(d.insertHtml);
+    function _e() {
+      B() ? L?.run(r.insertHtml) : T?.run(u.insertHtml);
     }
-    async function Ge() {
-      N.close(), !L.value.formula && (T() ? x?.run(s.insertMathBlock) : B?.run(d.insertMathBlock));
+    async function et() {
+      I.close(), !E.value.formula && (B() ? L?.run(r.insertMathBlock) : T?.run(u.insertMathBlock));
     }
-    function Ye() {
-      N.close(), T() ? x?.run(s.insertInlineMath) : B?.run(d.insertInlineMath);
+    function tt() {
+      I.close(), B() ? L?.run(r.insertInlineMath) : T?.run(u.insertInlineMath);
     }
-    async function Ke(t) {
-      T(), L.value.formula || await N.toggle(t);
+    async function at(t) {
+      B(), E.value.formula || await I.toggle(t);
     }
-    function Le(t) {
-      const o = t.target;
-      if (o instanceof Node)
-        for (const v of [U, j, N, $, W, R, Z, Q])
-          v.contains(o) || v.close();
+    function Te(t) {
+      const n = t.target;
+      if (n instanceof Node)
+        for (const f of [
+          G,
+          U,
+          W,
+          Q,
+          I,
+          A,
+          K,
+          q,
+          ee,
+          Y
+        ])
+          f.contains(n) || f.close();
     }
-    function Be(t) {
+    function Ee(t) {
       if (t.key === "Escape")
-        for (const o of [U, j, N, $, W, R, Z, Q]) o.close();
+        for (const n of [
+          G,
+          U,
+          W,
+          Q,
+          I,
+          A,
+          K,
+          q,
+          ee,
+          Y
+        ])
+          n.close();
     }
-    function oe() {
-      n.value !== "markup" && C.value !== void 0 && (B = Je({
-        directiveAppContext: i,
-        directiveComponents: u.directiveComponents,
-        features: u.features,
-        editable: !u.readonly,
-        initialValue: D.value,
-        onCancel: () => (b("cancel"), !0),
+    function de() {
+      l.value !== "markup" && M.value !== void 0 && (T = nt({
+        directiveAppContext: s,
+        directiveComponents: c.directiveComponents,
+        features: c.features,
+        editable: !c.readonly,
+        initialValue: O.value,
+        onCancel: () => (w("cancel"), !0),
         onChange: (t) => {
-          ye(t, "visual"), C.value !== void 0 && ge(C.value, u.locale);
+          Me(t, "visual"), M.value !== void 0 && ke(M.value, c.locale);
         },
         onSelectionChange: (t) => {
-          L.value = t, ue ? ue = !1 : pe();
+          E.value = t, ge ? ge = !1 : Le();
         },
-        onSubmit: () => (b("submit"), !0),
-        placeholder: u.placeholder,
-        target: C.value
-      }), ge(C.value, u.locale)), n.value !== "wysiwyg" && a.value !== void 0 && (x = _e({
-        editable: !u.readonly,
-        initialValue: D.value,
-        onChange: (t) => ye(t, "markup"),
+        onSubmit: () => (w("submit"), !0),
+        placeholder: c.placeholder,
+        target: M.value
+      }), ke(M.value, c.locale)), l.value !== "wysiwyg" && a.value !== void 0 && (L = it({
+        editable: !c.readonly,
+        initialValue: O.value,
+        onChange: (t) => Me(t, "markup"),
         target: a.value
       }));
     }
-    async function ce(t) {
-      if (t === n.value)
+    async function be(t) {
+      if (t === l.value)
         return;
-      const o = ++G;
-      n.value = t, b("update:mode", t), b("mode-change", t), le(), await ee(), o === G && oe();
+      const n = ++Z;
+      l.value = t, w("update:mode", t), w("mode-change", t), se(), await oe(), n === Z && de();
     }
-    function T() {
-      return n.value === "markup" ? !0 : n.value === "wysiwyg" ? !1 : (x?.hasFocus() ? de = "markup" : B?.hasFocus() && (de = "visual"), de === "markup");
+    function B() {
+      return l.value === "markup" ? !0 : l.value === "wysiwyg" ? !1 : (L?.hasFocus() ? ce = "markup" : T?.hasFocus() && (ce = "visual"), ce === "markup");
     }
-    function S(t, o) {
-      if (!u.readonly) {
-        if (T() && t !== void 0) {
-          const P = {
-            bold: s.bold,
-            "fold-heading": s.toggleHeadingFolding,
-            "horizontal-rule": s.horizontalRule,
-            italic: s.italic,
-            mark: s.mark,
-            mermaid: s.insertMermaid,
-            quote: s.quote,
-            redo: s.redo,
-            strike: s.strikethrough,
-            table: s.insertTable(),
-            underline: s.underline,
-            undo: s.undo
+    function F(t, n) {
+      if (!c.readonly) {
+        if (B() && t !== void 0) {
+          const R = {
+            bold: r.bold,
+            "fold-heading": r.toggleHeadingFolding,
+            "horizontal-rule": r.horizontalRule,
+            italic: r.italic,
+            mark: r.mark,
+            mermaid: r.insertMermaid,
+            quote: r.quote,
+            redo: r.redo,
+            strike: r.strikethrough,
+            table: r.insertTable(),
+            underline: r.underline,
+            undo: r.undo
           }[t];
-          P !== void 0 && x?.run(P);
+          R !== void 0 && L?.run(R);
           return;
         }
-        B?.run(o);
+        T?.run(n);
       }
     }
-    return J(
-      () => u.modelValue,
+    return ae(
+      () => c.modelValue,
       (t) => {
-        t !== D.value && Se(t);
+        t !== O.value && Pe(t);
       }
-    ), J(
-      () => u.mode,
+    ), ae(
+      () => c.mode,
       (t) => {
-        ce(t);
+        be(t);
       }
-    ), J(
-      () => u.locale,
+    ), ae(
+      () => c.locale,
       (t) => {
-        C.value !== void 0 && ge(C.value, t);
+        M.value !== void 0 && ke(M.value, t);
+      }
+    ), ae(
+      () => c.features,
+      async () => {
+        const t = ++Z;
+        se(), await oe(), t === Z && de();
       }
-    ), J(() => u.features, async () => {
-      const t = ++G;
-      le(), await ee(), t === G && oe();
-    }), J(
-      () => u.readonly,
+    ), ae(
+      () => c.readonly,
       async () => {
-        const t = ++G;
-        le(), await ee(), t === G && oe();
+        const t = ++Z;
+        se(), await oe(), t === Z && de();
       }
-    ), rt(() => {
-      oe(), document.addEventListener("pointerdown", Le), document.addEventListener("keydown", Be);
-    }), be(() => {
-      le(), document.removeEventListener("pointerdown", Le), document.removeEventListener("keydown", Be);
-    }), f({
-      append: (t) => X(Ee(D.value, t)),
-      clear: () => X(""),
-      focus: () => n.value === "markup" ? x?.focus() : B?.focus(),
-      getMode: () => n.value,
-      getValue: () => D.value,
-      hasFocus: () => n.value === "markup" ? x?.hasFocus() ?? !1 : B?.hasFocus() ?? !1,
-      insert: Ae,
-      isEmpty: () => D.value.length === 0,
-      moveCursor: Ve,
-      prepend: (t) => X(Ee(t, D.value)),
-      replace: X,
-      setMode: ce,
-      setValue: X
-    }), (t, o) => (r(), m("section", {
+    ), bt(() => {
+      de(), document.addEventListener("pointerdown", Te), document.addEventListener("keydown", Ee);
+    }), he(() => {
+      se(), document.removeEventListener("pointerdown", Te), document.removeEventListener("keydown", Ee);
+    }), k({
+      append: (t) => te(Ve(O.value, t)),
+      clear: () => te(""),
+      focus: () => l.value === "markup" ? L?.focus() : T?.focus(),
+      getMode: () => l.value,
+      getValue: () => O.value,
+      hasFocus: () => l.value === "markup" ? L?.hasFocus() ?? !1 : T?.hasFocus() ?? !1,
+      insert: Fe,
+      isEmpty: () => O.value.length === 0,
+      moveCursor: ze,
+      prepend: (t) => te(Ve(t, O.value)),
+      replace: te,
+      setMode: be,
+      setValue: te
+    }), (t, n) => (i(), m("section", {
       class: "markdown-editor",
       "data-locale": e.locale,
-      "data-mode": n.value,
+      "data-mode": l.value,
       "data-theme": e.theme,
-      onClick: qe
+      onClick: Ke
     }, [
-      t.$slots.header ? (r(), m("header", Fa, [
-        fe(t.$slots, "header", {}, void 0, !0)
-      ])) : E("", !0),
-      e.readonly ? E("", !0) : (r(), _(Va, {
+      t.$slots.header ? (i(), m("header", _a, [
+        we(t.$slots, "header", {}, void 0, !0)
+      ])) : $("", !0),
+      e.readonly ? $("", !0) : (i(), le(Ya, {
         key: 1,
-        commands: c(d),
-        "code-menu-visible": c(j).visible.value,
-        "formula-menu-visible": c(N).visible.value,
-        "heading-menu-visible": c(U).visible.value,
-        "image-editor-visible": c(R).visible.value,
-        "link-editor-visible": c($).visible.value,
-        "list-menu-visible": c(W).visible.value,
-        mode: n.value,
-        "mode-menu-visible": c(Q).visible.value,
-        state: L.value,
-        "text-style-label": $e.value,
+        commands: d(u),
+        "background-color-menu-visible": d(W).visible.value,
+        "color-menu-visible": d(Q).visible.value,
+        "code-menu-visible": d(U).visible.value,
+        "formula-menu-visible": d(I).visible.value,
+        "heading-menu-visible": d(G).visible.value,
+        "image-editor-visible": d(q).visible.value,
+        "link-editor-visible": d(A).visible.value,
+        "list-menu-visible": d(K).visible.value,
+        mode: l.value,
+        "mode-menu-visible": d(Y).visible.value,
+        state: E.value,
+        "text-style-label": Ae.value,
         "toolbar-preset": e.toolbarPreset,
         "toolbar-config": e.toolbarConfig,
         features: e.features,
-        translate: me,
-        onExecute: S,
-        onInsertHtml: Qe,
-        onToggleFormulaMenu: Ke,
-        onToggleCodeMenu: De,
-        onToggleHeadingMenu: Re,
-        onToggleImageEditor: je,
-        onToggleLinkEditor: Ie,
-        onToggleListMenu: Oe,
-        onToggleModeMenu: Ue
+        translate: ve,
+        onExecute: F,
+        onInsertHtml: _e,
+        onToggleFormulaMenu: at,
+        onToggleCodeMenu: Oe,
+        onToggleBackgroundColorMenu: Ue,
+        onToggleColorMenu: je,
+        onToggleHeadingMenu: qe,
+        onToggleImageEditor: Ze,
+        onToggleLinkEditor: Ge,
+        onToggleListMenu: Ye,
+        onToggleModeMenu: Xe
       }, {
-        default: dt((v) => [
-          fe(t.$slots, "toolbar", ut(mt(v)), void 0, !0)
+        default: ft((f) => [
+          we(t.$slots, "toolbar", kt(wt(f)), void 0, !0)
         ]),
         _: 3
-      }, 8, ["commands", "code-menu-visible", "formula-menu-visible", "heading-menu-visible", "image-editor-visible", "link-editor-visible", "list-menu-visible", "mode", "mode-menu-visible", "state", "text-style-label", "toolbar-preset", "toolbar-config", "features"])),
-      (r(), _(ct, { to: "body" }, [
-        M(ea, {
+      }, 8, ["commands", "background-color-menu-visible", "color-menu-visible", "code-menu-visible", "formula-menu-visible", "heading-menu-visible", "image-editor-visible", "link-editor-visible", "list-menu-visible", "mode", "mode-menu-visible", "state", "text-style-label", "toolbar-preset", "toolbar-config", "features"])),
+      (i(), le(ht, { to: "body" }, [
+        C(ka, {
           ref_key: "floatingMenus",
-          ref: O,
-          "code-visible": c(j).visible.value,
-          "formula-visible": c(N).visible.value,
-          "heading-visible": c(U).visible.value,
-          "list-visible": c(W).visible.value,
-          mode: n.value,
-          "mode-visible": c(Q).visible.value,
-          state: L.value,
-          "text-style": re.value,
+          ref: D,
+          "code-visible": d(U).visible.value,
+          "background-color-visible": d(W).visible.value,
+          "color-visible": d(Q).visible.value,
+          "formula-visible": d(I).visible.value,
+          "heading-visible": d(G).visible.value,
+          "list-visible": d(K).visible.value,
+          mode: l.value,
+          "mode-visible": d(Y).visible.value,
+          state: E.value,
+          "text-style": me.value,
           theme: e.theme,
-          translate: me,
-          onBulletList: o[0] || (o[0] = (v) => ne(c(d).bulletList, "bulletList")),
-          onCodeBlock: o[1] || (o[1] = (v) => Me(c(d).codeBlock, "codeBlock")),
-          onIndentList: o[2] || (o[2] = (v) => ne(c(d).sinkListItem, "indentList")),
-          onInlineCode: o[3] || (o[3] = (v) => Me(c(d).code, "code")),
-          onInlineFormula: Ye,
-          onMathBlock: Ge,
-          onOrderedList: o[4] || (o[4] = (v) => ne(c(d).orderedList, "orderedList")),
-          onOutdentList: o[5] || (o[5] = (v) => ne(c(d).liftListItem, "outdentList")),
-          onSelectMode: We,
-          onSelectTextStyle: Ne
-        }, null, 8, ["code-visible", "formula-visible", "heading-visible", "list-visible", "mode", "mode-visible", "state", "text-style", "theme"]),
-        c($).visible.value ? (r(), _(kt, {
+          translate: ve,
+          onBulletList: n[0] || (n[0] = (f) => re(d(u).bulletList, "bulletList")),
+          onCodeBlock: n[1] || (n[1] = (f) => xe(d(u).codeBlock, "codeBlock")),
+          onSelectBackgroundColor: We,
+          onSelectColor: Qe,
+          onIndentList: n[2] || (n[2] = (f) => re(d(u).sinkListItem, "indentList")),
+          onInlineCode: n[3] || (n[3] = (f) => xe(d(u).code, "code")),
+          onInlineFormula: tt,
+          onMathBlock: et,
+          onOrderedList: n[4] || (n[4] = (f) => re(d(u).orderedList, "orderedList")),
+          onOutdentList: n[5] || (n[5] = (f) => re(d(u).liftListItem, "outdentList")),
+          onSelectMode: Je,
+          onSelectTextStyle: Ie
+        }, null, 8, ["code-visible", "background-color-visible", "color-visible", "formula-visible", "heading-visible", "list-visible", "mode", "mode-visible", "state", "text-style", "theme"]),
+        d(A).visible.value ? (i(), le(Ht, {
           key: 0,
           ref_key: "linkForm",
-          ref: we,
-          "has-current-link": L.value.linkHref !== void 0,
+          ref: ye,
+          "has-current-link": E.value.linkHref !== void 0,
           locale: e.locale,
-          "open-in-new-window": q.value,
+          "open-in-new-window": j.value,
           theme: e.theme,
-          text: K.value,
-          url: A.value,
-          onApply: Pe,
-          onCancel: Ce,
-          onRemove: o[6] || (o[6] = (v) => S(void 0, c(d).removeLink)),
-          "onUpdate:text": o[7] || (o[7] = (v) => K.value = v),
-          "onUpdate:url": o[8] || (o[8] = (v) => A.value = v),
-          "onUpdate:openInNewWindow": o[9] || (o[9] = (v) => q.value = v)
-        }, null, 8, ["has-current-link", "locale", "open-in-new-window", "theme", "text", "url"])) : E("", !0),
-        c(R).visible.value ? (r(), _(wt, {
+          text: _.value,
+          url: S.value,
+          onApply: Ne,
+          onCancel: pe,
+          onRemove: n[6] || (n[6] = (f) => F(void 0, d(u).removeLink)),
+          "onUpdate:text": n[7] || (n[7] = (f) => _.value = f),
+          "onUpdate:url": n[8] || (n[8] = (f) => S.value = f),
+          "onUpdate:openInNewWindow": n[9] || (n[9] = (f) => j.value = f)
+        }, null, 8, ["has-current-link", "locale", "open-in-new-window", "theme", "text", "url"])) : $("", !0),
+        d(q).visible.value ? (i(), le(Vt, {
           key: 1,
           ref_key: "imageForm",
-          ref: ke,
-          alt: k.value,
+          ref: b,
+          alt: V.value,
           locale: e.locale,
           theme: e.theme,
-          title: I.value,
+          title: o.value,
           "upload-image": e.uploadImage,
-          url: l.value,
-          onApply: ze,
-          onCancel: Fe,
-          "onUpdate:alt": o[10] || (o[10] = (v) => k.value = v),
-          "onUpdate:title": o[11] || (o[11] = (v) => I.value = v),
-          "onUpdate:url": o[12] || (o[12] = (v) => l.value = v)
-        }, null, 8, ["alt", "locale", "theme", "title", "upload-image", "url"])) : E("", !0),
-        c(Z).visible.value ? (r(), _(oa, {
+          url: v.value,
+          onApply: De,
+          onCancel: Re,
+          "onUpdate:alt": n[10] || (n[10] = (f) => V.value = f),
+          "onUpdate:title": n[11] || (n[11] = (f) => o.value = f),
+          "onUpdate:url": n[12] || (n[12] = (f) => v.value = f)
+        }, null, 8, ["alt", "locale", "theme", "title", "upload-image", "url"])) : $("", !0),
+        d(ee).visible.value ? (i(), le(Ma, {
           key: 2,
           ref_key: "imageActions",
-          ref: he,
-          "object-fit": L.value.imageObjectFit,
+          ref: Ce,
+          "object-fit": E.value.imageObjectFit,
           theme: e.theme,
-          translate: me,
-          onFullWidth: o[13] || (o[13] = (v) => xe(c(d).setImageDisplay("100%", "contain", null))),
-          onObjectFit: o[14] || (o[14] = (v) => xe(c(d).setImageDisplay(void 0, v)))
-        }, null, 8, ["object-fit", "theme"])) : E("", !0)
+          translate: ve,
+          onFullWidth: n[13] || (n[13] = (f) => Be(d(u).setImageDisplay("100%", "contain", null))),
+          onObjectFit: n[14] || (n[14] = (f) => Be(d(u).setImageDisplay(void 0, f)))
+        }, null, 8, ["object-fit", "theme"])) : $("", !0)
       ])),
       g("div", {
-        class: vt(["markdown-editor__hosts", { "markdown-editor__hosts--split": n.value === "split" }])
+        class: yt(["markdown-editor__hosts", { "markdown-editor__hosts--split": l.value === "split" }])
       }, [
-        n.value !== "markup" ? (r(), m("div", {
+        l.value !== "markup" ? (i(), m("div", {
           key: 0,
           ref_key: "visualTarget",
-          ref: C,
+          ref: M,
           class: "markdown-editor__visual"
-        }, null, 512)) : E("", !0),
-        n.value !== "wysiwyg" ? (r(), m("div", {
+        }, null, 512)) : $("", !0),
+        l.value !== "wysiwyg" ? (i(), m("div", {
           key: 1,
           ref_key: "markupTarget",
           ref: a,
           class: "markdown-editor__markup"
-        }, null, 512)) : E("", !0)
+        }, null, 512)) : $("", !0)
       ], 2)
-    ], 8, za));
+    ], 8, Ja));
   }
-}), Qa = /* @__PURE__ */ ae(Na, [["__scopeId", "data-v-6f49df4e"]]);
-function Ga(e = {}) {
-  const f = tt(e), y = h(f.getValue()), u = h(f.getMode()), b = h(f.readonly), d = h(f.toolbarVisible), s = () => f.destroy();
-  return f.on("change", (i) => {
-    y.value = i;
-  }), f.on("modeChange", (i) => {
-    u.value = i;
-  }), f.on("changeReadonly", ({ readonly: i }) => {
-    b.value = i;
-  }), f.on("changeToolbarVisibility", ({ visible: i }) => {
-    d.value = i;
-  }), He() !== null && be(s), {
-    destroy: s,
-    editor: f,
-    mode: ie(u),
-    readonly: ie(b),
-    toolbarVisible: ie(d),
-    value: ie(y)
+}), ul = /* @__PURE__ */ ie(el, [["__scopeId", "data-v-623bd764"]]);
+function ml(e = {}) {
+  const k = rt(e), x = y(k.getValue()), c = y(k.getMode()), w = y(k.readonly), u = y(k.toolbarVisible), r = () => k.destroy();
+  return k.on("change", (s) => {
+    x.value = s;
+  }), k.on("modeChange", (s) => {
+    c.value = s;
+  }), k.on("changeReadonly", ({ readonly: s }) => {
+    w.value = s;
+  }), k.on("changeToolbarVisibility", ({ visible: s }) => {
+    u.value = s;
+  }), Se() !== null && he(r), {
+    destroy: r,
+    editor: k,
+    mode: ue(c),
+    readonly: ue(w),
+    toolbarVisible: ue(u),
+    value: ue(x)
   };
 }
 export {
-  ol as ActionsManager,
-  Hl as BaseInputRules,
-  $l as BaseKeymap,
-  Sl as BaseSchema,
-  Vl as Blockquote,
-  Bi as BlockquoteSpecs,
-  Al as Bold,
-  Ti as BoldAttrs,
-  Ei as BoldSpecs,
-  Hi as BreakNodeName,
-  Pl as Breaks,
-  $i as BreaksSpecs,
-  zl as ClicksOnEdges,
-  Fl as Clipboard,
-  Nl as Code,
-  Rl as CodeBlock,
-  Si as CodeBlockAttrs,
-  Vi as CodeBlockSpecs,
-  Ai as CodeSpecs,
-  wi as CommonMarkPreset,
-  pi as CommonMarkSpecsPreset,
-  Dl as Cursor,
-  hi as DefaultPreset,
-  Il as Deflist,
-  Pi as DeflistAttr,
-  zi as DeflistNode,
-  Fi as DeflistSpecs,
-  ql as EditorModeKeymap,
-  il as EventEmitter,
-  sl as ExtensionBuilder,
-  rl as ExtensionPriority,
-  dl as ExtensionsManager,
-  yi as FullPreset,
-  xi as FullSpecsPreset,
-  Ol as GapCursorSelection,
-  jl as Heading,
-  Ni as HeadingSpecs,
-  Ul as History,
-  Wl as HistoryAction,
-  Ql as HorizontalRule,
-  Ri as HorizontalRuleSpecs,
-  Gl as Html,
-  Yl as HtmlAttr,
-  Kl as HtmlNode,
-  Zl as Image,
-  Xl as ImageAttr,
-  Jl as Italic,
-  Di as ItalicAttrs,
-  Ii as ItalicSpecs,
-  Za as Lang,
-  _l as Link,
-  qi as LinkAttr,
-  Oi as LinkSpecs,
-  en as Lists,
-  ul as Logger,
-  ml as Logger2,
-  tn as Mark,
-  cl as MarkdownCodec,
-  Qa as MarkdownEditor,
-  fi as MarkdownEditorForm,
-  wt as MarkdownEditorImageForm,
-  kt as MarkdownEditorLinkForm,
-  bi as MarkdownEditorTextInput,
-  vl as MarkdownParser,
-  gl as MarkdownParserDynamicModifier,
-  an as Mermaid,
-  fl as ParserTokenRegistry,
-  bl as ParserTokensRegistry,
-  ln as Placeholder,
-  nn as QuoteLink,
-  on as Resizable,
-  kl as SafeEventEmitter,
-  wl as SchemaDynamicModifier,
-  hl as SchemaSpecRegistry,
-  sn as Selection,
-  rn as SelectionContext,
-  yl as SerializerTokenRegistry,
-  Cl as SerializerTokensRegistry,
-  dn as Strike,
-  un as Table,
-  ji as TableAttrs,
-  Ui as TableCellAlign,
-  Wi as TableNode,
-  Qi as TableSpecs,
-  mn as Underline,
-  cn as VERSION,
-  Ml as WysiwygContentHandler,
-  vn as YfmHtmlBlock,
-  Ci as ZeroPreset,
-  gn as addBreak,
-  fn as addEmptyDefaultTextblockToEndOfDocumentActionName,
-  bn as addEmptyDefaultTextblockToStartOfDocumentActionName,
-  kn as addHorizontalRule,
-  wn as addImage,
-  hn as addParagraphToEnd,
-  yn as addParagraphToStart,
-  Cn as addTableColumn,
-  Mn as addTableRow,
-  pn as arrowDown,
-  xn as arrowLeft,
-  Ln as arrowRight,
-  Bn as arrowUp,
-  pl as basicMarkdownCodec,
-  xl as basicMarkdownSchema,
-  Gi as blockquoteNodeName,
-  Yi as boldMarkName,
-  tl as cn,
-  Ki as codeBlockNodeName,
-  Zi as codeMarkName,
-  Tn as collapseListsPlugin,
-  oi as commonmarkToolbarConfig,
-  Xa as configure,
-  Xe as createBasicEditorCommands,
-  et as createBasicMarkupCommands,
-  En as createFakeParagraph,
-  Hn as createGapCursorPlugin,
-  $n as createHistoryActions,
-  Sn as createListActions,
-  Vn as createListsInputRules,
-  An as createListsKeymap,
-  tt as createMarkdownEditor,
-  Pn as createTable,
-  ii as createToolbarConfig,
-  si as createToolbarGroup,
-  ri as createToolbarItem,
-  zn as createVueContextPanelPlugin,
-  Fn as createVueNodeView,
-  Nn as createVueWidgetDecoration,
-  Ll as defaultMarkdownSchema,
-  Rn as defaultMermaidSource,
-  di as defaultToolbarConfig,
-  Dn as defaultYfmHtml,
-  In as deleteTable,
-  qn as deleteTableColumn,
-  On as deleteTableRow,
-  jn as findFakeParaPosClosestToPos,
-  Un as findFakeParaPosForCodeBlock,
-  Wn as findFakeParaPosForNodeSelection,
-  Qn as findFakeParaPosForTextSelection,
-  ui as fullToolbarConfig,
-  Gn as gapCursorBackspace,
-  Bl as getBasicWysiwygSelectionState,
-  Yn as getBlockquoteType,
-  Kn as getBoldType,
-  Zn as getCodeBlockType,
-  Xn as getCodeType,
-  Ja as getConfig,
-  Jn as getCurrentLink,
-  _n as getDeflistTypes,
-  eo as getHeadingType,
-  to as getHorizontalRuleType,
-  ao as getImageType,
-  lo as getItalicType,
-  no as getLinkType,
-  oo as getMarkType,
-  Ze as getMarkdownEditorMessages,
-  io as getQuoteLinkType,
-  so as getStrikeType,
-  gt as getToolbarConfig,
-  ro as getUnderlineType,
-  uo as goToTableCell,
-  Xi as headingLevelAttr,
-  Ji as headingNodeName,
-  mo as hierarchicalSelectAll,
-  _i as horizontalRuleMarkupAttr,
-  es as horizontalRuleNodeName,
-  co as imageNodeName,
-  vo as imageObjectFitValues,
-  go as insertMermaid,
-  fo as insertTable,
-  bo as insertYfmHtmlBlock,
-  ko as isBreakNode,
-  wo as isGapCursorSelection,
-  ho as isInsideCode,
-  Y as isToolbarItemActive,
-  bt as isToolbarItemAvailable,
-  V as isToolbarItemEnabled,
-  ts as italicMarkName,
-  yo as joinPrevList,
-  Co as liftEmptyListItem,
-  Mo as liftFromQuote,
-  as as linkMarkName,
-  po as markMarkName,
-  ll as markdownEditorMessages,
-  mi as markdownEditorToolbarItemIds,
-  xo as mergeListsPlugin,
-  Lo as mermaidActionName,
-  Bo as mermaidNodeName,
-  ci as minimalToolbarConfig,
-  _e as mountBasicMarkupEditor,
-  Je as mountBasicWysiwygEditor,
-  To as moveToNextTableRow,
-  Eo as newlineInCode,
-  ft as normalizeToolbarItem,
-  Ho as quoteLinkActionName,
-  $o as quoteLinkNodeName,
-  So as removeCurrentLink,
-  Vo as removeLink,
-  Tl as renderMarkdownPreview,
-  Ao as resetCodeBlock,
-  Po as resetHeading,
-  zo as setCodeBlock,
-  Fo as setCodeBlockLanguage,
-  No as setImageDisplay,
-  Ro as setLink,
-  Do as setTableColumnAlignment,
-  Io as sinkOnlySelectedListItem,
-  qo as splitDeflist,
-  Oo as strikeMarkName,
-  _a as subscribeConfigure,
-  jo as toHeading,
-  Uo as toList,
-  Wo as toggleBold,
-  Qo as toggleCode,
-  Go as toggleHighlight,
-  Yo as toggleItalic,
-  Ko as toggleLink,
-  Zo as toggleQuote,
-  Xo as toggleQuoteLink,
-  Jo as toggleStrike,
-  _o as toggleUnderline,
-  ei as underlineMarkName,
-  Ga as useMarkdownEditor,
-  ti as wrapToDeflist,
-  ai as yfmHtmlBlockActionName,
-  li as yfmHtmlBlockNodeName,
-  vi as zeroToolbarConfig
+  pl as ActionsManager,
+  Gl as BaseInputRules,
+  Kl as BaseKeymap,
+  Yl as BaseSchema,
+  Zl as Blockquote,
+  Ui as BlockquoteSpecs,
+  Xl as Bold,
+  Wi as BoldAttrs,
+  Qi as BoldSpecs,
+  Gi as BreakNodeName,
+  Jl as Breaks,
+  Ki as BreaksSpecs,
+  _l as ClicksOnEdges,
+  eo as Clipboard,
+  to as Code,
+  ao as CodeBlock,
+  Yi as CodeBlockAttrs,
+  Zi as CodeBlockSpecs,
+  Xi as CodeSpecs,
+  Fi as CommonMarkPreset,
+  qi as CommonMarkSpecsPreset,
+  lo as Cursor,
+  Ni as DefaultPreset,
+  oo as Deflist,
+  Ji as DeflistAttr,
+  _i as DeflistNode,
+  es as DeflistSpecs,
+  no as EditorModeKeymap,
+  xl as EventEmitter,
+  Ll as ExtensionBuilder,
+  Bl as ExtensionPriority,
+  Tl as ExtensionsManager,
+  Di as FullPreset,
+  Oi as FullSpecsPreset,
+  io as GapCursorSelection,
+  so as Heading,
+  ts as HeadingSpecs,
+  ro as History,
+  uo as HistoryAction,
+  mo as HorizontalRule,
+  as as HorizontalRuleSpecs,
+  co as Html,
+  go as HtmlAttr,
+  vo as HtmlNode,
+  bo as Image,
+  fo as ImageAttr,
+  ko as Italic,
+  ls as ItalicAttrs,
+  os as ItalicSpecs,
+  vl as Lang,
+  wo as Link,
+  ns as LinkAttr,
+  is as LinkSpecs,
+  ho as Lists,
+  El as Logger,
+  $l as Logger2,
+  yo as Mark,
+  Hl as MarkdownCodec,
+  ul as MarkdownEditor,
+  Ai as MarkdownEditorForm,
+  Vt as MarkdownEditorImageForm,
+  Ht as MarkdownEditorLinkForm,
+  Pi as MarkdownEditorTextInput,
+  Vl as MarkdownParser,
+  Sl as MarkdownParserDynamicModifier,
+  Co as Mermaid,
+  Al as ParserTokenRegistry,
+  Pl as ParserTokensRegistry,
+  Mo as Placeholder,
+  po as QuoteLink,
+  xo as Resizable,
+  zl as SafeEventEmitter,
+  Fl as SchemaDynamicModifier,
+  Nl as SchemaSpecRegistry,
+  Lo as Selection,
+  Bo as SelectionContext,
+  Dl as SerializerTokenRegistry,
+  Rl as SerializerTokensRegistry,
+  To as Strike,
+  Eo as Table,
+  ss as TableAttrs,
+  rs as TableCellAlign,
+  ds as TableNode,
+  us as TableSpecs,
+  $o as Underline,
+  Ho as VERSION,
+  Il as WysiwygContentHandler,
+  Vo as YfmHtmlBlock,
+  Ri as ZeroPreset,
+  So as addBreak,
+  Ao as addEmptyDefaultTextblockToEndOfDocumentActionName,
+  Po as addEmptyDefaultTextblockToStartOfDocumentActionName,
+  zo as addHorizontalRule,
+  Fo as addImage,
+  No as addParagraphToEnd,
+  Do as addParagraphToStart,
+  Ro as addTableColumn,
+  Io as addTableRow,
+  qo as arrowDown,
+  Oo as arrowLeft,
+  jo as arrowRight,
+  Uo as arrowUp,
+  ql as basicMarkdownCodec,
+  Ol as basicMarkdownSchema,
+  ms as blockquoteNodeName,
+  cs as boldMarkName,
+  hl as cn,
+  gs as codeBlockNodeName,
+  vs as codeMarkName,
+  Wo as collapseListsPlugin,
+  pi as commonmarkToolbarConfig,
+  bl as configure,
+  ot as createBasicEditorCommands,
+  st as createBasicMarkupCommands,
+  Qo as createFakeParagraph,
+  Go as createGapCursorPlugin,
+  Ko as createHistoryActions,
+  Yo as createListActions,
+  Zo as createListsInputRules,
+  Xo as createListsKeymap,
+  rt as createMarkdownEditor,
+  Jo as createTable,
+  xi as createToolbarConfig,
+  Li as createToolbarGroup,
+  Bi as createToolbarItem,
+  _o as createVueContextPanelPlugin,
+  en as createVueNodeView,
+  tn as createVueWidgetDecoration,
+  jl as defaultMarkdownSchema,
+  an as defaultMermaidSource,
+  Ti as defaultToolbarConfig,
+  ln as defaultYfmHtml,
+  on as deleteTable,
+  nn as deleteTableColumn,
+  sn as deleteTableRow,
+  rn as findFakeParaPosClosestToPos,
+  dn as findFakeParaPosForCodeBlock,
+  un as findFakeParaPosForNodeSelection,
+  mn as findFakeParaPosForTextSelection,
+  Ei as fullToolbarConfig,
+  cn as gapCursorBackspace,
+  Ul as getBasicWysiwygSelectionState,
+  gn as getBlockquoteType,
+  vn as getBoldType,
+  bn as getCodeBlockType,
+  fn as getCodeType,
+  fl as getConfig,
+  kn as getCurrentLink,
+  wn as getDeflistTypes,
+  hn as getHeadingType,
+  yn as getHorizontalRuleType,
+  Cn as getImageType,
+  Mn as getItalicType,
+  pn as getLinkType,
+  xn as getMarkType,
+  lt as getMarkdownEditorMessages,
+  Ln as getQuoteLinkType,
+  Bn as getStrikeType,
+  Tt as getToolbarConfig,
+  Tn as getUnderlineType,
+  En as goToTableCell,
+  bs as headingLevelAttr,
+  fs as headingNodeName,
+  $n as hierarchicalSelectAll,
+  ks as horizontalRuleMarkupAttr,
+  ws as horizontalRuleNodeName,
+  Hn as imageNodeName,
+  Vn as imageObjectFitValues,
+  Sn as insertMermaid,
+  An as insertTable,
+  Pn as insertYfmHtmlBlock,
+  zn as isBreakNode,
+  Fn as isGapCursorSelection,
+  Nn as isInsideCode,
+  X as isToolbarItemActive,
+  $t as isToolbarItemAvailable,
+  N as isToolbarItemEnabled,
+  hs as italicMarkName,
+  Dn as joinPrevList,
+  Rn as liftEmptyListItem,
+  In as liftFromQuote,
+  ys as linkMarkName,
+  qn as markMarkName,
+  Cl as markdownEditorMessages,
+  $i as markdownEditorToolbarItemIds,
+  On as mergeListsPlugin,
+  jn as mermaidActionName,
+  Un as mermaidNodeName,
+  Hi as minimalToolbarConfig,
+  it as mountBasicMarkupEditor,
+  nt as mountBasicWysiwygEditor,
+  Wn as moveToNextTableRow,
+  Qn as newlineInCode,
+  Et as normalizeToolbarItem,
+  Gn as quoteLinkActionName,
+  Kn as quoteLinkNodeName,
+  Yn as removeCurrentLink,
+  Zn as removeLink,
+  Wl as renderMarkdownPreview,
+  Xn as resetCodeBlock,
+  Jn as resetHeading,
+  _n as setCodeBlock,
+  ei as setCodeBlockLanguage,
+  ti as setImageDisplay,
+  ai as setLink,
+  li as setTableColumnAlignment,
+  oi as sinkOnlySelectedListItem,
+  ni as splitDeflist,
+  ii as strikeMarkName,
+  kl as subscribeConfigure,
+  si as toHeading,
+  ri as toList,
+  di as toggleBold,
+  ui as toggleCode,
+  mi as toggleHighlight,
+  ci as toggleItalic,
+  gi as toggleLink,
+  vi as toggleQuote,
+  bi as toggleQuoteLink,
+  fi as toggleStrike,
+  ki as toggleUnderline,
+  wi as underlineMarkName,
+  ml as useMarkdownEditor,
+  hi as wrapToDeflist,
+  yi as yfmHtmlBlockActionName,
+  Ci as yfmHtmlBlockNodeName,
+  Vi as zeroToolbarConfig
 };