article-content-renderer-vue2 0.3.0 → 0.4.0

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 J = Object.defineProperty, Q = Object.defineProperties;
+var Z = Object.getOwnPropertyDescriptors;
+var D = Object.getOwnPropertySymbols;
+var tt = Object.prototype.hasOwnProperty, et = Object.prototype.propertyIsEnumerable;
+var P = (i, r, t) => r in i ? J(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t, k = (i, 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]);
+    tt.call(r, t) && P(i, t, r[t]);
+  if (D)
+    for (var t of D(r))
+      et.call(r, t) && P(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) {
+}, E = (i, r) => Q(i, Z(r));
+var $ = (i, r, t) => P(i, typeof r != "symbol" ? r + "" : r, t);
+import Y from "vue";
+const rt = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]), it = /* @__PURE__ */ new Set(["http:", "https:", "blob:"]), nt = "https://article-content-renderer.invalid/", _ = "https://www.doitme.link/";
+function st(i, r) {
   if (typeof i != "string") return i;
   const t = i.trim();
-  if (!t.startsWith(N)) return t;
-  const n = (r.trim() || N).replace(/\/+$/u, ""), s = t.slice(N.length).replace(/^\/+/, "");
+  if (!t.startsWith(_)) return t;
+  const n = (r.trim() || _).replace(/\/+$/u, ""), s = t.slice(_.length).replace(/^\/+/, "");
   return `${n}/${s}`;
 }
-function T(i, r) {
+function V(i, r) {
   if (typeof i != "string") return null;
   const t = i.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, nt);
+    return (r === "link" ? rt : it).has(e.protocol) ? t : null;
   } catch (e) {
     return null;
   }
 }
