article-content-renderer-vue2 0.3.0 → 0.3.1

package/dist/index.js

@@ -1,43 +1,43 @@
-var j = Object.defineProperty, z = Object.defineProperties;
-var M = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var Y = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var E = (i, r, t) => r in i ? j(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t, m = (i, r) => {
+var F = Object.defineProperty, Y = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var G = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var E = (n, r, t) => r in n ? F(n, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[r] = t, m = (n, r) => {
   for (var t in r || (r = {}))
-    Y.call(r, t) && E(i, t, r[t]);
-  if (S)
-    for (var t of S(r))
-      F.call(r, t) && E(i, t, r[t]);
-  return i;
-}, A = (i, r) => z(i, M(r));
-var B = (i, r, t) => E(i, typeof r != "symbol" ? r + "" : r, t);
-import K from "vue";
-const G = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]), W = /* @__PURE__ */ new Set(["http:", "https:", "blob:"]), H = "https://article-content-renderer.invalid/", N = "https://www.doitme.link/";
-function X(i, r) {
-  if (typeof i != "string") return i;
-  const t = i.trim();
+    G.call(r, t) && E(n, t, r[t]);
+  if (B)
+    for (var t of B(r))
+      W.call(r, t) && E(n, t, r[t]);
+  return n;
+}, A = (n, r) => Y(n, K(r));
+var O = (n, r, t) => E(n, typeof r != "symbol" ? r + "" : r, t);
+import $ from "vue";
+const H = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]), X = /* @__PURE__ */ new Set(["http:", "https:", "blob:"]), J = "https://article-content-renderer.invalid/", N = "https://www.doitme.link/";
+function Q(n, r) {
+  if (typeof n != "string") return n;
+  const t = n.trim();
   if (!t.startsWith(N)) return t;
-  const n = (r.trim() || N).replace(/\/+$/u, ""), s = t.slice(N.length).replace(/^\/+/, "");
-  return `${n}/${s}`;
+  const i = (r.trim() || N).replace(/\/+$/u, ""), s = t.slice(N.length).replace(/^\/+/, "");
+  return `${i}/${s}`;
 }
