article-content-renderer-vue2 0.2.0 → 0.3.1

package/dist/index.js

@@ -1,43 +1,43 @@
-var v = Object.defineProperty, x = Object.defineProperties;
-var j = Object.getOwnPropertyDescriptors;
-var _ = Object.getOwnPropertySymbols;
-var z = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var L = (n, r, t) => r in n ? v(n, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[r] = t, m = (n, 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 = {}))
-    z.call(r, t) && L(n, t, r[t]);
-  if (_)
-    for (var t of _(r))
-      M.call(r, t) && L(n, t, r[t]);
+    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) => x(n, j(r));
-var P = (n, r, t) => L(n, typeof r != "symbol" ? r + "" : r, t);
-import Y from "vue";
-const F = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]), K = /* @__PURE__ */ new Set(["http:", "https:", "blob:"]), G = "https://article-content-renderer.invalid/", I = "https://www.doitme.link/";
-function W(n, r) {
+}, 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(I)) return t;
-  const i = (r.trim() || I).replace(/\/+$/u, ""), s = t.slice(I.length).replace(/^\/+/, "");
+  if (!t.startsWith(N)) return t;
+  const i = (r.trim() || N).replace(/\/+$/u, ""), s = t.slice(N.length).replace(/^\/+/, "");
   return `${i}/${s}`;
 }