-function U(i, r) {
+function O(i, r) {
   const t = new Set(
     typeof i == "string" ? i.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 ot = /* @__PURE__ */ new Set([
   "paragraph",
   "heading",
   "blockquote",
@@ -49,89 +49,147 @@ const J = /* @__PURE__ */ new Set([
   "articleButton",
   "table"
 ]);
-function p(i) {
+function y(i) {
   return typeof i == "object" && i !== null && !Array.isArray(i);
 }
-function _(i) {
-  return p(i) ? i : {};
+function C(i) {
+  return y(i) ? i : {};
 }
-function f(i, r, t, e) {
+function p(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))
+  const n = y(t) ? t : {}, s = y(t) ? e : t, o = {}, a = {};
+  for (const [u, g] of Object.entries(n))
     if (u === "class")
-      o.class = h;
+      o.class = g;
     else if (u === "style")
-      o.style = h;
-    else if (u.startsWith("on") && typeof h == "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);
-}
-function k(i) {
+      o.style = g;
+    else if (u.startsWith("on") && typeof g == "function") {
+      const f = u.slice(2).toLowerCase();
+      o.on = E(k({}, (c = o.on) != null ? c : {}), { [f]: g });
+    } else g !== void 0 && g !== !1 && (a[u] = g);
+  return Object.keys(a).length > 0 && (o.attrs = a), i.createElement(r, o, s);
+}
+function I(i) {
   return Array.isArray(i) ? i : [];
 }
-function g(i, ...r) {
+function h(i, ...r) {
   return `${i}/${r.map(String).join("/")}`;
 }
-function w(i) {
+function j(i) {
   return i === "left" || i === "center" || i === "right" || i === "justify";
 }
-function Q(i) {
+function at(i) {
   return i === "left" || i === "center" || i === "right";
 }
-function R(i) {
+function S(i) {
   return i === "_blank" || i === "_self";
 }
-function b(i, r) {
+function L(i, r) {
   i.reportIssue(r);
 }
-function Z(i, r, t) {
-  if (!p(i) || i.type !== "text" || typeof i.text != "string" || !i.text)
+function lt(i, r, t) {
+  var s, o, a;
+  if (!y(i) || i.type !== "text" || typeof i.text != "string" || !i.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);
-    switch (o.type) {
+  const n = I(i.marks);
+  for (let c = 0; c < n.length; c += 1) {
+    const u = n[c];
+    if (!y(u) || typeof u.type != "string") continue;
+    const g = h(r, "marks", c);
+    switch (u.type) {
       case "bold":
-        e = f(t, "strong", { class: "acp-mark acp-mark--bold" }, [e]);
+        e = p(t, "strong", { class: "acp-mark acp-mark--bold" }, [e]);
         break;
       case "italic":
-        e = f(t, "em", { class: "acp-mark acp-mark--italic" }, [e]);
+        e = p(t, "em", { class: "acp-mark acp-mark--italic" }, [e]);
         break;
       case "strike":
-        e = f(t, "s", { class: "acp-mark acp-mark--strike" }, [e]);
+        e = p(t, "s", { class: "acp-mark acp-mark--strike" }, [e]);
         break;
       case "underline":
-        e = f(t, "u", { class: "acp-mark acp-mark--underline" }, [e]);
+        e = p(t, "u", { class: "acp-mark acp-mark--underline" }, [e]);
         break;
       case "code":
-        e = f(t, "code", { class: "acp-mark acp-mark--code" }, [e]);
+        e = p(t, "code", { class: "acp-mark acp-mark--code" }, [e]);
         break;
       case "link": {
-        const c = _(o.attrs), u = T(c.href, "link");
-        if (!u) {
-          b(t, {
+        const f = C(u.attrs), b = S(f.target) ? f.target : "_blank";
+        if (f.type === "custom") {
+          if (typeof f.id != "string" || !f.id || typeof f.title != "string" || !f.title)
+            break;
+          const T = Object.freeze(k({
+            type: "custom",
+            id: f.id,
+            title: f.title
+          }, S(f.target) ? { target: f.target } : {})), X = Object.freeze({
+            type: "link",
+            attrs: T
+          });
+          let m = null;
+          if (!t.resolveCustomLink)
+            L(t, {
+              code: "LINK_RESOLUTION_FAILED",
+              path: g,
+              message: "No resolveCustomLink callback was provided for a custom link mark.",
+              nodeType: "link"
+            });
+          else
+            try {
+              const A = t.resolveCustomLink(T, X);
+              m = B(A, b), m || L(t, {
+                code: typeof A == "string" || y(A) && typeof A.href == "string" ? "UNSAFE_URL" : "LINK_RESOLUTION_FAILED",
+                path: g,
+                message: "The custom link resolver returned no usable safe URL.",
+                nodeType: "link"
+              });
+            } catch (A) {
+              L(t, {
+                code: "LINK_RESOLUTION_FAILED",
+                path: g,
+                message: `The custom link resolver threw an error: ${A instanceof Error ? A.message : String(A)}`,
+                nodeType: "link"
+              });
+            }
+          const N = (s = m == null ? void 0 : m.href) != null ? s : null, v = (o = m == null ? void 0 : m.target) != null ? o : b;
+          e = p(
+            t,
+            "a",
+            {
+              class: `acp-link acp-link--custom${N ? "" : " acp-link--disabled"}`,
+              href: N != null ? N : void 0,
+              target: v,
+              rel: (a = m == null ? void 0 : m.rel) != null ? a : O(void 0, v),
+              title: T.title,
+              "data-link-type": "custom",
+              "data-link-id": T.id,
+              "aria-disabled": N ? void 0 : "true",
+              onClick: N ? void 0 : (A) => A.preventDefault()
+            },
+            [e]
+          );
+          break;
+        }
+        if (f.type !== void 0 && f.type !== "href") break;
+        const U = V(f.href, "link");
+        if (!U) {
+          L(t, {
             code: "UNSAFE_URL",
-            path: g(l, "attrs", "href"),
+            path: h(g, "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";
-        e = f(
+        e = p(
           t,
           "a",
           {
             class: "acp-link",
-            href: u,
-            target: h,
-            rel: U(void 0, h)
+            href: U,
+            target: b,
+            rel: O(void 0, b),
+            "data-link-type": "href"
           },
           [e]
         );
@@ -141,70 +199,70 @@ 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 x(i, r, t) {
+  return I(i).map((e, n) => lt(e, h(r, n), t)).filter((e) => e !== null);
 }
-function V(i, r, t) {
-  return !p(i) || i.type !== "listItem" ? null : f(
+function z(i, r, t) {
+  return !y(i) || i.type !== "listItem" ? null : p(
     t,
     "li",
     { class: "acp-list-item", "data-node-type": "listItem" },
-    P(i.content, g(r, "content"), t)
+    q(i.content, h(r, "content"), t)
   );
 }
-function tt(i, r, t) {
-  return !p(i) || i.type !== "tableCell" ? null : f(
+function ct(i, r, t) {
+  return !y(i) || i.type !== "tableCell" ? null : p(
     t,
     "td",
     { class: "acp-table-cell", "data-node-type": "tableCell" },
-    P(i.content, g(r, "content"), t)
+    q(i.content, h(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);
-  return f(t, "tr", { class: "acp-table-row", "data-node-type": "tableRow" }, e);
+function dt(i, r, t) {
+  if (!y(i) || i.type !== "tableRow") return null;
+  const e = I(i.content).map((n, s) => ct(n, h(r, "content", s), t)).filter((n) => n !== null);
+  return p(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({
+function B(i, r = "_self") {
+  var s;
+  if (y(i) && i.target !== void 0 && !S(i.target) || y(i) && i.rel !== void 0 && typeof i.rel != "string") return null;
+  const t = typeof i == "string" ? { href: i } : y(i) && typeof i.href == "string" ? k(k({
     href: i.href
-  }, R(i.target) ? { target: i.target } : {}), typeof i.rel == "string" ? { rel: i.rel } : {}) : null;
-  if (!r) return null;
-  const t = T(r.href, "link");
+  }, S(i.target) ? { target: i.target } : {}), typeof i.rel == "string" ? { rel: i.rel } : {}) : null;
   if (!t) return null;
-  const e = (n = r.target) != null ? n : "_self";
+  const e = V(t.href, "link");
+  if (!e) return null;
+  const n = (s = t.target) != null ? s : r;
   return {
-    href: t,
-    target: e,
-    rel: U(r.rel, e)
+    href: e,
+    target: n,
+    rel: O(t.rel, n)
   };
 }
-function rt(i, r, t) {
-  var h;
-  const e = _(i.attrs), n = e.style === "text" || e.style === "button", s = e.style === "link";
+function ut(i, r, t) {
+  var g;
+  const e = C(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))
     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 } : {}), {
+  const o = Object.freeze(s ? k(E(k(k({}, typeof e.id == "string" ? { id: e.id } : {}), typeof e.title == "string" ? { title: e.title } : {}), {
     text: e.text,
     style: "link"
-  }), typeof e.href == "string" ? { href: e.href } : {}) : A(m({
+  }), typeof e.href == "string" ? { href: e.href } : {}) : E(k({
     id: e.id
   }, typeof e.title == "string" ? { title: e.title } : {}), {
     text: e.text,
     style: e.style
-  })), l = Object.freeze({ type: "articleButton", attrs: o });
+  })), a = Object.freeze({ type: "articleButton", attrs: o });
   let c = null;
   if (o.style === "link")
-    o.href !== void 0 && (c = q(o.href), c || b(t, {
+    o.href !== void 0 && (c = B(o.href), c || L(t, {
       code: "UNSAFE_URL",
       path: `${r}/attrs/href`,
       message: "The articleButton link href is not a usable safe URL.",
       nodeType: "articleButton"
     }));
   else if (!t.resolveArticleButtonLink)
-    b(t, {
+    L(t, {
       code: "LINK_RESOLUTION_FAILED",
       path: r,
       message: "No resolveArticleButtonLink callback was provided for an articleButton node.",
@@ -212,23 +270,23 @@ 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",
+      const f = Object.freeze({ type: "articleButton", attrs: o }), b = t.resolveArticleButtonLink(o, f);
+      c = B(b), c || L(t, {
+        code: typeof b == "string" || y(b) && typeof b.href == "string" ? "UNSAFE_URL" : "LINK_RESOLUTION_FAILED",
         path: r,
         message: "The articleButton link resolver returned no usable safe URL.",
         nodeType: "articleButton"
       });
-    } catch (y) {
-      b(t, {
+    } catch (f) {
+      L(t, {
         code: "LINK_RESOLUTION_FAILED",
         path: r,
-        message: `The articleButton link resolver threw an error: ${y instanceof Error ? y.message : String(y)}`,
+        message: `The articleButton link resolver threw an error: ${f instanceof Error ? f.message : String(f)}`,
         nodeType: "articleButton"
       });
     }
-  const u = (h = c == null ? void 0 : c.href) != null ? h : null;
-  return f(
+  const u = (g = c == null ? void 0 : c.href) != null ? g : null;
+  return p(
     t,
     "a",
     {
@@ -245,21 +303,21 @@ function rt(i, r, t) {
       "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 });
+      onClick: (f) => {
+        u || f.preventDefault(), t.emitArticleButtonClick({ attrs: o, node: a, href: u, event: f });
       }
     },
     o.text
   );
 }
-function D(i, r, t) {
-  if (!p(i) || typeof i.type != "string" || !J.has(i.type))
+function K(i, r, t) {
+  if (!y(i) || typeof i.type != "string" || !ot.has(i.type))
     return null;
-  const e = _(i.attrs);
+  const e = C(i.attrs);
   switch (i.type) {
     case "paragraph": {
-      const n = w(e.textAlign) ? e.textAlign : void 0;
-      return f(
+      const n = j(e.textAlign) ? e.textAlign : void 0;
+      return p(
         t,
         "p",
         {
@@ -267,12 +325,12 @@ function D(i, r, t) {
           "data-node-type": "paragraph",
           style: n ? { textAlign: n } : void 0
         },
-        O(i.content, g(r, "content"), t)
+        x(i.content, h(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;
-      return f(
+      const n = Number.isInteger(e.level) && Number(e.level) >= 1 && Number(e.level) <= 6 ? Number(e.level) : 1, s = j(e.textAlign) ? e.textAlign : void 0;
+      return p(
         t,
         `h${n}`,
         {
@@ -280,23 +338,23 @@ function D(i, r, t) {
           "data-node-type": "heading",
           style: s ? { textAlign: s } : void 0
         },
-        O(i.content, g(r, "content"), t)
+        x(i.content, h(r, "content"), t)
       );
     }
     case "blockquote":
-      return f(
+      return p(
         t,
         "blockquote",
         { class: "acp-blockquote", "data-node-type": "blockquote" },
-        P(i.content, g(r, "content"), t)
+        q(i.content, h(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 n = I(i.content).map((s, o) => z(s, h(r, "content", o), t)).filter((s) => s !== null);
+      return p(t, "ul", { class: "acp-list acp-list--bullet", "data-node-type": "bulletList" }, n);
     }
     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);
-      return f(
+      const n = Number.isInteger(e.start) && Number(e.start) >= 1 ? Number(e.start) : 1, s = I(i.content).map((o, a) => z(o, h(r, "content", a), t)).filter((o) => o !== null);
+      return p(
         t,
         "ol",
         {
@@ -308,8 +366,8 @@ function D(i, r, t) {
       );
     }
     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("");
-      return f(
+      const n = typeof e.language == "string" && e.language ? e.language : void 0, s = I(i.content).filter((o) => y(o) && o.type === "text" && typeof o.text == "string").map((o) => o.text).join("");
+      return p(
         t,
         "pre",
         {
@@ -317,22 +375,22 @@ function D(i, r, t) {
           "data-node-type": "codeBlock",
           "data-language": n
         },
-        [f(t, "code", { class: n ? `language-${n}` : void 0 }, s)]
+        [p(t, "code", { class: n ? `language-${n}` : void 0 }, s)]
       );
     }
     case "horizontalRule":
-      return f(t, "hr", { class: "acp-horizontal-rule", "data-node-type": "horizontalRule" });
+      return p(t, "hr", { class: "acp-horizontal-rule", "data-node-type": "horizontalRule" });
     case "image": {
-      const n = T(X(e.src, t.imageBaseUrl), "image");
+      const n = V(st(e.src, t.imageBaseUrl), "image");
       if (!n)
-        return b(t, {
+        return L(t, {
           code: "UNSAFE_URL",
-          path: g(r, "attrs", "src"),
+          path: h(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;
-      return f(
+      const s = at(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 p(
         t,
         "div",
         {
@@ -341,57 +399,57 @@ function D(i, r, t) {
           "data-image-align": s
         },
         [
-          f(t, "img", {
+          p(t, "img", {
             class: "acp-image__element",
             src: n,
             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 ut(i, r, t);
     case "table": {
-      const n = k(i.content).map((s, o) => et(s, g(r, "content", o), t)).filter((s) => s !== null);
-      return f(
+      const n = I(i.content).map((s, o) => dt(s, h(r, "content", o), t)).filter((s) => s !== null);
+      return p(
         t,
         "div",
         { class: "acp-table-wrapper", "data-node-type": "table" },
-        [f(t, "table", { class: "acp-table" }, [f(t, "tbody", n)])]
+        [p(t, "table", { class: "acp-table" }, [p(t, "tbody", n)])]
       );
     }
   }
   return null;
 }
-function P(i, r, t) {
-  return k(i).map((e, n) => D(e, g(r, n), t)).filter((e) => e !== null);
+function q(i, r, t) {
+  return I(i).map((e, n) => K(e, h(r, n), t)).filter((e) => e !== null);
 }
-function it(i, r) {
-  const t = k(i.content), e = /* @__PURE__ */ new Map();
+function ft(i, r) {
+  const t = I(i.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 = [];
   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);
+    const a = o + 1;
+    (u = e.get(a)) == null || u.forEach((g) => n.push(...g.content));
+    const c = K(s, h("/content", o), r);
     c && typeof c != "string" && n.push(c);
   }), n;
 }
-function nt(i, r) {
-  return !p(i) || i.type !== "doc" ? [] : it(i, r);
+function pt(i, r) {
+  return !y(i) || i.type !== "doc" ? [] : ft(i, r);
 }
-const st = /* @__PURE__ */ new Set([
+const gt = /* @__PURE__ */ new Set([
   "paragraph",
   "heading",
   "blockquote",
@@ -402,28 +460,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) {
+]), yt = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]), ht = /* @__PURE__ */ new Set(["left", "center", "right"]), mt = /* @__PURE__ */ new Set(["bold", "italic", "strike", "underline", "code"]);
+function R(i) {
   return typeof i == "object" && i !== null && !Array.isArray(i);
 }
-function a(i, r) {
+function l(i, r) {
   return `${i}/${String(r).replaceAll("~", "~0").replaceAll("/", "~1")}`;
 }
 function d(i, ...r) {
   let t = i;
-  for (const e of r) t = a(t, e);
+  for (const e of r) t = l(t, e);
   return t;
 }
-class ct {
+class kt {
   constructor() {
-    B(this, "issues", []);
+    $(this, "issues", []);
   }
   validate(r) {
-    if (!I(r))
+    if (!R(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, n) => this.validateBlock(e, l("/content", n))), this.result();
   }
   result() {
     return {
@@ -432,22 +490,22 @@ class ct {
     };
   }
   add(r, t, e, n) {
-    this.issues.push(m({ code: r, path: t, message: e }, n ? { nodeType: n } : {}));
+    this.issues.push(k({ code: r, path: t, message: e }, n ? { nodeType: n } : {}));
   }
   checkProperties(r, t, e, n = [], 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.`,
+        l(t, a),
+        `Property "${a}" is not allowed.`,
         s
       );
-    for (const l of n)
-      l in r || this.add(
+    for (const a of n)
+      a in r || this.add(
         "MISSING_PROPERTY",
-        a(t, l),
-        `Required property "${l}" is missing.`,
+        l(t, a),
+        `Required property "${a}" is missing.`,
         s
       );
   }
@@ -467,7 +525,7 @@ class ct {
     ), n;
   }
   requireRecord(r, t, e) {
-    return I(r) ? r : (this.add("INVALID_TYPE", t, "Expected an object.", e), null);
+    return R(r) ? r : (this.add("INVALID_TYPE", t, "Expected an object.", e), null);
   }
   optionalRecord(r, t, e) {
     return r === void 0 ? {} : this.requireRecord(r, t, e);
@@ -490,17 +548,17 @@ class ct {
     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;
   }
   validateBlock(r, t) {
-    if (!I(r)) {
+    if (!R(r)) {
       this.add("INVALID_TYPE", t, "A block node must be an object.");
       return;
     }
     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", l(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 (!gt.has(e)) {
+      this.add("UNKNOWN_NODE", l(t, "type"), `Unknown block node "${e}".`, e);
       return;
     }
     switch (e) {
@@ -538,115 +596,159 @@ 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, l(t, "attrs"), e, !1), this.validateInlineContent(r.content, l(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 n = this.requireRecord(r.attrs, l(t, "attrs"), e);
+    n && (this.checkProperties(n, l(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, l(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));
+    s && (this.checkProperties(s, t, ["textAlign"], [], e), this.validateTextAlign(s.textAlign, l(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) : yt.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));
+    n == null || n.forEach((s, o) => this.validateText(s, l(t, o), !0));
   }
   validateText(r, t, e) {
-    if (!I(r)) {
+    if (!R(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)));
+    if (this.checkProperties(r, t, n, ["type", "text"], "text"), r.type !== "text" && this.add("INVALID_CONTENT", l(t, "type"), "Expected a text node.", "text"), this.requireString(r.text, l(t, "text"), "text"), e && r.marks !== void 0) {
+      const s = this.requireArray(r.marks, l(t, "marks"), "text");
+      s == null || s.forEach((o, a) => this.validateMark(o, d(t, "marks", a)));
     }
   }
   validateMark(r, t) {
-    if (!I(r)) {
+    var s;
+    if (!R(r)) {
       this.add("INVALID_TYPE", t, "A mark must be an object.");
       return;
     }
     if (typeof r.type != "string") {
-      this.add("MISSING_PROPERTY", a(t, "type"), "A mark requires a type.");
+      this.add("MISSING_PROPERTY", l(t, "type"), "A mark requires a type.");
       return;
     }
-    if (lt.has(r.type)) {
+    if (mt.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", l(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, l(t, "attrs"), "link");
+    if (!e) return;
+    this.checkProperties(
+      e,
+      l(t, "attrs"),
+      ["type", "href", "id", "title", "target"],
+      [],
+      "link"
+    ), e.type !== void 0 && e.type !== "href" && e.type !== "custom" && this.add(
+      "INVALID_VALUE",
+      d(t, "attrs", "type"),
+      'Link type must be "href" or "custom".',
+      "link"
+    );
+    const n = (s = e.type) != null ? s : "href";
+    if (n === "custom") {
+      for (const o of ["id", "title"])
+        o in e ? this.requireString(e[o], d(t, "attrs", o), "link") : this.add(
+          "MISSING_PROPERTY",
+          d(t, "attrs", o),
+          `Required property "${o}" is missing for a custom link.`,
+          "link"
+        );
+      e.href !== void 0 && this.add(
+        "INVALID_VALUE",
+        d(t, "attrs", "href"),
+        "A custom link must not contain href.",
+        "link"
+      );
+    } else if (n === "href") {
+      "href" in e ? this.requireString(e.href, d(t, "attrs", "href"), "link") : this.add(
+        "MISSING_PROPERTY",
+        d(t, "attrs", "href"),
+        'Required property "href" is missing for an href link.',
+        "link"
+      );
+      for (const o of ["id", "title"])
+        e[o] !== void 0 && this.add(
+          "INVALID_VALUE",
+          d(t, "attrs", o),
+          `An href link must not contain ${o}.`,
+          "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".',
       "link"
-    ));
+    );
   }
   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);
+    const n = this.requireNonEmptyArray(r.content, l(t, "content"), e);
     n == null || n.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);
+    const n = this.requireNonEmptyArray(r.content, l(t, "content"), e);
     n == null || n.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 n = this.optionalRecord(r.attrs, l(t, "attrs"), e);
+    n && (this.checkProperties(n, l(t, "attrs"), ["start"], [], e), n.start !== void 0 && this.requireInteger(n.start, d(t, "attrs", "start"), e, 1));
+    const s = this.requireNonEmptyArray(r.content, l(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)));
+    this.checkProperties(n, t, ["type", "content"], ["type", "content"], e), n.type !== e && this.add("INVALID_CONTENT", l(t, "type"), "Expected a listItem node.", e);
+    const s = this.requireNonEmptyArray(n.content, l(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 n = this.optionalRecord(r.attrs, l(t, "attrs"), e);
+    n && (this.checkProperties(n, l(t, "attrs"), ["language"], [], e), this.optionalString(n.language, d(t, "attrs", "language"), e, { maxLength: 32 }));
+    const s = this.optionalArray(r.content, l(t, "content"), e);
     s && (s.length > 1 && this.add(
       "INVALID_CONTENT",
-      a(t, "content"),
+      l(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);
+    const n = this.requireRecord(r.attrs, l(t, "attrs"), e);
     n && (this.checkProperties(
       n,
-      a(t, "attrs"),
+      l(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(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) : ht.has(n.imageAlign) || this.add(
       "INVALID_VALUE",
       d(t, "attrs", "imageAlign"),
       `Unsupported image alignment "${n.imageAlign}".`,
@@ -656,10 +758,10 @@ class ct {
   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);
+    const n = this.requireRecord(r.attrs, l(t, "attrs"), e);
     n && (this.checkProperties(
       n,
-      a(t, "attrs"),
+      l(t, "attrs"),
       ["id", "title", "text", "style", "href"],
       ["text", "style"],
       e
@@ -683,14 +785,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);
+    const n = this.requireNonEmptyArray(r.content, l(t, "content"), e);
     if (!n) return;
     let s = null;
-    n.forEach((o, l) => {
-      const c = d(t, "content", l), u = this.validateTableRow(o, c);
+    n.forEach((o, a) => {
+      const c = d(t, "content", a), u = this.validateTableRow(o, c);
       u !== null && (s === null ? s = u : u !== s && this.add(
         "TABLE_COLUMN_MISMATCH",
-        a(c, "content"),
+        l(c, "content"),
         `Expected ${s} table cells but received ${u}.`,
         "tableRow"
       ));
@@ -700,46 +802,98 @@ class ct {
     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;
+    this.checkProperties(n, t, ["type", "content"], ["type", "content"], e), n.type !== e && this.add("INVALID_CONTENT", l(t, "type"), "Expected a tableRow node.", e);
+    const s = this.requireNonEmptyArray(n.content, l(t, "content"), e);
+    return s == null || s.forEach((a, c) => this.validateTableCell(a, d(t, "content", c))), (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)));
+    this.checkProperties(n, t, ["type", "content"], ["type", "content"], e), n.type !== e && this.add("INVALID_CONTENT", l(t, "type"), "Expected a tableCell node.", e);
+    const s = this.requireNonEmptyArray(n.content, l(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 At(i) {
+  return new kt().validate(i);
 }
-const C = Object.freeze({
+const F = 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: At,
+  render: pt
+}), G = /* @__PURE__ */ new Map([[F.version, F]]), wt = Object.freeze([...G.keys()]), W = 1;
+function H(i) {
+  return G.get(i);
 }
-function ut(i, r = {}) {
+function bt(i, r = {}) {
   var s;
-  const t = (s = r.protocolVersion) != null ? s : v, e = x(t);
+  const t = (s = r.protocolVersion) != null ? s : W, e = H(t);
   return e ? e.validate(i) : { valid: !1, issues: [{
     code: "UNSUPPORTED_PROTOCOL",
     path: "",
     message: `Article Content Protocol version ${t} is not supported.`
   }] };
 }
-function ft() {
+function It() {
   return [];
 }
-function ht(i) {
+function w(i) {
   return `${i.code}:${i.path}:${i.message}`;
 }
-const gt = K.extend({
+function Lt(i) {
+  const r = i.slots();
+  return i.props.customSlots.map((t) => {
+    var s, o, a, c;
+    const e = { id: t.id, location: t.location }, n = (c = (a = (o = (s = i.scopedSlots)[t.id]) == null ? void 0 : o.call(s, e)) != null ? a : r[t.id]) != null ? c : [];
+    return E(k({}, t), { content: n });
+  });
+}
+function Nt(i, r) {
+  Array.isArray(i) ? i.forEach((t) => t(r)) : i == null || i(r);
+}
+const Et = Y.extend({
+  name: "ArticleContentRenderIssueReporter",
+  props: {
+    issues: {
+      type: Array,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      reportedFingerprint: ""
+    };
+  },
+  watch: {
+    issues: {
+      immediate: !0,
+      deep: !0,
+      handler(i) {
+        const r = i.map(w).join("|");
+        r !== this.reportedFingerprint && (this.reportedFingerprint = r, this.$nextTick(() => i.forEach((t) => this.$emit("render-error", t))));
+      }
+    }
+  },
+  render(i) {
+    var r, t;
+    return (t = (r = this.$slots.default) == null ? void 0 : r[0]) != null ? t : i();
+  }
+});
+function M(i, r, t, e) {
+  var a;
+  const n = (a = t[0]) != null ? a : i(), s = r.listeners["render-error"], o = i(
+    Et,
+    {
+      props: { issues: e },
+      on: s ? { "render-error": s } : void 0
+    },
+    [n]
+  );
+  return t.length > 1 ? [o, ...t.slice(1)] : o;
+}
+const Rt = {
   name: "ArticleContentRenderer",
+  functional: !0,
   props: {
     document: {
       type: null,
@@ -747,7 +901,7 @@ const gt = K.extend({
     },
     protocolVersion: {
       type: Number,
-      default: v
+      default: W
     },
     strict: {
       type: Boolean,
@@ -755,68 +909,27 @@ const gt = K.extend({
     },
     customSlots: {
       type: Array,
-      default: ft
+      default: It
     },
     imageBaseUrl: {
       type: String,
-      default: N
+      default: _
     },
     resolveArticleButtonLink: {
       type: Function,
       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)));
+    resolveCustomLink: {
+      type: Function,
+      default: void 0
     }
   },
-  render(i) {
-    const r = x(this.protocolVersion);
-    if (!r || this.strict && !this.validation.valid)
-      return i(
+  render(i, r) {
+    const { props: t } = r, e = bt(t.document, {
+      protocolVersion: t.protocolVersion
+    }), n = H(t.protocolVersion), s = [];
+    if (!n || t.strict && !e.valid) {
+      const a = i(
         "div",
         {
           class: "acp-render-error",
@@ -827,38 +940,36 @@ const gt = K.extend({
         },
         "Invalid article content"
       );
-    const t = r.render(this.document, {
+      return M(i, r, [a], e.issues);
+    }
+    const o = n.render(t.document, {
       createElement: i,
-      customSlots: this.resolveCustomSlots(),
-      imageBaseUrl: this.imageBaseUrl,
-      resolveArticleButtonLink: this.resolveArticleButtonLink,
-      emitArticleButtonClick: (e) => this.$emit("article-button-click", e),
-      reportIssue: this.reportRuntimeIssue
+      customSlots: Lt(r),
+      imageBaseUrl: t.imageBaseUrl,
+      resolveArticleButtonLink: t.resolveArticleButtonLink,
+      resolveCustomLink: t.resolveCustomLink,
+      emitArticleButtonClick: (a) => Nt(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) {
+    return M(i, r, o, [
+      ...e.issues,
+      ...s.filter(
+        (a, c, u) => u.findIndex((g) => w(g) === w(a)) === c
+      )
+    ]);
+  }
+}, Tt = Y.extend(Rt);
+function _t(i, r, t, e, n, s, o, a) {
   var c = typeof i == "function" ? i.options : i;
   return {
     exports: i,
     options: c
   };
 }
-var yt = /* @__PURE__ */ pt(
-  gt
+var St = /* @__PURE__ */ _t(
+  Tt
 );
-const mt = yt.exports, It = Object.freeze({
+const Pt = St.exports, Vt = Object.freeze({
   fileFormat: "article-content-protocol",
   fileFormatVersion: 1,
   mediaType: "application/vnd.article-content-protocol+json",
@@ -885,17 +996,17 @@ const mt = yt.exports, It = Object.freeze({
     "text"
   ]),
   markTypes: Object.freeze(["bold", "italic", "strike", "underline", "code", "link"])
-}), Lt = {
+}), Ct = {
   install(i) {
-    i.component("ArticleContentRenderer", mt);
+    i.component("ArticleContentRenderer", Pt);
   }
 };
 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
+  Vt as ARTICLE_CONTENT_PROTOCOL_V1,
+  Pt as ArticleContentRenderer,
+  Ct as ArticleContentRendererPlugin,
+  W as CURRENT_PROTOCOL_VERSION,
+  wt as SUPPORTED_PROTOCOL_VERSIONS,
+  Pt as default,
+  bt as validateArticleDocument
 };