-function T(i, r) {
-  if (typeof i != "string") return null;
-  const t = i.trim();
+function _(n, r) {
+  if (typeof n != "string") return null;
+  const t = n.trim();
   if (!t || /[\u0000-\u001F\u007F]/u.test(t)) return null;
   try {
-    const e = new URL(t, H);
-    return (r === "link" ? G : W).has(e.protocol) ? t : null;
+    const e = new URL(t, J);
+    return (r === "link" ? H : X).has(e.protocol) ? t : null;
   } catch (e) {
     return null;
   }
 }
-function U(i, r) {
+function x(n, r) {
   const t = new Set(
-    typeof i == "string" ? i.trim().split(/\s+/u).filter(Boolean) : []
+    typeof n == "string" ? n.trim().split(/\s+/u).filter(Boolean) : []
   );
   return r === "_blank" && (t.add("noopener"), t.add("noreferrer")), t.size > 0 ? [...t].join(" ") : void 0;
 }
-const J = /* @__PURE__ */ new Set([
+const Z = /* @__PURE__ */ new Set([
   "paragraph",
   "heading",
   "blockquote",
@@ -49,53 +49,53 @@ const J = /* @__PURE__ */ new Set([
   "articleButton",
   "table"
 ]);
-function p(i) {
-  return typeof i == "object" && i !== null && !Array.isArray(i);
+function h(n) {
+  return typeof n == "object" && n !== null && !Array.isArray(n);
 }
-function _(i) {
-  return p(i) ? i : {};
+function P(n) {
+  return h(n) ? n : {};
 }
-function f(i, r, t, e) {
-  var c;
-  const n = p(t) ? t : {}, s = p(t) ? e : t, o = {}, l = {};
-  for (const [u, h] of Object.entries(n))
+function f(n, r, t, e) {
+  var l;
+  const i = h(t) ? t : {}, s = h(t) ? e : t, o = {}, a = {};
+  for (const [u, g] of Object.entries(i))
     if (u === "class")
-      o.class = h;
+      o.class = g;
     else if (u === "style")
-      o.style = h;
-    else if (u.startsWith("on") && typeof h == "function") {
+      o.style = g;
+    else if (u.startsWith("on") && typeof g == "function") {
       const y = u.slice(2).toLowerCase();
-      o.on = A(m({}, (c = o.on) != null ? c : {}), { [y]: h });
-    } else h !== void 0 && h !== !1 && (l[u] = h);
-  return Object.keys(l).length > 0 && (o.attrs = l), i.createElement(r, o, s);
+      o.on = A(m({}, (l = o.on) != null ? l : {}), { [y]: g });
+    } else g !== void 0 && g !== !1 && (a[u] = g);
+  return Object.keys(a).length > 0 && (o.attrs = a), n.createElement(r, o, s);
 }
-function k(i) {
-  return Array.isArray(i) ? i : [];
+function k(n) {
+  return Array.isArray(n) ? n : [];
 }
-function g(i, ...r) {
-  return `${i}/${r.map(String).join("/")}`;
+function p(n, ...r) {
+  return `${n}/${r.map(String).join("/")}`;
 }
-function w(i) {
-  return i === "left" || i === "center" || i === "right" || i === "justify";
+function w(n) {
+  return n === "left" || n === "center" || n === "right" || n === "justify";
 }
-function Q(i) {
-  return i === "left" || i === "center" || i === "right";
+function tt(n) {
+  return n === "left" || n === "center" || n === "right";
 }
-function R(i) {
-  return i === "_blank" || i === "_self";
+function R(n) {
+  return n === "_blank" || n === "_self";
 }
-function b(i, r) {
-  i.reportIssue(r);
+function b(n, r) {
+  n.reportIssue(r);
 }
-function Z(i, r, t) {
-  if (!p(i) || i.type !== "text" || typeof i.text != "string" || !i.text)
+function et(n, r, t) {
+  if (!h(n) || n.type !== "text" || typeof n.text != "string" || !n.text)
     return null;
-  let e = i.text;
-  const n = k(i.marks);
-  for (let s = 0; s < n.length; s += 1) {
-    const o = n[s];
-    if (!p(o) || typeof o.type != "string") continue;
-    const l = g(r, "marks", s);
+  let e = n.text;
+  const i = k(n.marks);
+  for (let s = 0; s < i.length; s += 1) {
+    const o = i[s];
+    if (!h(o) || typeof o.type != "string") continue;
+    const a = p(r, "marks", s);
     switch (o.type) {
       case "bold":
         e = f(t, "strong", { class: "acp-mark acp-mark--bold" }, [e]);
@@ -113,25 +113,25 @@ function Z(i, r, t) {
         e = f(t, "code", { class: "acp-mark acp-mark--code" }, [e]);
         break;
       case "link": {
-        const c = _(o.attrs), u = T(c.href, "link");
+        const l = P(o.attrs), u = _(l.href, "link");
         if (!u) {
           b(t, {
             code: "UNSAFE_URL",
-            path: g(l, "attrs", "href"),
+            path: p(a, "attrs", "href"),
             message: "The link URL is empty, malformed, or uses a disallowed protocol.",
             nodeType: "link"
           });
           break;
         }
-        const h = R(c.target) ? c.target : "_blank";
+        const g = R(l.target) ? l.target : "_blank";
         e = f(
           t,
           "a",
           {
             class: "acp-link",
             href: u,
-            target: h,
-            rel: U(void 0, h)
+            target: g,
+            rel: x(void 0, g)
           },
           [e]
         );
@@ -141,50 +141,50 @@ function Z(i, r, t) {
   }
   return e;
 }
-function O(i, r, t) {
-  return k(i).map((e, n) => Z(e, g(r, n), t)).filter((e) => e !== null);
+function V(n, r, t) {
+  return k(n).map((e, i) => et(e, p(r, i), t)).filter((e) => e !== null);
 }
-function V(i, r, t) {
-  return !p(i) || i.type !== "listItem" ? null : f(
+function q(n, r, t) {
+  return !h(n) || n.type !== "listItem" ? null : f(
     t,
     "li",
     { class: "acp-list-item", "data-node-type": "listItem" },
-    P(i.content, g(r, "content"), t)
+    S(n.content, p(r, "content"), t)
   );
 }
-function tt(i, r, t) {
-  return !p(i) || i.type !== "tableCell" ? null : f(
+function rt(n, r, t) {
+  return !h(n) || n.type !== "tableCell" ? null : f(
     t,
     "td",
     { class: "acp-table-cell", "data-node-type": "tableCell" },
-    P(i.content, g(r, "content"), t)
+    S(n.content, p(r, "content"), t)
   );
 }
-function et(i, r, t) {
-  if (!p(i) || i.type !== "tableRow") return null;
-  const e = k(i.content).map((n, s) => tt(n, g(r, "content", s), t)).filter((n) => n !== null);
+function nt(n, r, t) {
+  if (!h(n) || n.type !== "tableRow") return null;
+  const e = k(n.content).map((i, s) => rt(i, p(r, "content", s), t)).filter((i) => i !== null);
   return f(t, "tr", { class: "acp-table-row", "data-node-type": "tableRow" }, e);
 }
-function q(i) {
-  var n;
-  if (p(i) && i.target !== void 0 && !R(i.target) || p(i) && i.rel !== void 0 && typeof i.rel != "string") return null;
-  const r = typeof i == "string" ? { href: i } : p(i) && typeof i.href == "string" ? m(m({
-    href: i.href
-  }, R(i.target) ? { target: i.target } : {}), typeof i.rel == "string" ? { rel: i.rel } : {}) : null;
+function C(n) {
+  var i;
+  if (h(n) && n.target !== void 0 && !R(n.target) || h(n) && n.rel !== void 0 && typeof n.rel != "string") return null;
+  const r = typeof n == "string" ? { href: n } : h(n) && typeof n.href == "string" ? m(m({
+    href: n.href
+  }, R(n.target) ? { target: n.target } : {}), typeof n.rel == "string" ? { rel: n.rel } : {}) : null;
   if (!r) return null;
-  const t = T(r.href, "link");
+  const t = _(r.href, "link");
   if (!t) return null;
-  const e = (n = r.target) != null ? n : "_self";
+  const e = (i = r.target) != null ? i : "_self";
   return {
     href: t,
     target: e,
-    rel: U(r.rel, e)
+    rel: x(r.rel, e)
   };
 }
-function rt(i, r, t) {
-  var h;
-  const e = _(i.attrs), n = e.style === "text" || e.style === "button", s = e.style === "link";
-  if (typeof e.text != "string" || !e.text || !n && !s || n && (typeof e.id != "string" || !e.id) || s && e.id !== void 0 && (typeof e.id != "string" || !e.id))
+function it(n, r, t) {
+  var g;
+  const e = P(n.attrs), i = e.style === "text" || e.style === "button", s = e.style === "link";
+  if (typeof e.text != "string" || !e.text || !i && !s || i && (typeof e.id != "string" || !e.id) || s && e.id !== void 0 && (typeof e.id != "string" || !e.id))
     return null;
   const o = Object.freeze(s ? m(A(m(m({}, typeof e.id == "string" ? { id: e.id } : {}), typeof e.title == "string" ? { title: e.title } : {}), {
     text: e.text,
@@ -194,10 +194,10 @@ function rt(i, r, t) {
   }, typeof e.title == "string" ? { title: e.title } : {}), {
     text: e.text,
     style: e.style
-  })), l = Object.freeze({ type: "articleButton", attrs: o });
-  let c = null;
+  })), a = Object.freeze({ type: "articleButton", attrs: o });
+  let l = null;
   if (o.style === "link")
-    o.href !== void 0 && (c = q(o.href), c || b(t, {
+    o.href !== void 0 && (l = C(o.href), l || b(t, {
       code: "UNSAFE_URL",
       path: `${r}/attrs/href`,
       message: "The articleButton link href is not a usable safe URL.",
@@ -213,8 +213,8 @@ function rt(i, r, t) {
   else
     try {
       const y = Object.freeze({ type: "articleButton", attrs: o }), L = t.resolveArticleButtonLink(o, y);
-      c = q(L), c || b(t, {
-        code: typeof L == "string" || p(L) && typeof L.href == "string" ? "UNSAFE_URL" : "LINK_RESOLUTION_FAILED",
+      l = C(L), l || b(t, {
+        code: typeof L == "string" || h(L) && typeof L.href == "string" ? "UNSAFE_URL" : "LINK_RESOLUTION_FAILED",
         path: r,
         message: "The articleButton link resolver returned no usable safe URL.",
         nodeType: "articleButton"
@@ -227,7 +227,7 @@ function rt(i, r, t) {
         nodeType: "articleButton"
       });
     }
-  const u = (h = c == null ? void 0 : c.href) != null ? h : null;
+  const u = (g = l == null ? void 0 : l.href) != null ? g : null;
   return f(
     t,
     "a",
@@ -238,49 +238,49 @@ function rt(i, r, t) {
         !u && "acp-article-button--disabled"
       ],
       href: u != null ? u : void 0,
-      target: c == null ? void 0 : c.target,
-      rel: c == null ? void 0 : c.rel,
+      target: l == null ? void 0 : l.target,
+      rel: l == null ? void 0 : l.rel,
       title: o.title,
       "data-node-type": "articleButton",
       "data-article-button-id": o.id,
       "data-article-button-style": o.style,
       "aria-disabled": u ? void 0 : "true",
       onClick: (y) => {
-        u || y.preventDefault(), t.emitArticleButtonClick({ attrs: o, node: l, href: u, event: y });
+        u || y.preventDefault(), t.emitArticleButtonClick({ attrs: o, node: a, href: u, event: y });
       }
     },
     o.text
   );
 }
-function D(i, r, t) {
-  if (!p(i) || typeof i.type != "string" || !J.has(i.type))
+function v(n, r, t) {
+  if (!h(n) || typeof n.type != "string" || !Z.has(n.type))
     return null;
-  const e = _(i.attrs);
-  switch (i.type) {
+  const e = P(n.attrs);
+  switch (n.type) {
     case "paragraph": {
-      const n = w(e.textAlign) ? e.textAlign : void 0;
+      const i = w(e.textAlign) ? e.textAlign : void 0;
       return f(
         t,
         "p",
         {
           class: "acp-paragraph",
           "data-node-type": "paragraph",
-          style: n ? { textAlign: n } : void 0
+          style: i ? { textAlign: i } : void 0
         },
-        O(i.content, g(r, "content"), t)
+        V(n.content, p(r, "content"), t)
       );
     }
     case "heading": {
-      const n = Number.isInteger(e.level) && Number(e.level) >= 1 && Number(e.level) <= 6 ? Number(e.level) : 1, s = w(e.textAlign) ? e.textAlign : void 0;
+      const i = Number.isInteger(e.level) && Number(e.level) >= 1 && Number(e.level) <= 6 ? Number(e.level) : 1, s = w(e.textAlign) ? e.textAlign : void 0;
       return f(
         t,
-        `h${n}`,
+        `h${i}`,
         {
-          class: ["acp-heading", `acp-heading--${n}`],
+          class: ["acp-heading", `acp-heading--${i}`],
           "data-node-type": "heading",
           style: s ? { textAlign: s } : void 0
         },
-        O(i.content, g(r, "content"), t)
+        V(n.content, p(r, "content"), t)
       );
     }
     case "blockquote":
@@ -288,50 +288,50 @@ function D(i, r, t) {
         t,
         "blockquote",
         { class: "acp-blockquote", "data-node-type": "blockquote" },
-        P(i.content, g(r, "content"), t)
+        S(n.content, p(r, "content"), t)
       );
     case "bulletList": {
-      const n = k(i.content).map((s, o) => V(s, g(r, "content", o), t)).filter((s) => s !== null);
-      return f(t, "ul", { class: "acp-list acp-list--bullet", "data-node-type": "bulletList" }, n);
+      const i = k(n.content).map((s, o) => q(s, p(r, "content", o), t)).filter((s) => s !== null);
+      return f(t, "ul", { class: "acp-list acp-list--bullet", "data-node-type": "bulletList" }, i);
     }
     case "orderedList": {
-      const n = Number.isInteger(e.start) && Number(e.start) >= 1 ? Number(e.start) : 1, s = k(i.content).map((o, l) => V(o, g(r, "content", l), t)).filter((o) => o !== null);
+      const i = Number.isInteger(e.start) && Number(e.start) >= 1 ? Number(e.start) : 1, s = k(n.content).map((o, a) => q(o, p(r, "content", a), t)).filter((o) => o !== null);
       return f(
         t,
         "ol",
         {
           class: "acp-list acp-list--ordered",
           "data-node-type": "orderedList",
-          start: n
+          start: i
         },
         s
       );
     }
     case "codeBlock": {
-      const n = typeof e.language == "string" && e.language ? e.language : void 0, s = k(i.content).filter((o) => p(o) && o.type === "text" && typeof o.text == "string").map((o) => o.text).join("");
+      const i = typeof e.language == "string" && e.language ? e.language : void 0, s = k(n.content).filter((o) => h(o) && o.type === "text" && typeof o.text == "string").map((o) => o.text).join("");
       return f(
         t,
         "pre",
         {
           class: "acp-code-block",
           "data-node-type": "codeBlock",
-          "data-language": n
+          "data-language": i
         },
-        [f(t, "code", { class: n ? `language-${n}` : void 0 }, s)]
+        [f(t, "code", { class: i ? `language-${i}` : void 0 }, s)]
       );
     }
     case "horizontalRule":
       return f(t, "hr", { class: "acp-horizontal-rule", "data-node-type": "horizontalRule" });
     case "image": {
-      const n = T(X(e.src, t.imageBaseUrl), "image");
-      if (!n)
+      const i = _(Q(e.src, t.imageBaseUrl), "image");
+      if (!i)
         return b(t, {
           code: "UNSAFE_URL",
-          path: g(r, "attrs", "src"),
+          path: p(r, "attrs", "src"),
           message: "The image URL is empty, malformed, or uses a disallowed protocol.",
           nodeType: "image"
         }), null;
-      const s = Q(e.imageAlign) ? e.imageAlign : "center", o = Number.isInteger(e.width) && Number(e.width) >= 1 && Number(e.width) <= 1e4 ? Number(e.width) : void 0, l = Number.isInteger(e.height) && Number(e.height) >= 1 && Number(e.height) <= 1e4 ? Number(e.height) : void 0;
+      const s = tt(e.imageAlign) ? e.imageAlign : "center", o = Number.isInteger(e.width) && Number(e.width) >= 1 && Number(e.width) <= 1e4 ? Number(e.width) : void 0, a = Number.isInteger(e.height) && Number(e.height) >= 1 && Number(e.height) <= 1e4 ? Number(e.height) : void 0;
       return f(
         t,
         "div",
@@ -343,55 +343,55 @@ function D(i, r, t) {
         [
           f(t, "img", {
             class: "acp-image__element",
-            src: n,
+            src: i,
             alt: typeof e.alt == "string" ? e.alt : "",
             title: typeof e.title == "string" ? e.title : void 0,
             width: o,
-            height: l,
+            height: a,
             "data-image-align": s
           })
         ]
       );
     }
     case "articleButton":
-      return rt(i, r, t);
+      return it(n, r, t);
     case "table": {
-      const n = k(i.content).map((s, o) => et(s, g(r, "content", o), t)).filter((s) => s !== null);
+      const i = k(n.content).map((s, o) => nt(s, p(r, "content", o), t)).filter((s) => s !== null);
       return f(
         t,
         "div",
         { class: "acp-table-wrapper", "data-node-type": "table" },
-        [f(t, "table", { class: "acp-table" }, [f(t, "tbody", n)])]
+        [f(t, "table", { class: "acp-table" }, [f(t, "tbody", i)])]
       );
     }
   }
   return null;
 }
-function P(i, r, t) {
-  return k(i).map((e, n) => D(e, g(r, n), t)).filter((e) => e !== null);
+function S(n, r, t) {
+  return k(n).map((e, i) => v(e, p(r, i), t)).filter((e) => e !== null);
 }
-function it(i, r) {
-  const t = k(i.content), e = /* @__PURE__ */ new Map();
+function st(n, r) {
+  const t = k(n.content), e = /* @__PURE__ */ new Map();
   r.customSlots.forEach((s) => {
-    var l;
+    var a;
     if (!Number.isInteger(s.location) || s.location < 1 || s.location > t.length)
       return;
-    const o = (l = e.get(s.location)) != null ? l : [];
+    const o = (a = e.get(s.location)) != null ? a : [];
     o.push(s), e.set(s.location, o);
   });
-  const n = [];
+  const i = [];
   return t.forEach((s, o) => {
     var u;
-    const l = o + 1;
-    (u = e.get(l)) == null || u.forEach((h) => n.push(...h.content));
-    const c = D(s, g("/content", o), r);
-    c && typeof c != "string" && n.push(c);
-  }), n;
+    const a = o + 1;
+    (u = e.get(a)) == null || u.forEach((g) => i.push(...g.content));
+    const l = v(s, p("/content", o), r);
+    l && typeof l != "string" && i.push(l);
+  }), i;
 }
-function nt(i, r) {
-  return !p(i) || i.type !== "doc" ? [] : it(i, r);
+function ot(n, r) {
+  return !h(n) || n.type !== "doc" ? [] : st(n, r);
 }
-const st = /* @__PURE__ */ new Set([
+const at = /* @__PURE__ */ new Set([
   "paragraph",
   "heading",
   "blockquote",
@@ -402,28 +402,28 @@ const st = /* @__PURE__ */ new Set([
   "image",
   "articleButton",
   "table"
-]), ot = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]), at = /* @__PURE__ */ new Set(["left", "center", "right"]), lt = /* @__PURE__ */ new Set(["bold", "italic", "strike", "underline", "code"]);
-function I(i) {
-  return typeof i == "object" && i !== null && !Array.isArray(i);
+]), ct = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]), lt = /* @__PURE__ */ new Set(["left", "center", "right"]), dt = /* @__PURE__ */ new Set(["bold", "italic", "strike", "underline", "code"]);
+function I(n) {
+  return typeof n == "object" && n !== null && !Array.isArray(n);
 }
-function a(i, r) {
-  return `${i}/${String(r).replaceAll("~", "~0").replaceAll("/", "~1")}`;
+function c(n, r) {
+  return `${n}/${String(r).replaceAll("~", "~0").replaceAll("/", "~1")}`;
 }
-function d(i, ...r) {
-  let t = i;
-  for (const e of r) t = a(t, e);
+function d(n, ...r) {
+  let t = n;
+  for (const e of r) t = c(t, e);
   return t;
 }
-class ct {
+class ut {
   constructor() {
-    B(this, "issues", []);
+    O(this, "issues", []);
   }
   validate(r) {
     if (!I(r))
       return this.add("INVALID_ROOT", "", "The document must be an object."), this.result();
     this.checkProperties(r, "", ["type", "content"], ["type", "content"]), r.type !== "doc" && this.add("INVALID_ROOT", "/type", 'The root node type must be "doc".');
     const t = this.requireArray(r.content, "/content");
-    return t == null || t.forEach((e, n) => this.validateBlock(e, a("/content", n))), this.result();
+    return t == null || t.forEach((e, i) => this.validateBlock(e, c("/content", i))), this.result();
   }
   result() {
     return {
@@ -431,23 +431,23 @@ class ct {
       issues: this.issues
     };
   }
-  add(r, t, e, n) {
-    this.issues.push(m({ code: r, path: t, message: e }, n ? { nodeType: n } : {}));
+  add(r, t, e, i) {
+    this.issues.push(m({ code: r, path: t, message: e }, i ? { nodeType: i } : {}));
   }
-  checkProperties(r, t, e, n = [], s) {
+  checkProperties(r, t, e, i = [], s) {
     const o = new Set(e);
-    for (const l of Object.keys(r))
-      o.has(l) || this.add(
+    for (const a of Object.keys(r))
+      o.has(a) || this.add(
         "UNKNOWN_PROPERTY",
-        a(t, l),
-        `Property "${l}" is not allowed.`,
+        c(t, a),
+        `Property "${a}" is not allowed.`,
         s
       );
-    for (const l of n)
-      l in r || this.add(
+    for (const a of i)
+      a in r || this.add(
         "MISSING_PROPERTY",
-        a(t, l),
-        `Required property "${l}" is missing.`,
+        c(t, a),
+        `Required property "${a}" is missing.`,
         s
       );
   }
@@ -458,13 +458,13 @@ class ct {
     return r === void 0 ? [] : this.requireArray(r, t, e);
   }
   requireNonEmptyArray(r, t, e) {
-    const n = this.requireArray(r, t, e);
-    return n && n.length === 0 && this.add(
+    const i = this.requireArray(r, t, e);
+    return i && i.length === 0 && this.add(
       "INVALID_CONTENT",
       t,
       `Node "${e}" must contain at least one child.`,
       e
-    ), n;
+    ), i;
   }
   requireRecord(r, t, e) {
     return I(r) ? r : (this.add("INVALID_TYPE", t, "Expected an object.", e), null);
@@ -472,22 +472,22 @@ class ct {
   optionalRecord(r, t, e) {
     return r === void 0 ? {} : this.requireRecord(r, t, e);
   }
-  requireString(r, t, e, n = {}) {
-    return typeof r != "string" ? (this.add("INVALID_TYPE", t, "Expected a string.", e), !1) : !n.allowEmpty && r.length === 0 ? (this.add("INVALID_VALUE", t, "The string must not be empty.", e), !1) : n.maxLength !== void 0 && r.length > n.maxLength ? (this.add(
+  requireString(r, t, e, i = {}) {
+    return typeof r != "string" ? (this.add("INVALID_TYPE", t, "Expected a string.", e), !1) : !i.allowEmpty && r.length === 0 ? (this.add("INVALID_VALUE", t, "The string must not be empty.", e), !1) : i.maxLength !== void 0 && r.length > i.maxLength ? (this.add(
       "INVALID_VALUE",
       t,
-      `The string must contain at most ${n.maxLength} characters.`,
+      `The string must contain at most ${i.maxLength} characters.`,
       e
     ), !1) : !0;
   }
-  optionalString(r, t, e, n = {}) {
-    r !== void 0 && this.requireString(r, t, e, n);
+  optionalString(r, t, e, i = {}) {
+    r !== void 0 && this.requireString(r, t, e, i);
   }
-  requireInteger(r, t, e, n, s) {
+  requireInteger(r, t, e, i, s) {
     if (!Number.isInteger(r))
       return this.add("INVALID_TYPE", t, "Expected an integer.", e), !1;
     const o = r;
-    return n !== void 0 && o < n ? (this.add("INVALID_VALUE", t, `Value must be at least ${n}.`, e), !1) : s !== void 0 && o > s ? (this.add("INVALID_VALUE", t, `Value must be at most ${s}.`, e), !1) : !0;
+    return i !== void 0 && o < i ? (this.add("INVALID_VALUE", t, `Value must be at least ${i}.`, e), !1) : s !== void 0 && o > s ? (this.add("INVALID_VALUE", t, `Value must be at most ${s}.`, e), !1) : !0;
   }
   validateBlock(r, t) {
     if (!I(r)) {
@@ -496,11 +496,11 @@ class ct {
     }
     const e = r.type;
     if (typeof e != "string") {
-      this.add("MISSING_PROPERTY", a(t, "type"), "A block node requires a type.");
+      this.add("MISSING_PROPERTY", c(t, "type"), "A block node requires a type.");
       return;
     }
-    if (!st.has(e)) {
-      this.add("UNKNOWN_NODE", a(t, "type"), `Unknown block node "${e}".`, e);
+    if (!at.has(e)) {
+      this.add("UNKNOWN_NODE", c(t, "type"), `Unknown block node "${e}".`, e);
       return;
     }
     switch (e) {
@@ -538,34 +538,34 @@ class ct {
   }
   validateParagraph(r, t) {
     const e = "paragraph";
-    this.checkProperties(r, t, ["type", "attrs", "content"], ["type"], e), this.validateTextAlignAttrs(r.attrs, a(t, "attrs"), e, !1), this.validateInlineContent(r.content, a(t, "content"), e);
+    this.checkProperties(r, t, ["type", "attrs", "content"], ["type"], e), this.validateTextAlignAttrs(r.attrs, c(t, "attrs"), e, !1), this.validateInlineContent(r.content, c(t, "content"), e);
   }
   validateHeading(r, t) {
     const e = "heading";
     this.checkProperties(r, t, ["type", "attrs", "content"], ["type", "attrs"], e);
-    const n = this.requireRecord(r.attrs, a(t, "attrs"), e);
-    n && (this.checkProperties(n, a(t, "attrs"), ["level", "textAlign"], ["level"], e), this.requireInteger(n.level, d(t, "attrs", "level"), e, 1, 6), this.validateTextAlign(n.textAlign, d(t, "attrs", "textAlign"), e)), this.validateInlineContent(r.content, a(t, "content"), e);
+    const i = this.requireRecord(r.attrs, c(t, "attrs"), e);
+    i && (this.checkProperties(i, c(t, "attrs"), ["level", "textAlign"], ["level"], e), this.requireInteger(i.level, d(t, "attrs", "level"), e, 1, 6), this.validateTextAlign(i.textAlign, d(t, "attrs", "textAlign"), e)), this.validateInlineContent(r.content, c(t, "content"), e);
   }
-  validateTextAlignAttrs(r, t, e, n) {
-    const s = n ? this.requireRecord(r, t, e) : this.optionalRecord(r, t, e);
-    s && (this.checkProperties(s, t, ["textAlign"], [], e), this.validateTextAlign(s.textAlign, a(t, "textAlign"), e));
+  validateTextAlignAttrs(r, t, e, i) {
+    const s = i ? this.requireRecord(r, t, e) : this.optionalRecord(r, t, e);
+    s && (this.checkProperties(s, t, ["textAlign"], [], e), this.validateTextAlign(s.textAlign, c(t, "textAlign"), e));
   }
   validateTextAlign(r, t, e) {
-    r !== void 0 && (typeof r != "string" ? this.add("INVALID_TYPE", t, "Text alignment must be a string.", e) : ot.has(r) || this.add("INVALID_VALUE", t, `Unsupported text alignment "${r}".`, e));
+    r !== void 0 && (typeof r != "string" ? this.add("INVALID_TYPE", t, "Text alignment must be a string.", e) : ct.has(r) || this.add("INVALID_VALUE", t, `Unsupported text alignment "${r}".`, e));
   }
   validateInlineContent(r, t, e) {
-    const n = this.optionalArray(r, t, e);
-    n == null || n.forEach((s, o) => this.validateText(s, a(t, o), !0));
+    const i = this.optionalArray(r, t, e);
+    i == null || i.forEach((s, o) => this.validateText(s, c(t, o), !0));
   }
   validateText(r, t, e) {
     if (!I(r)) {
       this.add("INVALID_TYPE", t, "A text node must be an object.", "text");
       return;
     }
-    const n = e ? ["type", "text", "marks"] : ["type", "text"];
-    if (this.checkProperties(r, t, n, ["type", "text"], "text"), r.type !== "text" && this.add("INVALID_CONTENT", a(t, "type"), "Expected a text node.", "text"), this.requireString(r.text, a(t, "text"), "text"), e && r.marks !== void 0) {
-      const s = this.requireArray(r.marks, a(t, "marks"), "text");
-      s == null || s.forEach((o, l) => this.validateMark(o, d(t, "marks", l)));
+    const i = e ? ["type", "text", "marks"] : ["type", "text"];
+    if (this.checkProperties(r, t, i, ["type", "text"], "text"), r.type !== "text" && this.add("INVALID_CONTENT", c(t, "type"), "Expected a text node.", "text"), this.requireString(r.text, c(t, "text"), "text"), e && r.marks !== void 0) {
+      const s = this.requireArray(r.marks, c(t, "marks"), "text");
+      s == null || s.forEach((o, a) => this.validateMark(o, d(t, "marks", a)));
     }
   }
   validateMark(r, t) {
@@ -574,20 +574,20 @@ class ct {
       return;
     }
     if (typeof r.type != "string") {
-      this.add("MISSING_PROPERTY", a(t, "type"), "A mark requires a type.");
+      this.add("MISSING_PROPERTY", c(t, "type"), "A mark requires a type.");
       return;
     }
-    if (lt.has(r.type)) {
+    if (dt.has(r.type)) {
       this.checkProperties(r, t, ["type"], ["type"], r.type);
       return;
     }
     if (r.type !== "link") {
-      this.add("UNKNOWN_MARK", a(t, "type"), `Unknown mark "${r.type}".`, r.type);
+      this.add("UNKNOWN_MARK", c(t, "type"), `Unknown mark "${r.type}".`, r.type);
       return;
     }
     this.checkProperties(r, t, ["type", "attrs"], ["type", "attrs"], "link");
-    const e = this.requireRecord(r.attrs, a(t, "attrs"), "link");
-    e && (this.checkProperties(e, a(t, "attrs"), ["href", "target"], ["href"], "link"), this.requireString(e.href, d(t, "attrs", "href"), "link"), e.target !== void 0 && e.target !== "_blank" && e.target !== "_self" && this.add(
+    const e = this.requireRecord(r.attrs, c(t, "attrs"), "link");
+    e && (this.checkProperties(e, c(t, "attrs"), ["href", "target"], ["href"], "link"), this.requireString(e.href, d(t, "attrs", "href"), "link"), e.target !== void 0 && e.target !== "_blank" && e.target !== "_self" && this.add(
       "INVALID_VALUE",
       d(t, "attrs", "target"),
       'Link target must be "_blank" or "_self".',
@@ -597,83 +597,83 @@ class ct {
   validateBlockquote(r, t) {
     const e = "blockquote";
     this.checkProperties(r, t, ["type", "content"], ["type", "content"], e);
-    const n = this.requireNonEmptyArray(r.content, a(t, "content"), e);
-    n == null || n.forEach((s, o) => this.validateBlock(s, d(t, "content", o)));
+    const i = this.requireNonEmptyArray(r.content, c(t, "content"), e);
+    i == null || i.forEach((s, o) => this.validateBlock(s, d(t, "content", o)));
   }
   validateBulletList(r, t) {
     const e = "bulletList";
     this.checkProperties(r, t, ["type", "content"], ["type", "content"], e);
-    const n = this.requireNonEmptyArray(r.content, a(t, "content"), e);
-    n == null || n.forEach((s, o) => this.validateListItem(s, d(t, "content", o)));
+    const i = this.requireNonEmptyArray(r.content, c(t, "content"), e);
+    i == null || i.forEach((s, o) => this.validateListItem(s, d(t, "content", o)));
   }
   validateOrderedList(r, t) {
     const e = "orderedList";
     this.checkProperties(r, t, ["type", "attrs", "content"], ["type", "content"], e);
-    const n = this.optionalRecord(r.attrs, a(t, "attrs"), e);
-    n && (this.checkProperties(n, a(t, "attrs"), ["start"], [], e), n.start !== void 0 && this.requireInteger(n.start, d(t, "attrs", "start"), e, 1));
-    const s = this.requireNonEmptyArray(r.content, a(t, "content"), e);
-    s == null || s.forEach((o, l) => this.validateListItem(o, d(t, "content", l)));
+    const i = this.optionalRecord(r.attrs, c(t, "attrs"), e);
+    i && (this.checkProperties(i, c(t, "attrs"), ["start"], [], e), i.start !== void 0 && this.requireInteger(i.start, d(t, "attrs", "start"), e, 1));
+    const s = this.requireNonEmptyArray(r.content, c(t, "content"), e);
+    s == null || s.forEach((o, a) => this.validateListItem(o, d(t, "content", a)));
   }
   validateListItem(r, t) {
-    const e = "listItem", n = this.requireRecord(r, t, e);
-    if (!n) return;
-    this.checkProperties(n, t, ["type", "content"], ["type", "content"], e), n.type !== e && this.add("INVALID_CONTENT", a(t, "type"), "Expected a listItem node.", e);
-    const s = this.requireNonEmptyArray(n.content, a(t, "content"), e);
-    s == null || s.forEach((o, l) => this.validateBlock(o, d(t, "content", l)));
+    const e = "listItem", i = this.requireRecord(r, t, e);
+    if (!i) return;
+    this.checkProperties(i, t, ["type", "content"], ["type", "content"], e), i.type !== e && this.add("INVALID_CONTENT", c(t, "type"), "Expected a listItem node.", e);
+    const s = this.requireNonEmptyArray(i.content, c(t, "content"), e);
+    s == null || s.forEach((o, a) => this.validateBlock(o, d(t, "content", a)));
   }
   validateCodeBlock(r, t) {
     const e = "codeBlock";
     this.checkProperties(r, t, ["type", "attrs", "content"], ["type"], e);
-    const n = this.optionalRecord(r.attrs, a(t, "attrs"), e);
-    n && (this.checkProperties(n, a(t, "attrs"), ["language"], [], e), this.optionalString(n.language, d(t, "attrs", "language"), e, { maxLength: 32 }));
-    const s = this.optionalArray(r.content, a(t, "content"), e);
+    const i = this.optionalRecord(r.attrs, c(t, "attrs"), e);
+    i && (this.checkProperties(i, c(t, "attrs"), ["language"], [], e), this.optionalString(i.language, d(t, "attrs", "language"), e, { maxLength: 32 }));
+    const s = this.optionalArray(r.content, c(t, "content"), e);
     s && (s.length > 1 && this.add(
       "INVALID_CONTENT",
-      a(t, "content"),
+      c(t, "content"),
       "A codeBlock may contain at most one text node.",
       e
     ), s.forEach(
-      (o, l) => this.validateText(o, d(t, "content", l), !1)
+      (o, a) => this.validateText(o, d(t, "content", a), !1)
     ));
   }
   validateImage(r, t) {
     const e = "image";
     this.checkProperties(r, t, ["type", "attrs"], ["type", "attrs"], e);
-    const n = this.requireRecord(r.attrs, a(t, "attrs"), e);
-    n && (this.checkProperties(
-      n,
-      a(t, "attrs"),
+    const i = this.requireRecord(r.attrs, c(t, "attrs"), e);
+    i && (this.checkProperties(
+      i,
+      c(t, "attrs"),
       ["src", "alt", "title", "width", "height", "imageAlign"],
       ["src"],
       e
-    ), this.requireString(n.src, d(t, "attrs", "src"), e), this.optionalString(n.alt, d(t, "attrs", "alt"), e, { allowEmpty: !0 }), this.optionalString(n.title, d(t, "attrs", "title"), e, { allowEmpty: !0 }), n.width !== void 0 && this.requireInteger(n.width, d(t, "attrs", "width"), e, 1, 1e4), n.height !== void 0 && this.requireInteger(n.height, d(t, "attrs", "height"), e, 1, 1e4), n.imageAlign !== void 0 && (typeof n.imageAlign != "string" ? this.add("INVALID_TYPE", d(t, "attrs", "imageAlign"), "Image alignment must be a string.", e) : at.has(n.imageAlign) || this.add(
+    ), this.requireString(i.src, d(t, "attrs", "src"), e), this.optionalString(i.alt, d(t, "attrs", "alt"), e, { allowEmpty: !0 }), this.optionalString(i.title, d(t, "attrs", "title"), e, { allowEmpty: !0 }), i.width !== void 0 && this.requireInteger(i.width, d(t, "attrs", "width"), e, 1, 1e4), i.height !== void 0 && this.requireInteger(i.height, d(t, "attrs", "height"), e, 1, 1e4), i.imageAlign !== void 0 && (typeof i.imageAlign != "string" ? this.add("INVALID_TYPE", d(t, "attrs", "imageAlign"), "Image alignment must be a string.", e) : lt.has(i.imageAlign) || this.add(
       "INVALID_VALUE",
       d(t, "attrs", "imageAlign"),
-      `Unsupported image alignment "${n.imageAlign}".`,
+      `Unsupported image alignment "${i.imageAlign}".`,
       e
     )));
   }
   validateArticleButton(r, t) {
     const e = "articleButton";
     this.checkProperties(r, t, ["type", "attrs"], ["type", "attrs"], e);
-    const n = this.requireRecord(r.attrs, a(t, "attrs"), e);
-    n && (this.checkProperties(
-      n,
-      a(t, "attrs"),
+    const i = this.requireRecord(r.attrs, c(t, "attrs"), e);
+    i && (this.checkProperties(
+      i,
+      c(t, "attrs"),
       ["id", "title", "text", "style", "href"],
       ["text", "style"],
       e
-    ), n.style === "text" || n.style === "button" ? "id" in n ? this.requireString(n.id, d(t, "attrs", "id"), e) : this.add(
+    ), i.style === "text" || i.style === "button" ? "id" in i ? this.requireString(i.id, d(t, "attrs", "id"), e) : this.add(
       "MISSING_PROPERTY",
       d(t, "attrs", "id"),
       'Required property "id" is missing for an articleButton with text or button style.',
       e
-    ) : this.optionalString(n.id, d(t, "attrs", "id"), e), this.optionalString(n.title, d(t, "attrs", "title"), e), this.requireString(n.text, d(t, "attrs", "text"), e), this.optionalString(n.href, d(t, "attrs", "href"), e), n.style !== "text" && n.style !== "button" && n.style !== "link" && this.add(
+    ) : this.optionalString(i.id, d(t, "attrs", "id"), e), this.optionalString(i.title, d(t, "attrs", "title"), e), this.requireString(i.text, d(t, "attrs", "text"), e), this.optionalString(i.href, d(t, "attrs", "href"), e), i.style !== "text" && i.style !== "button" && i.style !== "link" && this.add(
       "INVALID_VALUE",
       d(t, "attrs", "style"),
       'Article button style must be "text", "button", or "link".',
       e
-    ), n.href !== void 0 && n.style !== "link" && this.add(
+    ), i.href !== void 0 && i.style !== "link" && this.add(
       "INVALID_VALUE",
       d(t, "attrs", "href"),
       'Article button href may only be present when style is "link".',
@@ -683,14 +683,14 @@ class ct {
   validateTable(r, t) {
     const e = "table";
     this.checkProperties(r, t, ["type", "content"], ["type", "content"], e);
-    const n = this.requireNonEmptyArray(r.content, a(t, "content"), e);
-    if (!n) return;
+    const i = this.requireNonEmptyArray(r.content, c(t, "content"), e);
+    if (!i) return;
     let s = null;
-    n.forEach((o, l) => {
-      const c = d(t, "content", l), u = this.validateTableRow(o, c);
+    i.forEach((o, a) => {
+      const l = d(t, "content", a), u = this.validateTableRow(o, l);
       u !== null && (s === null ? s = u : u !== s && this.add(
         "TABLE_COLUMN_MISMATCH",
-        a(c, "content"),
+        c(l, "content"),
         `Expected ${s} table cells but received ${u}.`,
         "tableRow"
       ));
@@ -698,48 +698,100 @@ class ct {
   }
   validateTableRow(r, t) {
     var o;
-    const e = "tableRow", n = this.requireRecord(r, t, e);
-    if (!n) return null;
-    this.checkProperties(n, t, ["type", "content"], ["type", "content"], e), n.type !== e && this.add("INVALID_CONTENT", a(t, "type"), "Expected a tableRow node.", e);
-    const s = this.requireNonEmptyArray(n.content, a(t, "content"), e);
-    return s == null || s.forEach((l, c) => this.validateTableCell(l, d(t, "content", c))), (o = s == null ? void 0 : s.length) != null ? o : null;
+    const e = "tableRow", i = this.requireRecord(r, t, e);
+    if (!i) return null;
+    this.checkProperties(i, t, ["type", "content"], ["type", "content"], e), i.type !== e && this.add("INVALID_CONTENT", c(t, "type"), "Expected a tableRow node.", e);
+    const s = this.requireNonEmptyArray(i.content, c(t, "content"), e);
+    return s == null || s.forEach((a, l) => this.validateTableCell(a, d(t, "content", l))), (o = s == null ? void 0 : s.length) != null ? o : null;
   }
   validateTableCell(r, t) {
-    const e = "tableCell", n = this.requireRecord(r, t, e);
-    if (!n) return;
-    this.checkProperties(n, t, ["type", "content"], ["type", "content"], e), n.type !== e && this.add("INVALID_CONTENT", a(t, "type"), "Expected a tableCell node.", e);
-    const s = this.requireNonEmptyArray(n.content, a(t, "content"), e);
-    s == null || s.forEach((o, l) => this.validateBlock(o, d(t, "content", l)));
+    const e = "tableCell", i = this.requireRecord(r, t, e);
+    if (!i) return;
+    this.checkProperties(i, t, ["type", "content"], ["type", "content"], e), i.type !== e && this.add("INVALID_CONTENT", c(t, "type"), "Expected a tableCell node.", e);
+    const s = this.requireNonEmptyArray(i.content, c(t, "content"), e);
+    s == null || s.forEach((o, a) => this.validateBlock(o, d(t, "content", a)));
   }
 }
-function dt(i) {
-  return new ct().validate(i);
+function ft(n) {
+  return new ut().validate(n);
 }
-const C = Object.freeze({
+const U = Object.freeze({
   version: 1,
-  validate: dt,
-  render: nt
-}), $ = /* @__PURE__ */ new Map([[C.version, C]]), At = Object.freeze([...$.keys()]), v = 1;
-function x(i) {
-  return $.get(i);
+  validate: ft,
+  render: ot
+}), j = /* @__PURE__ */ new Map([[U.version, U]]), Rt = Object.freeze([...j.keys()]), z = 1;
+function M(n) {
+  return j.get(n);
 }
-function ut(i, r = {}) {
+function gt(n, r = {}) {
   var s;
-  const t = (s = r.protocolVersion) != null ? s : v, e = x(t);
-  return e ? e.validate(i) : { valid: !1, issues: [{
+  const t = (s = r.protocolVersion) != null ? s : z, e = M(t);
+  return e ? e.validate(n) : { valid: !1, issues: [{
     code: "UNSUPPORTED_PROTOCOL",
     path: "",
     message: `Article Content Protocol version ${t} is not supported.`
   }] };
 }
-function ft() {
+function pt() {
   return [];
 }
-function ht(i) {
-  return `${i.code}:${i.path}:${i.message}`;
+function T(n) {
+  return `${n.code}:${n.path}:${n.message}`;
 }
-const gt = K.extend({
+function ht(n) {
+  const r = n.slots();
+  return n.props.customSlots.map((t) => {
+    var s, o, a, l;
+    const e = { id: t.id, location: t.location }, i = (l = (a = (o = (s = n.scopedSlots)[t.id]) == null ? void 0 : o.call(s, e)) != null ? a : r[t.id]) != null ? l : [];
+    return A(m({}, t), { content: i });
+  });
+}
+function yt(n, r) {
+  Array.isArray(n) ? n.forEach((t) => t(r)) : n == null || n(r);
+}
+const mt = $.extend({
+  name: "ArticleContentRenderIssueReporter",
+  props: {
+    issues: {
+      type: Array,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      reportedFingerprint: ""
+    };
+  },
+  watch: {
+    issues: {
+      immediate: !0,
+      deep: !0,
+      handler(n) {
+        const r = n.map(T).join("|");
+        r !== this.reportedFingerprint && (this.reportedFingerprint = r, this.$nextTick(() => n.forEach((t) => this.$emit("render-error", t))));
+      }
+    }
+  },
+  render(n) {
+    var r, t;
+    return (t = (r = this.$slots.default) == null ? void 0 : r[0]) != null ? t : n();
+  }
+});
+function D(n, r, t, e) {
+  var a;
+  const i = (a = t[0]) != null ? a : n(), s = r.listeners["render-error"], o = n(
+    mt,
+    {
+      props: { issues: e },
+      on: s ? { "render-error": s } : void 0
+    },
+    [i]
+  );
+  return t.length > 1 ? [o, ...t.slice(1)] : o;
+}
+const kt = {
   name: "ArticleContentRenderer",
+  functional: !0,
   props: {
     document: {
       type: null,
@@ -747,7 +799,7 @@ const gt = K.extend({
     },
     protocolVersion: {
       type: Number,
-      default: v
+      default: z
     },
     strict: {
       type: Boolean,
@@ -755,7 +807,7 @@ const gt = K.extend({
     },
     customSlots: {
       type: Array,
-      default: ft
+      default: pt
     },
     imageBaseUrl: {
       type: String,
@@ -766,57 +818,12 @@ const gt = K.extend({
       default: void 0
     }
   },
-  data() {
-    return {
-      reportedRuntimeIssues: /* @__PURE__ */ new Set()
-    };
-  },
-  computed: {
-    validation() {
-      return ut(this.document, { protocolVersion: this.protocolVersion });
-    }
-  },
-  watch: {
-    validation: {
-      immediate: !0,
-      deep: !0,
-      handler(i) {
-        i.issues.forEach((r) => this.$emit("render-error", r));
-      }
-    },
-    document: {
-      deep: !0,
-      handler() {
-        this.reportedRuntimeIssues.clear();
-      }
-    },
-    protocolVersion() {
-      this.reportedRuntimeIssues.clear();
-    },
-    resolveArticleButtonLink() {
-      this.reportedRuntimeIssues.clear();
-    },
-    imageBaseUrl() {
-      this.reportedRuntimeIssues.clear();
-    }
-  },
-  methods: {
-    resolveCustomSlots() {
-      return this.customSlots.map((i) => {
-        var e, n, s, o;
-        const r = { id: i.id, location: i.location }, t = (o = (s = (n = (e = this.$scopedSlots)[i.id]) == null ? void 0 : n.call(e, r)) != null ? s : this.$slots[i.id]) != null ? o : [];
-        return A(m({}, i), { content: t });
-      });
-    },
-    reportRuntimeIssue(i) {
-      const r = ht(i);
-      this.reportedRuntimeIssues.has(r) || (this.reportedRuntimeIssues.add(r), this.$nextTick(() => this.$emit("render-error", i)));
-    }
-  },
-  render(i) {
-    const r = x(this.protocolVersion);
-    if (!r || this.strict && !this.validation.valid)
-      return i(
+  render(n, r) {
+    const { props: t } = r, e = gt(t.document, {
+      protocolVersion: t.protocolVersion
+    }), i = M(t.protocolVersion), s = [];
+    if (!i || t.strict && !e.valid) {
+      const a = n(
         "div",
         {
           class: "acp-render-error",
@@ -827,38 +834,35 @@ const gt = K.extend({
         },
         "Invalid article content"
       );
-    const t = r.render(this.document, {
-      createElement: i,
-      customSlots: this.resolveCustomSlots(),
-      imageBaseUrl: this.imageBaseUrl,
-      resolveArticleButtonLink: this.resolveArticleButtonLink,
-      emitArticleButtonClick: (e) => this.$emit("article-button-click", e),
-      reportIssue: this.reportRuntimeIssue
+      return D(n, r, [a], e.issues);
+    }
+    const o = i.render(t.document, {
+      createElement: n,
+      customSlots: ht(r),
+      imageBaseUrl: t.imageBaseUrl,
+      resolveArticleButtonLink: t.resolveArticleButtonLink,
+      emitArticleButtonClick: (a) => yt(r.listeners["article-button-click"], a),
+      reportIssue: (a) => s.push(a)
     });
-    return i(
-      "div",
-      {
-        class: "acp-document",
-        attrs: {
-          "data-node-type": "doc",
-          "data-protocol-version": this.protocolVersion
-        }
-      },
-      t
-    );
-  }
-});
-function pt(i, r, t, e, n, s, o, l) {
-  var c = typeof i == "function" ? i.options : i;
+    return D(n, r, o, [
+      ...e.issues,
+      ...s.filter(
+        (a, l, u) => u.findIndex((g) => T(g) === T(a)) === l
+      )
+    ]);
+  }
+}, bt = $.extend(kt);
+function At(n, r, t, e, i, s, o, a) {
+  var l = typeof n == "function" ? n.options : n;
   return {
-    exports: i,
-    options: c
+    exports: n,
+    options: l
   };
 }
-var yt = /* @__PURE__ */ pt(
-  gt
+var It = /* @__PURE__ */ At(
+  bt
 );
-const mt = yt.exports, It = Object.freeze({
+const Lt = It.exports, Tt = Object.freeze({
   fileFormat: "article-content-protocol",
   fileFormatVersion: 1,
   mediaType: "application/vnd.article-content-protocol+json",
@@ -885,17 +889,17 @@ const mt = yt.exports, It = Object.freeze({
     "text"
   ]),
   markTypes: Object.freeze(["bold", "italic", "strike", "underline", "code", "link"])
-}), Lt = {
-  install(i) {
-    i.component("ArticleContentRenderer", mt);
+}), _t = {
+  install(n) {
+    n.component("ArticleContentRenderer", Lt);
   }
 };
 export {
-  It as ARTICLE_CONTENT_PROTOCOL_V1,
-  mt as ArticleContentRenderer,
-  Lt as ArticleContentRendererPlugin,
-  v as CURRENT_PROTOCOL_VERSION,
-  At as SUPPORTED_PROTOCOL_VERSIONS,
-  mt as default,
-  ut as validateArticleDocument
+  Tt as ARTICLE_CONTENT_PROTOCOL_V1,
+  Lt as ArticleContentRenderer,
+  _t as ArticleContentRendererPlugin,
+  z as CURRENT_PROTOCOL_VERSION,
+  Rt as SUPPORTED_PROTOCOL_VERSIONS,
+  Lt as default,
+  gt as validateArticleDocument
 };