-function E(n, r) {
+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, G);
-    return (r === "link" ? F : K).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 V(n, r) {
+function x(n, r) {
   const t = new Set(
     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 H = /* @__PURE__ */ new Set([
+const Z = /* @__PURE__ */ new Set([
   "paragraph",
   "heading",
   "blockquote",
@@ -49,89 +49,89 @@ const H = /* @__PURE__ */ new Set([
   "articleButton",
   "table"
 ]);
-function p(n) {
+function h(n) {
   return typeof n == "object" && n !== null && !Array.isArray(n);
 }
-function R(n) {
-  return p(n) ? n : {};
-}
-function u(n, r, t, e) {
-  var f;
-  const i = p(t) ? t : {}, s = p(t) ? e : t, o = {}, a = {};
-  for (const [l, h] of Object.entries(i))
-    if (l === "class")
-      o.class = h;
-    else if (l === "style")
-      o.style = h;
-    else if (l.startsWith("on") && typeof h == "function") {
-      const $ = l.slice(2).toLowerCase();
-      o.on = A(m({}, (f = o.on) != null ? f : {}), { [$]: h });
-    } else h !== void 0 && h !== !1 && (a[l] = h);
+function P(n) {
+  return h(n) ? 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 = g;
+    else if (u === "style")
+      o.style = g;
+    else if (u.startsWith("on") && typeof g == "function") {
+      const y = u.slice(2).toLowerCase();
+      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 y(n) {
+function k(n) {
   return Array.isArray(n) ? n : [];
 }
-function g(n, ...r) {
+function p(n, ...r) {
   return `${n}/${r.map(String).join("/")}`;
 }
-function S(n) {
+function w(n) {
   return n === "left" || n === "center" || n === "right" || n === "justify";
 }
-function X(n) {
+function tt(n) {
   return n === "left" || n === "center" || n === "right";
 }
-function N(n) {
+function R(n) {
   return n === "_blank" || n === "_self";
 }
 function b(n, r) {
   n.reportIssue(r);
 }
-function J(n, r, t) {
-  if (!p(n) || n.type !== "text" || typeof n.text != "string" || !n.text)
+function et(n, r, t) {
+  if (!h(n) || n.type !== "text" || typeof n.text != "string" || !n.text)
     return null;
   let e = n.text;
-  const i = y(n.marks);
+  const i = k(n.marks);
   for (let s = 0; s < i.length; s += 1) {
     const o = i[s];
-    if (!p(o) || typeof o.type != "string") continue;
-    const a = g(r, "marks", s);
+    if (!h(o) || typeof o.type != "string") continue;
+    const a = p(r, "marks", s);
     switch (o.type) {
       case "bold":
-        e = u(t, "strong", { class: "acp-mark acp-mark--bold" }, [e]);
+        e = f(t, "strong", { class: "acp-mark acp-mark--bold" }, [e]);
         break;
       case "italic":
-        e = u(t, "em", { class: "acp-mark acp-mark--italic" }, [e]);
+        e = f(t, "em", { class: "acp-mark acp-mark--italic" }, [e]);
         break;
       case "strike":
-        e = u(t, "s", { class: "acp-mark acp-mark--strike" }, [e]);
+        e = f(t, "s", { class: "acp-mark acp-mark--strike" }, [e]);
         break;
       case "underline":
-        e = u(t, "u", { class: "acp-mark acp-mark--underline" }, [e]);
+        e = f(t, "u", { class: "acp-mark acp-mark--underline" }, [e]);
         break;
       case "code":
-        e = u(t, "code", { class: "acp-mark acp-mark--code" }, [e]);
+        e = f(t, "code", { class: "acp-mark acp-mark--code" }, [e]);
         break;
       case "link": {
-        const f = R(o.attrs), l = E(f.href, "link");
-        if (!l) {
+        const l = P(o.attrs), u = _(l.href, "link");
+        if (!u) {
           b(t, {
             code: "UNSAFE_URL",
-            path: g(a, "attrs", "href"),
+            path: p(a, "attrs", "href"),
             message: "The link URL is empty, malformed, or uses a disallowed protocol.",
             nodeType: "link"
           });
           break;
         }
-        const h = N(f.target) ? f.target : "_blank";
-        e = u(
+        const g = R(l.target) ? l.target : "_blank";
+        e = f(
           t,
           "a",
           {
             class: "acp-link",
-            href: l,
-            target: h,
-            rel: V(void 0, h)
+            href: u,
+            target: g,
+            rel: x(void 0, g)
           },
           [e]
         );
@@ -141,59 +141,69 @@ function J(n, r, t) {
   }
   return e;
 }
-function B(n, r, t) {
-  return y(n).map((e, i) => J(e, g(r, i), 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 w(n, r, t) {
-  return !p(n) || n.type !== "listItem" ? null : u(
+function q(n, r, t) {
+  return !h(n) || n.type !== "listItem" ? null : f(
     t,
     "li",
     { class: "acp-list-item", "data-node-type": "listItem" },
-    T(n.content, g(r, "content"), t)
+    S(n.content, p(r, "content"), t)
   );
 }
-function Q(n, r, t) {
-  return !p(n) || n.type !== "tableCell" ? null : u(
+function rt(n, r, t) {
+  return !h(n) || n.type !== "tableCell" ? null : f(
     t,
     "td",
     { class: "acp-table-cell", "data-node-type": "tableCell" },
-    T(n.content, g(r, "content"), t)
+    S(n.content, p(r, "content"), t)
   );
 }
-function Z(n, r, t) {
-  if (!p(n) || n.type !== "tableRow") return null;
-  const e = y(n.content).map((i, s) => Q(i, g(r, "content", s), t)).filter((i) => i !== null);
-  return u(t, "tr", { class: "acp-table-row", "data-node-type": "tableRow" }, e);
+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 tt(n) {
+function C(n) {
   var i;
-  if (p(n) && n.target !== void 0 && !N(n.target) || p(n) && n.rel !== void 0 && typeof n.rel != "string") return null;
-  const r = typeof n == "string" ? { href: n } : p(n) && typeof n.href == "string" ? m(m({
+  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
-  }, N(n.target) ? { target: n.target } : {}), typeof n.rel == "string" ? { rel: n.rel } : {}) : null;
+  }, R(n.target) ? { target: n.target } : {}), typeof n.rel == "string" ? { rel: n.rel } : {}) : null;
   if (!r) return null;
-  const t = E(r.href, "link");
+  const t = _(r.href, "link");
   if (!t) return null;
   const e = (i = r.target) != null ? i : "_self";
   return {
     href: t,
     target: e,
-    rel: V(r.rel, e)
+    rel: x(r.rel, e)
   };
 }
-function et(n, r, t) {
-  var f;
-  const e = R(n.attrs);
-  if (typeof e.id != "string" || !e.id || typeof e.text != "string" || !e.text || e.style !== "text" && e.style !== "button")
+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 i = Object.freeze(A(m({
+  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,
+    style: "link"
+  }), typeof e.href == "string" ? { href: e.href } : {}) : A(m({
     id: e.id
   }, typeof e.title == "string" ? { title: e.title } : {}), {
     text: e.text,
     style: e.style
-  })), s = Object.freeze({ type: "articleButton", attrs: i });
-  let o = null;
-  if (!t.resolveArticleButtonLink)
+  })), a = Object.freeze({ type: "articleButton", attrs: o });
+  let l = null;
+  if (o.style === "link")
+    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.",
+      nodeType: "articleButton"
+    }));
+  else if (!t.resolveArticleButtonLink)
     b(t, {
       code: "LINK_RESOLUTION_FAILED",
       path: r,
@@ -202,54 +212,54 @@ function et(n, r, t) {
     });
   else
     try {
-      const l = t.resolveArticleButtonLink(i, s);
-      o = tt(l), o || b(t, {
-        code: typeof l == "string" || p(l) && typeof l.href == "string" ? "UNSAFE_URL" : "LINK_RESOLUTION_FAILED",
+      const y = Object.freeze({ type: "articleButton", attrs: o }), L = t.resolveArticleButtonLink(o, y);
+      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"
       });
-    } catch (l) {
+    } catch (y) {
       b(t, {
         code: "LINK_RESOLUTION_FAILED",
         path: r,
-        message: `The articleButton link resolver threw an error: ${l instanceof Error ? l.message : String(l)}`,
+        message: `The articleButton link resolver threw an error: ${y instanceof Error ? y.message : String(y)}`,
         nodeType: "articleButton"
       });
     }
-  const a = (f = o == null ? void 0 : o.href) != null ? f : null;
-  return u(
+  const u = (g = l == null ? void 0 : l.href) != null ? g : null;
+  return f(
     t,
     "a",
     {
       class: [
         "acp-article-button",
-        `acp-article-button--${i.style}`,
-        !a && "acp-article-button--disabled"
+        `acp-article-button--${o.style}`,
+        !u && "acp-article-button--disabled"
       ],
-      href: a != null ? a : void 0,
-      target: o == null ? void 0 : o.target,
-      rel: o == null ? void 0 : o.rel,
-      title: i.title,
+      href: u != null ? u : void 0,
+      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": i.id,
-      "data-article-button-style": i.style,
-      "aria-disabled": a ? void 0 : "true",
-      onClick: (l) => {
-        a || l.preventDefault(), t.emitArticleButtonClick({ attrs: i, node: s, href: a, event: l });
+      "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: a, href: u, event: y });
       }
     },
-    i.text
+    o.text
   );
 }
-function q(n, r, t) {
-  if (!p(n) || typeof n.type != "string" || !H.has(n.type))
+function v(n, r, t) {
+  if (!h(n) || typeof n.type != "string" || !Z.has(n.type))
     return null;
-  const e = R(n.attrs);
+  const e = P(n.attrs);
   switch (n.type) {
     case "paragraph": {
-      const i = S(e.textAlign) ? e.textAlign : void 0;
-      return u(
+      const i = w(e.textAlign) ? e.textAlign : void 0;
+      return f(
         t,
         "p",
         {
@@ -257,12 +267,12 @@ function q(n, r, t) {
           "data-node-type": "paragraph",
           style: i ? { textAlign: i } : void 0
         },
-        B(n.content, g(r, "content"), t)
+        V(n.content, p(r, "content"), t)
       );
     }
     case "heading": {
-      const i = Number.isInteger(e.level) && Number(e.level) >= 1 && Number(e.level) <= 6 ? Number(e.level) : 1, s = S(e.textAlign) ? e.textAlign : void 0;
-      return u(
+      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${i}`,
         {
@@ -270,23 +280,23 @@ function q(n, r, t) {
           "data-node-type": "heading",
           style: s ? { textAlign: s } : void 0
         },
-        B(n.content, g(r, "content"), t)
+        V(n.content, p(r, "content"), t)
       );
     }
     case "blockquote":
-      return u(
+      return f(
         t,
         "blockquote",
         { class: "acp-blockquote", "data-node-type": "blockquote" },
-        T(n.content, g(r, "content"), t)
+        S(n.content, p(r, "content"), t)
       );
     case "bulletList": {
-      const i = y(n.content).map((s, o) => w(s, g(r, "content", o), t)).filter((s) => s !== null);
-      return u(t, "ul", { class: "acp-list acp-list--bullet", "data-node-type": "bulletList" }, i);
+      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 i = Number.isInteger(e.start) && Number(e.start) >= 1 ? Number(e.start) : 1, s = y(n.content).map((o, a) => w(o, g(r, "content", a), t)).filter((o) => o !== null);
-      return u(
+      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",
         {
@@ -298,8 +308,8 @@ function q(n, r, t) {
       );
     }
     case "codeBlock": {
-      const i = typeof e.language == "string" && e.language ? e.language : void 0, s = y(n.content).filter((o) => p(o) && o.type === "text" && typeof o.text == "string").map((o) => o.text).join("");
-      return u(
+      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",
         {
@@ -307,22 +317,22 @@ function q(n, r, t) {
           "data-node-type": "codeBlock",
           "data-language": i
         },
-        [u(t, "code", { class: i ? `language-${i}` : void 0 }, s)]
+        [f(t, "code", { class: i ? `language-${i}` : void 0 }, s)]
       );
     }
     case "horizontalRule":
-      return u(t, "hr", { class: "acp-horizontal-rule", "data-node-type": "horizontalRule" });
+      return f(t, "hr", { class: "acp-horizontal-rule", "data-node-type": "horizontalRule" });
     case "image": {
-      const i = E(W(e.src, t.imageBaseUrl), "image");
+      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 = X(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 u(
+      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",
         {
@@ -331,7 +341,7 @@ function q(n, r, t) {
           "data-image-align": s
         },
         [
-          u(t, "img", {
+          f(t, "img", {
             class: "acp-image__element",
             src: i,
             alt: typeof e.alt == "string" ? e.alt : "",
@@ -344,24 +354,24 @@ function q(n, r, t) {
       );
     }
     case "articleButton":
-      return et(n, r, t);
+      return it(n, r, t);
     case "table": {
-      const i = y(n.content).map((s, o) => Z(s, g(r, "content", o), t)).filter((s) => s !== null);
-      return u(
+      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" },
-        [u(t, "table", { class: "acp-table" }, [u(t, "tbody", i)])]
+        [f(t, "table", { class: "acp-table" }, [f(t, "tbody", i)])]
       );
     }
   }
   return null;
 }
-function T(n, r, t) {
-  return y(n).map((e, i) => q(e, g(r, i), 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 rt(n, r) {
-  const t = y(n.content), e = /* @__PURE__ */ new Map();
+function st(n, r) {
+  const t = k(n.content), e = /* @__PURE__ */ new Map();
   r.customSlots.forEach((s) => {
     var a;
     if (!Number.isInteger(s.location) || s.location < 1 || s.location > t.length)
@@ -371,17 +381,17 @@ function rt(n, r) {
   });
   const i = [];
   return t.forEach((s, o) => {
-    var l;
+    var u;
     const a = o + 1;
-    (l = e.get(a)) == null || l.forEach((h) => i.push(...h.content));
-    const f = q(s, g("/content", o), r);
-    f && typeof f != "string" && i.push(f);
+    (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(n, r) {
-  return !p(n) || n.type !== "doc" ? [] : rt(n, r);
+function ot(n, r) {
+  return !h(n) || n.type !== "doc" ? [] : st(n, r);
 }
-const it = /* @__PURE__ */ new Set([
+const at = /* @__PURE__ */ new Set([
   "paragraph",
   "heading",
   "blockquote",
@@ -392,8 +402,8 @@ const it = /* @__PURE__ */ new Set([
   "image",
   "articleButton",
   "table"
-]), st = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]), ot = /* @__PURE__ */ new Set(["left", "center", "right"]), at = /* @__PURE__ */ new Set(["bold", "italic", "strike", "underline", "code"]);
-function k(n) {
+]), 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 c(n, r) {
@@ -404,12 +414,12 @@ function d(n, ...r) {
   for (const e of r) t = c(t, e);
   return t;
 }
-class ct {
+class ut {
   constructor() {
-    P(this, "issues", []);
+    O(this, "issues", []);
   }
   validate(r) {
-    if (!k(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");
@@ -457,7 +467,7 @@ class ct {
     ), i;
   }
   requireRecord(r, t, e) {
-    return k(r) ? r : (this.add("INVALID_TYPE", t, "Expected an object.", e), null);
+    return I(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);
@@ -480,7 +490,7 @@ class ct {
     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 (!k(r)) {
+    if (!I(r)) {
       this.add("INVALID_TYPE", t, "A block node must be an object.");
       return;
     }
@@ -489,7 +499,7 @@ class ct {
       this.add("MISSING_PROPERTY", c(t, "type"), "A block node requires a type.");
       return;
     }
-    if (!it.has(e)) {
+    if (!at.has(e)) {
       this.add("UNKNOWN_NODE", c(t, "type"), `Unknown block node "${e}".`, e);
       return;
     }
@@ -541,14 +551,14 @@ class ct {
     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) : st.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 i = this.optionalArray(r, t, e);
     i == null || i.forEach((s, o) => this.validateText(s, c(t, o), !0));
   }
   validateText(r, t, e) {
-    if (!k(r)) {
+    if (!I(r)) {
       this.add("INVALID_TYPE", t, "A text node must be an object.", "text");
       return;
     }
@@ -559,7 +569,7 @@ class ct {
     }
   }
   validateMark(r, t) {
-    if (!k(r)) {
+    if (!I(r)) {
       this.add("INVALID_TYPE", t, "A mark must be an object.");
       return;
     }
@@ -567,7 +577,7 @@ class ct {
       this.add("MISSING_PROPERTY", c(t, "type"), "A mark requires a type.");
       return;
     }
-    if (at.has(r.type)) {
+    if (dt.has(r.type)) {
       this.checkProperties(r, t, ["type"], ["type"], r.type);
       return;
     }
@@ -636,7 +646,7 @@ class ct {
       ["src", "alt", "title", "width", "height", "imageAlign"],
       ["src"],
       e
-    ), 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) : ot.has(i.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 "${i.imageAlign}".`,
@@ -650,13 +660,23 @@ class ct {
     i && (this.checkProperties(
       i,
       c(t, "attrs"),
-      ["id", "title", "text", "style"],
-      ["id", "text", "style"],
+      ["id", "title", "text", "style", "href"],
+      ["text", "style"],
       e
-    ), this.requireString(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), i.style !== "text" && i.style !== "button" && 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(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" or "button".',
+      'Article button style must be "text", "button", or "link".',
+      e
+    ), 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".',
       e
     ));
   }
@@ -667,11 +687,11 @@ class ct {
     if (!i) return;
     let s = null;
     i.forEach((o, a) => {
-      const f = d(t, "content", a), l = this.validateTableRow(o, f);
-      l !== null && (s === null ? s = l : l !== s && this.add(
+      const l = d(t, "content", a), u = this.validateTableRow(o, l);
+      u !== null && (s === null ? s = u : u !== s && this.add(
         "TABLE_COLUMN_MISMATCH",
-        c(f, "content"),
-        `Expected ${s} table cells but received ${l}.`,
+        c(l, "content"),
+        `Expected ${s} table cells but received ${u}.`,
         "tableRow"
       ));
     });
@@ -682,7 +702,7 @@ class ct {
     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, f) => this.validateTableCell(a, d(t, "content", f))), (o = s == null ? void 0 : s.length) != null ? o : null;
+    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", i = this.requireRecord(r, t, e);
@@ -692,34 +712,86 @@ class ct {
     s == null || s.forEach((o, a) => this.validateBlock(o, d(t, "content", a)));
   }
 }
-function lt(n) {
-  return new ct().validate(n);
+function ft(n) {
+  return new ut().validate(n);
 }
-const O = Object.freeze({
+const U = Object.freeze({
   version: 1,
-  validate: lt,
-  render: nt
-}), C = /* @__PURE__ */ new Map([[O.version, O]]), bt = Object.freeze([...C.keys()]), U = 1;
-function D(n) {
-  return C.get(n);
+  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 dt(n, r = {}) {
+function gt(n, r = {}) {
   var s;
-  const t = (s = r.protocolVersion) != null ? s : U, e = D(t);
+  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 ut() {
+function pt() {
   return [];
 }
-function ft(n) {
+function T(n) {
   return `${n.code}:${n.path}:${n.message}`;
 }
-const gt = Y.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,
@@ -727,7 +799,7 @@ const gt = Y.extend({
     },
     protocolVersion: {
       type: Number,
-      default: U
+      default: z
     },
     strict: {
       type: Boolean,
@@ -735,68 +807,23 @@ const gt = Y.extend({
     },
     customSlots: {
       type: Array,
-      default: ut
+      default: pt
     },
     imageBaseUrl: {
       type: String,
-      default: I
+      default: N
     },
     resolveArticleButtonLink: {
       type: Function,
       default: void 0
     }
   },
-  data() {
-    return {
-      reportedRuntimeIssues: /* @__PURE__ */ new Set()
-    };
-  },
-  computed: {
-    validation() {
-      return dt(this.document, { protocolVersion: this.protocolVersion });
-    }
-  },
-  watch: {
-    validation: {
-      immediate: !0,
-      deep: !0,
-      handler(n) {
-        n.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((n) => {
-        var e, i, s, o;
-        const r = { id: n.id, location: n.location }, t = (o = (s = (i = (e = this.$scopedSlots)[n.id]) == null ? void 0 : i.call(e, r)) != null ? s : this.$slots[n.id]) != null ? o : [];
-        return A(m({}, n), { content: t });
-      });
-    },
-    reportRuntimeIssue(n) {
-      const r = ft(n);
-      this.reportedRuntimeIssues.has(r) || (this.reportedRuntimeIssues.add(r), this.$nextTick(() => this.$emit("render-error", n)));
-    }
-  },
-  render(n) {
-    const r = D(this.protocolVersion);
-    if (!r || this.strict && !this.validation.valid)
-      return n(
+  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",
@@ -807,38 +834,35 @@ const gt = Y.extend({
         },
         "Invalid article content"
       );
-    const t = r.render(this.document, {
+      return D(n, r, [a], e.issues);
+    }
+    const o = i.render(t.document, {
       createElement: n,
-      customSlots: this.resolveCustomSlots(),
-      imageBaseUrl: this.imageBaseUrl,
-      resolveArticleButtonLink: this.resolveArticleButtonLink,
-      emitArticleButtonClick: (e) => this.$emit("article-button-click", e),
-      reportIssue: this.reportRuntimeIssue
+      customSlots: ht(r),
+      imageBaseUrl: t.imageBaseUrl,
+      resolveArticleButtonLink: t.resolveArticleButtonLink,
+      emitArticleButtonClick: (a) => yt(r.listeners["article-button-click"], a),
+      reportIssue: (a) => s.push(a)
     });
-    return n(
-      "div",
-      {
-        class: "acp-document",
-        attrs: {
-          "data-node-type": "doc",
-          "data-protocol-version": this.protocolVersion
-        }
-      },
-      t
-    );
-  }
-});
-function pt(n, r, t, e, i, s, o, a) {
-  var f = typeof n == "function" ? n.options : n;
+    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: n,
-    options: f
+    options: l
   };
 }
-var ht = /* @__PURE__ */ pt(
-  gt
+var It = /* @__PURE__ */ At(
+  bt
 );
-const yt = ht.exports, At = Object.freeze({
+const Lt = It.exports, Tt = Object.freeze({
   fileFormat: "article-content-protocol",
   fileFormatVersion: 1,
   mediaType: "application/vnd.article-content-protocol+json",
@@ -865,17 +889,17 @@ const yt = ht.exports, At = Object.freeze({
     "text"
   ]),
   markTypes: Object.freeze(["bold", "italic", "strike", "underline", "code", "link"])
-}), It = {
+}), _t = {
   install(n) {
-    n.component("ArticleContentRenderer", yt);
+    n.component("ArticleContentRenderer", Lt);
   }
 };
 export {
-  At as ARTICLE_CONTENT_PROTOCOL_V1,
-  yt as ArticleContentRenderer,
-  It as ArticleContentRendererPlugin,
-  U as CURRENT_PROTOCOL_VERSION,
-  bt as SUPPORTED_PROTOCOL_VERSIONS,
-  yt as default,
-  dt 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
 };