@ebl-vue/editor-render 2.31.25 → 2.31.28

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export declare interface IBlock {
     id: string;
     type: string;
     data: any;
+    tunes?: any;
 }
 
 export declare const install: (app: App) => void;

package/dist/index.mjs

@@ -1,129 +1,148 @@
-import { defineComponent as d, openBlock as s, createElementBlock as i, Fragment as k, renderList as b, createElementVNode as n, normalizeClass as f, normalizeStyle as _, createBlock as N, resolveDynamicComponent as D, useModel as u, isRef as O, shallowRef as E, ref as S, watchEffect as Y, computed as R, unref as $, toDisplayString as G, createStaticVNode as F, createCommentVNode as w } from "vue";
-import { codeToHtml as K } from "shiki";
-const V = Symbol("INSTALLED_KEY"), P = (t, e) => {
-  if (t.install = (l) => {
-    for (const a of [t, ...Object.values(e != null ? e : {})])
-      l.component(a.name, a);
-  }, e)
-    for (const [l, a] of Object.entries(e))
-      t[l] = a;
-  return t;
-}, Z = { class: "ebl-editor-render" }, J = ["data-id"], Q = d({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { data: { default: () => ({ blocks: [] }) }, locale: { default: {} } }, setup: (t) => (e, l) => (s(), i("div", Z, [(s(!0), i(k, null, b(e.data.blocks, (a) => (s(), i("div", { class: "ce-block", "data-id": a.id }, [n("div", { class: f(`ce-tune-alignment--${a.tunes.blockAlignment.alignment}`) }, [n("div", { style: _(`padding-left: ${48 * a.tunes.indent.indentLevel}px;`) }, [(s(), N(D("ebl" + a.type), { block: a }, null, 8, ["block"]))], 4)], 2)], 8, J))), 256)), l[0] || (l[0] = n("div", { class: "ebl-outline" }, [n("div", { style: { height: "5000px" } }, " dd ")], -1))])) }), U = ["innerHTML"], X = d({ name: "eblparagraph", inheritAttrs: !1, __name: "paragraph", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+import { defineComponent as c, createElementBlock as s, openBlock as l, createElementVNode as o, Fragment as k, renderList as _, normalizeClass as y, normalizeStyle as f, createBlock as F, resolveDynamicComponent as K, useModel as u, isRef as P, shallowRef as q, ref as L, watchEffect as Z, computed as B, unref as I, toDisplayString as J, createStaticVNode as Q, createCommentVNode as H } from "vue";
+import { codeToHtml as U } from "shiki";
+const W = Symbol("INSTALLED_KEY"), X = (t, e) => (t.install = (a) => {
+  for (const i of [t, ...Object.values({})]) a.component(i.name, i);
+}, t), ee = { class: "ebl-editor-render" }, te = ["data-id"], ae = c({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { data: { default: () => ({ blocks: [] }) } }, setup: (t) => (e, a) => (l(), s("div", ee, [(l(!0), s(k, null, _(e.data.blocks, (i) => (l(), s("div", { class: "ce-block", "data-id": i.id }, [o("div", { class: y(`ce-tune-alignment--${i.tunes.blockAlignment.alignment}`) }, [o("div", { style: f(`padding-left: ${48 * i.tunes.indent.indentLevel}px;`) }, [(l(), F(K("ebl" + i.type), { block: i }, null, 8, ["block"]))], 4)], 2)], 8, te))), 256)), a[0] || (a[0] = o("div", { class: "ebl-outline" }, [o("div", { style: { height: "5000px" } }, " dd ")], -1))])) }), le = ["innerHTML"], se = c({ name: "eblparagraph", inheritAttrs: !1, __name: "paragraph", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("div", { class: "ce-paragraph cdx-block", innerHTML: e.value.data.text }, null, 8, U));
-} }), ee = ["innerHTML"], te = d({ name: "eblh1", inheritAttrs: !1, __name: "h1", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s("div", { class: "ce-paragraph cdx-block", innerHTML: e.value.data.text }, null, 8, le));
+} }), ie = ["innerHTML"], ne = c({ name: "eblh1", inheritAttrs: !1, __name: "h1", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("h1", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ee));
-} }), ae = ["innerHTML"], le = d({ name: "eblh2", inheritAttrs: !1, __name: "h2", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s("h1", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ie));
+} }), oe = ["innerHTML"], re = c({ name: "eblh2", inheritAttrs: !1, __name: "h2", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("h2", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ae));
-} }), se = ["innerHTML"], ie = d({ name: "eblh3", inheritAttrs: !1, __name: "h3", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s("h2", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, oe));
+} }), de = ["innerHTML"], ce = c({ name: "eblh3", inheritAttrs: !1, __name: "h3", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("h3", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, se));
-} }), ne = ["innerHTML"], oe = d({ name: "eblh4", inheritAttrs: !1, __name: "h4", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s("h3", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, de));
+} }), ue = ["innerHTML"], pe = c({ name: "eblh4", inheritAttrs: !1, __name: "h4", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("h4", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ne));
-} }), ce = ["innerHTML"], re = d({ name: "eblh5", inheritAttrs: !1, __name: "h5", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s("h4", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ue));
+} }), he = ["innerHTML"], me = c({ name: "eblh5", inheritAttrs: !1, __name: "h5", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("h5", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ce));
-} }), de = ["innerHTML"], ue = d({ name: "eblh6", inheritAttrs: !1, __name: "h6", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s("h5", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, he));
+} }), ve = ["innerHTML"], ke = c({ name: "eblh6", inheritAttrs: !1, __name: "h6", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("h6", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, de));
-} }), pe = ["innerHTML"], me = d({ name: "eblalert", inheritAttrs: !1, __name: "alert", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s("h6", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ve));
+} }), be = ["innerHTML"], _e = c({ name: "eblalert", inheritAttrs: !1, __name: "alert", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("div", { class: f(`cdx-alert cdx-alert-${e.value.data.type} cdx-alert-align-${e.value.data.align}`) }, [n("div", { class: "cdx-alert__message", innerHTML: e.value.data.message }, null, 8, pe)], 2));
+  return (a, i) => (l(), s("div", { class: y(`cdx-alert cdx-alert-${e.value.data.type} cdx-alert-align-${e.value.data.align}`) }, [o("div", { class: "cdx-alert__message", innerHTML: e.value.data.message }, null, 8, be)], 2));
 } });
-const he = () => {
-}, ke = { class: "ce-editorjs-x-shiki__selector" }, ve = { class: "ce-editorjs-x-shiki__lang" }, be = { class: "ce-editorjs-x-shiki__copy", ref: "copyRef" }, _e = ["innerHTML"], fe = d({ name: "eblcode", inheritAttrs: !1, __name: "code", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
-  const e = S(null), l = u(t, "block"), a = function(r, m, o) {
-    let p;
-    p = O(o) ? { evaluating: o } : o || {};
-    const { lazy: x = !1, flush: y = "pre", evaluating: h, shallow: M = !0, onError: L = he } = p, v = E(!x), H = M ? E(m) : S(m);
-    let g = 0;
-    return Y(async (B) => {
-      if (!v.value)
-        return;
-      g++;
-      const A = g;
-      let j = !1;
-      h && Promise.resolve().then(() => {
-        h.value = !0;
+const fe = () => {
+}, xe = { class: "ce-editorjs-x-shiki__selector" }, ye = { class: "ce-editorjs-x-shiki__lang" }, ge = { key: 0, class: "ce-editorjs-x-shiki__copy_tip" }, Me = { key: 0, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, we = { key: 1, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, Le = ["innerHTML"], He = c({ name: "eblcode", inheritAttrs: !1, __name: "code", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = L(null), a = u(t, "block"), i = B(() => a.value.data.resizeSize ? { height: a.value.data.resizeSize + "px" } : {}), d = function(p, n, r) {
+    let h;
+    h = P(r) ? { evaluating: r } : {};
+    const { lazy: g = !1, flush: M = "pre", evaluating: v, shallow: A = !0, onError: E = fe } = h, b = q(!g), S = A ? q(n) : L(n);
+    let w = 0;
+    return Z(async (G) => {
+      if (!b.value) return;
+      w++;
+      const V = w;
+      let $ = !1;
+      v && Promise.resolve().then(() => {
+        v.value = !0;
       });
       try {
-        const T = await r((I) => {
-          B(() => {
-            h && (h.value = !1), j || I();
+        const j = await p((O) => {
+          G(() => {
+            v && (v.value = !1), $ || O();
           });
         });
-        A === g && (H.value = T);
-      } catch (T) {
-        L(T);
+        V === w && (S.value = j);
+      } catch (j) {
+        E(j);
       } finally {
-        h && A === g && (h.value = !1), j = !0;
+        v && V === w && (v.value = !1), $ = !0;
       }
-    }, { flush: y }), x ? R(() => (v.value = !0, H.value)) : H;
+    }, { flush: M }), g ? B(() => (b.value = !0, S.value)) : S;
   }(async () => {
-    let r = "";
-    return { html: await K(l.value.data.code, { lang: l.value.data.lang, theme: l.value.data.theme || "github-dark-dimmed", transformers: [{ preprocess: (o) => `${o}
-`, pre(o) {
-      var p;
-      this.addClassToHast(o, "ce-editorjs-x-shiki__span"), r = ((p = o.properties) == null ? void 0 : p.style) || "";
-    }, line(o, p) {
-      o.properties = o.properties || {}, o.properties["data-line"] = p;
-    } }] }), preStyle: r };
+    let p = "";
+    return { html: await U(a.value.data.code, { lang: a.value.data.lang, theme: a.value.data.theme || "github-dark-dimmed", transformers: [{ preprocess: (r) => `${r}
+`, pre(r) {
+      var h;
+      this.addClassToHast(r, "ce-editorjs-x-shiki__span"), p = ((h = r.properties) == null ? void 0 : h.style) || "";
+    }, line(r, h) {
+      r.properties = r.properties || {}, r.properties["data-line"] = h;
+    } }] }), preStyle: p };
   });
-  function c(r) {
-    e.value && function(m, o) {
-      let p = o.clientY, x = parseInt(window.getComputedStyle(m).height, 10);
-      const y = (M) => {
-        const L = M.clientY - p;
-        let v = x + L;
-        v < 100 && (v = 100), m.style.height = v + "px";
-      }, h = () => {
-        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", h);
+  function m(p) {
+    e.value && function(n, r) {
+      let h = r.clientY, g = parseInt(window.getComputedStyle(n).height, 10);
+      const M = (A) => {
+        const E = A.clientY - h;
+        let b = g + E;
+        b < 100 && (b = 100), n.style.height = b + "px";
+      }, v = () => {
+        document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", v);
       };
-      document.addEventListener("mousemove", y), document.addEventListener("mouseup", h);
-    }(e.value, r);
+      document.addEventListener("mousemove", M), document.addEventListener("mouseup", v);
+    }(e.value, p);
   }
-  return (r, m) => {
-    var o, p;
-    return s(), i("div", { class: f("cdx-block ce-editorjs-x-shiki"), style: _(`${(o = $(a)) == null ? void 0 : o.preStyle}`) }, [n("div", ke, [n("div", ve, G(l.value.data.lang), 1), n("div", be, [...m[0] || (m[0] = [F('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" data-v-c4c07368><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.25 8.5H10.25C9.2835 8.5 8.5 9.2835 8.5 10.25V17.25C8.5 18.2165 9.2835 19 10.25 19H17.25C18.2165 19 19 18.2165 19 17.25V10.25C19 9.2835 18.2165 8.5 17.25 8.5Z" data-v-c4c07368></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.5 8.5V6.75C15.5 6.28587 15.3156 5.84075 14.9874 5.51256C14.6592 5.18437 14.2141 5 13.75 5H6.75C6.28587 5 5.84075 5.18437 5.51256 5.51256C5.18437 5.84075 5 6.28587 5 6.75V13.75C5 14.2141 5.18437 14.6592 5.51256 14.9874C5.84075 15.3156 6.28587 15.5 6.75 15.5H8.5" data-v-c4c07368></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12L15.5 12" data-v-c4c07368></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15.5L15.5 15.5" data-v-c4c07368></path></svg><div class="ce-editorjs-x-shiki__copy_tip" data-v-c4c07368>已复制</div>', 2)])], 512)]), n("div", { ref_key: "codeRef", ref: e, class: "ce-editorjs-x-shiki__code", style: _(`height:${l.value.data.resizeSize}px`) }, [n("span", { innerHTML: (p = $(a)) == null ? void 0 : p.html }, null, 8, _e)], 4), n("div", { class: "ce-editorjs-x-shiki__code__dragHandler", onMousedown: c }, null, 32)], 4);
+  function T() {
+    if (a.value.data.code) {
+      const p = a.value.data.code;
+      if (navigator.clipboard && window.isSecureContext) try {
+        navigator.clipboard.writeText(p).then(() => {
+          x(!0);
+        }).catch((n) => {
+          x(!1);
+        });
+      } catch (n) {
+        x(!1);
+      }
+      else {
+        const n = document.createElement("textarea");
+        n.value = p, n.style.top = "0", n.style.left = "0", n.style.position = "fixed", n.style.opacity = "0", n.style.pointerEvents = "none", n.style.zIndex = "-1000", document.body.appendChild(n), n.focus(), n.select();
+        try {
+          document.execCommand("copy"), document.body.removeChild(n), x(!0);
+        } catch (r) {
+          x(!1), document.body.removeChild(n);
+        }
+      }
+    }
+  }
+  const C = L(!1), R = L(!1);
+  function x(p) {
+    C.value = !0, R.value = p, setTimeout(() => {
+      C.value = !1;
+    }, 2e3);
+  }
+  return (p, n) => {
+    var r, h;
+    return l(), s("div", { class: y("cdx-block ce-editorjs-x-shiki"), style: f(`${(r = I(d)) == null ? void 0 : r.preStyle}`) }, [o("div", xe, [o("div", ye, J(a.value.data.lang), 1), o("div", { class: "ce-editorjs-x-shiki__copy", ref: "copyRef", onClick: T }, [n[2] || (n[2] = Q('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" data-v-f867b955><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.25 8.5H10.25C9.2835 8.5 8.5 9.2835 8.5 10.25V17.25C8.5 18.2165 9.2835 19 10.25 19H17.25C18.2165 19 19 18.2165 19 17.25V10.25C19 9.2835 18.2165 8.5 17.25 8.5Z" data-v-f867b955></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.5 8.5V6.75C15.5 6.28587 15.3156 5.84075 14.9874 5.51256C14.6592 5.18437 14.2141 5 13.75 5H6.75C6.28587 5 5.84075 5.18437 5.51256 5.51256C5.18437 5.84075 5 6.28587 5 6.75V13.75C5 14.2141 5.18437 14.6592 5.51256 14.9874C5.84075 15.3156 6.28587 15.5 6.75 15.5H8.5" data-v-f867b955></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12L15.5 12" data-v-f867b955></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15.5L15.5 15.5" data-v-f867b955></path></svg>', 1)), C.value ? (l(), s("div", ge, [R.value ? (l(), s("svg", Me, [...n[0] || (n[0] = [o("path", { d: "M7 12L10.4884 15.8372C10.5677 15.9245 10.705 15.9245 10.7844 15.8372L17 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, null, -1)])])) : (l(), s("svg", we, [...n[1] || (n[1] = [o("path", { d: "M8 8L12 12M12 12L16 16M12 12L16 8M12 12L8 16", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, null, -1)])]))])) : H("", !0)], 512)]), o("div", { ref_key: "codeRef", ref: e, class: "ce-editorjs-x-shiki__code", style: f(i.value) }, [o("span", { innerHTML: (h = I(d)) == null ? void 0 : h.html }, null, 8, Le)], 4), o("div", { class: "ce-editorjs-x-shiki__code__dragHandler", onMousedown: m }, null, 32)], 4);
   };
-} }), C = (t, e) => {
-  const l = t.__vccOpts || t;
-  for (const [a, c] of e)
-    l[a] = c;
-  return l;
-}, xe = C(fe, [["__scopeId", "data-v-c4c07368"]]), ye = { class: "ce-delimiter cdx-block" }, ge = d({ name: "ebldelimiter", inheritAttrs: !1, __name: "delimiter", setup: (t) => (e, l) => (s(), i("div", ye, [...l[0] || (l[0] = [n("div", { class: "ce-delimiter__line__wrapper" }, [n("div", { class: "ce-delimiter__line" })], -1)])])) }), Me = { key: 0, class: "cdx-list cdx-list-unordered" }, Le = ["innerHTML"], He = ["innerHTML"], Te = { key: 2, class: "cdx-list cdx-list-checklist" }, we = ["innerHTML"], Ce = d({ name: "eblList", inheritAttrs: !1, __name: "List", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+} }), z = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [i, d] of e) a[i] = d;
+  return a;
+}, Te = { class: "ce-delimiter cdx-block" }, Ce = { key: 0, class: "cdx-list cdx-list-unordered" }, Ae = ["innerHTML"], Ee = ["innerHTML"], Se = { key: 2, class: "cdx-list cdx-list-checklist" }, je = ["innerHTML"], ze = { class: "cdx-block cdx-quote" }, Be = ["innerHTML"], Re = { class: "tc-row" }, Ve = ["innerHTML"], $e = { class: "image-tool__image" }, qe = ["src"], N = [ae, se, ne, re, ce, pe, me, ke, _e, z(He, [["__scopeId", "data-v-f867b955"]]), c({ name: "ebldelimiter", inheritAttrs: !1, __name: "delimiter", setup: (t) => (e, a) => (l(), s("div", Te, [...a[0] || (a[0] = [o("div", { class: "ce-delimiter__line__wrapper" }, [o("div", { class: "ce-delimiter__line" })], -1)])])) }), c({ name: "eblList", inheritAttrs: !1, __name: "List", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i(k, null, [e.value.data.style === "unordered" ? (s(), i("ul", Me, [(s(!0), i(k, null, b(e.value.data.items, (c, r) => (s(), i("li", { class: "cdx-list__item", key: r }, [n("div", { class: "cdx-list__item-content", innerHTML: c.content }, null, 8, Le)]))), 128))])) : w("", !0), e.value.data.style === "ordered" ? (s(), i("ol", { key: 1, class: "cdx-list cdx-list-ordered", style: _(`--list-counter-type: ${e.value.data.meta.counterType};`) }, [(s(!0), i(k, null, b(e.value.data.items, (c, r) => (s(), i("li", { class: "cdx-list__item", key: r }, [n("div", { class: "cdx-list__item-content", innerHTML: c.content }, null, 8, He)]))), 128))], 4)) : w("", !0), e.value.data.style === "checklist" ? (s(), i("ul", Te, [(s(!0), i(k, null, b(e.value.data.items, (c, r) => (s(), i("li", { class: "cdx-list__item", key: r }, [n("div", { class: f(["cdx-list__checkbox cdx-list__checkbox-check--disabled", { "cdx-list__checkbox--checked": c.meta.checked }]) }, [...a[0] || (a[0] = [n("span", { class: "cdx-list__checkbox-check" }, [n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, [n("path", { stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2", d: "M7 12L10.4884 15.8372C10.5677 15.9245 10.705 15.9245 10.7844 15.8372L17 9" })])], -1)])], 2), n("div", { class: "cdx-list__item-content", innerHTML: c.content }, null, 8, we)]))), 128))])) : w("", !0)], 64));
-} }), Ae = { class: "cdx-block cdx-quote" }, je = ["innerHTML"], Ee = { class: "tc-row" }, Se = ["innerHTML"], $e = { class: "cdx-block image-tool image-tool--filled" }, Ve = { class: "image-tool__image" }, qe = ["src"], q = [Q, X, te, le, ie, oe, re, ue, me, xe, ge, Ce, d({ name: "eblquote", inheritAttrs: !1, __name: "quote", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (a, i) => (l(), s(k, null, [e.value.data.style === "unordered" ? (l(), s("ul", Ce, [(l(!0), s(k, null, _(e.value.data.items, (d, m) => (l(), s("li", { class: "cdx-list__item", key: m }, [o("div", { class: "cdx-list__item-content", innerHTML: d.content }, null, 8, Ae)]))), 128))])) : H("", !0), e.value.data.style === "ordered" ? (l(), s("ol", { key: 1, class: "cdx-list cdx-list-ordered", style: f(`--list-counter-type: ${e.value.data.meta.counterType};`) }, [(l(!0), s(k, null, _(e.value.data.items, (d, m) => (l(), s("li", { class: "cdx-list__item", key: m }, [o("div", { class: "cdx-list__item-content", innerHTML: d.content }, null, 8, Ee)]))), 128))], 4)) : H("", !0), e.value.data.style === "checklist" ? (l(), s("ul", Se, [(l(!0), s(k, null, _(e.value.data.items, (d, m) => (l(), s("li", { class: "cdx-list__item", key: m }, [o("div", { class: y(["cdx-list__checkbox cdx-list__checkbox-check--disabled", { "cdx-list__checkbox--checked": d.meta.checked }]) }, [...i[0] || (i[0] = [o("span", { class: "cdx-list__checkbox-check" }, [o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, [o("path", { stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2", d: "M7 12L10.4884 15.8372C10.5677 15.9245 10.705 15.9245 10.7844 15.8372L17 9" })])], -1)])], 2), o("div", { class: "cdx-list__item-content", innerHTML: d.content }, null, 8, je)]))), 128))])) : H("", !0)], 64));
+} }), c({ name: "eblquote", inheritAttrs: !1, __name: "quote", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("div", Ae, [n("blockquote", { class: "cdx-input cdx-quote__text cdx-block-quote", innerHTML: e.value.data.text }, null, 8, je)]));
-} }), C(d({ name: "ebltable", inheritAttrs: !1, __name: "table", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
-  const e = u(t, "block"), l = R(() => {
-    let a = "";
-    if (e.value.data.colWidth && e.value.data.colWidth.length > 0)
-      for (let c = 0; c < e.value.data.colWidth.length; c++)
-        a += " " + e.value.data.colWidth[c] + "px";
-    return a ? { "--col-width": a } : {};
+  return (a, i) => (l(), s("div", ze, [o("blockquote", { class: "cdx-input cdx-quote__text cdx-block-quote", innerHTML: e.value.data.text }, null, 8, Be)]));
+} }), z(c({ name: "ebltable", inheritAttrs: !1, __name: "table", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block"), a = B(() => {
+    let i = "";
+    if (e.value.data.colWidth && e.value.data.colWidth.length > 0) for (let d = 0; d < e.value.data.colWidth.length; d++) i += " " + e.value.data.colWidth[d] + "px";
+    return i ? { "--col-width": i } : {};
   });
-  return (a, c) => (s(), i("div", { class: "tc-wrap tc-wrap--readonly", style: _(l.value) }, [n("div", { class: f(["tc-table", { "tc-table--heading": e.value.data.withHeadings }]) }, [(s(!0), i(k, null, b(e.value.data.content, (r) => (s(), i("div", Ee, [(s(!0), i(k, null, b(r, (m) => (s(), i("div", { class: "tc-cell", innerHTML: m }, null, 8, Se))), 256))]))), 256))], 2)], 4));
-} }), [["__scopeId", "data-v-0627102b"]]), C(d({ name: "eblimage", inheritAttrs: !1, __name: "image", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  return (i, d) => (l(), s("div", { class: "tc-wrap tc-wrap--readonly", style: f(a.value) }, [o("div", { class: y(["tc-table", { "tc-table--heading": e.value.data.withHeadings }]) }, [(l(!0), s(k, null, _(e.value.data.content, (m) => (l(), s("div", Re, [(l(!0), s(k, null, _(m, (T) => (l(), s("div", { class: "tc-cell", innerHTML: T }, null, 8, Ve))), 256))]))), 256))], 2)], 4));
+} }), [["__scopeId", "data-v-0627102b"]]), z(c({ name: "eblimage", inheritAttrs: !1, __name: "image", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
   const e = u(t, "block");
-  return (l, a) => (s(), i("div", $e, [n("div", Ve, [n("img", { class: "image-tool__image-picture", src: e.value.data.file.url }, null, 8, qe)]), a[0] || (a[0] = n("div", { class: "cdx-input image-tool__caption", contenteditable: "true", "data-placeholder": "Caption", "data-empty": "true" }, null, -1))]));
-} }), [["__scopeId", "data-v-f7e9c352"]])];
-let W = [];
-for (let t in q) {
-  const e = P(q[t]);
-  W.push(e);
+  return (a, i) => (l(), s("div", { class: "cdx-block image-tool image-tool--filled", style: f({ width: e.value.tunes.imageResize.resizeSize + "px" }) }, [o("div", $e, [o("img", { class: "image-tool__image-picture", src: e.value.data.file.url }, null, 8, qe)]), i[0] || (i[0] = o("div", { class: "cdx-input image-tool__caption", contenteditable: "true", "data-placeholder": "Caption", "data-empty": "true" }, null, -1))], 4));
+} }), [["__scopeId", "data-v-7b6db628"]])];
+let D = [];
+for (let t in N) {
+  const e = X(N[t]);
+  D.push(e);
 }
-const z = ((t = []) => ({ version: "2.31.25", install: (e) => {
-  e[V] || (e[V] = !0, t.forEach((l) => e.use(l)));
-} }))(W), ze = z.install, Be = z.version;
+const Y = /* @__PURE__ */ ((t = []) => ({ version: "2.31.28", install: (e) => {
+  e[W] || (e[W] = !0, t.forEach((a) => e.use(a)));
+} }))(D), Ne = Y.install, De = Y.version;
 export {
-  z as default,
-  ze as install,
-  Be as version
+  Y as default,
+  Ne as install,
+  De as version
 };
 //# sourceMappingURL=index.mjs.map