article-content-renderer-vue2 0.1.0

package/dist/index.js

@@ -0,0 +1,1215 @@
+var z = Object.defineProperty, F = Object.defineProperties;
+var Y = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+var G = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var k = (i, e, t) => e in i ? z(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, m = (i, e) => {
+  for (var t in e || (e = {}))
+    G.call(e, t) && k(i, t, e[t]);
+  if (T)
+    for (var t of T(e))
+      H.call(e, t) && k(i, t, e[t]);
+  return i;
+}, S = (i, e) => F(i, Y(e));
+var v = (i, e, t) => k(i, typeof e != "symbol" ? e + "" : e, t);
+import N from "vue";
+const W = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]), Q = /* @__PURE__ */ new Set(["http:", "https:", "blob:"]), X = "https://article-content-renderer.invalid/", I = "https://www.doitme.link/";
+function J(i, e) {
+  if (typeof i != "string") return i;
+  const t = i.trim();
+  if (!t.startsWith(I)) return t;
+  const n = (e.trim() || I).replace(/\/+$/u, ""), s = t.slice(I.length).replace(/^\/+/, "");
+  return `${n}/${s}`;
+}
+function E(i, e) {
+  if (typeof i != "string") return null;
+  const t = i.trim();
+  if (!t || /[\u0000-\u001F\u007F]/u.test(t)) return null;
+  try {
+    const r = new URL(t, X);
+    return (e === "link" ? W : Q).has(r.protocol) ? t : null;
+  } catch (r) {
+    return null;
+  }
+}
+function V(i, e) {
+  const t = new Set(
+    typeof i == "string" ? i.trim().split(/\s+/u).filter(Boolean) : []
+  );
+  return e === "_blank" && (t.add("noopener"), t.add("noreferrer")), t.size > 0 ? [...t].join(" ") : void 0;
+}
+function Z(i) {
+  const e = i.trim();
+  return e ? e.startsWith("ca-pub-") ? e : `ca-pub-${e}` : "";
+}
+const U = N.extend({
+  name: "ArticleAdSenseAd",
+  props: {
+    publisherId: {
+      type: String,
+      required: !0
+    },
+    slotId: {
+      type: [String, Number],
+      required: !0
+    },
+    title: {
+      type: String,
+      default: "Advertisement"
+    }
+  },
+  data() {
+    return {
+      observer: null,
+      requestedKey: null
+    };
+  },
+  computed: {
+    adClient() {
+      return Z(this.publisherId);
+    },
+    adSlot() {
+      return String(this.slotId).trim();
+    },
+    requestKey() {
+      return `${this.adClient}:${this.adSlot}`;
+    }
+  },
+  watch: {
+    requestKey() {
+      this.requestedKey = null, this.stopObserver(), this.$nextTick(() => this.startObserver());
+    }
+  },
+  mounted() {
+    this.startObserver();
+  },
+  beforeDestroy() {
+    this.stopObserver();
+  },
+  methods: {
+    requestAd() {
+      var i;
+      if (!(!this.adClient || !this.adSlot || this.requestedKey === this.requestKey))
+        try {
+          const e = window;
+          ((i = e.adsbygoogle) != null ? i : e.adsbygoogle = []).push({}), this.requestedKey = this.requestKey;
+        } catch (e) {
+          console.error("[ArticleContentRenderer] Failed to request AdSense ad:", e);
+        }
+    },
+    startObserver() {
+      const i = this.$refs.root;
+      if (!(!i || !this.adClient || !this.adSlot)) {
+        if (typeof IntersectionObserver == "undefined") {
+          this.requestAd();
+          return;
+        }
+        this.observer = new IntersectionObserver(
+          (e) => {
+            e.some((t) => t.isIntersecting) && (this.requestAd(), this.stopObserver());
+          },
+          { rootMargin: "200px 0px" }
+        ), this.observer.observe(i);
+      }
+    },
+    stopObserver() {
+      var i;
+      (i = this.observer) == null || i.disconnect(), this.observer = null;
+    }
+  },
+  render(i) {
+    return !this.adClient || !this.adSlot ? i() : i(
+      "div",
+      {
+        ref: "root",
+        staticClass: "article-ad-wrapper",
+        attrs: { "data-google-ad": "true" }
+      },
+      [
+        i("div", { staticClass: "article-ad-title" }, this.title),
+        i("ins", {
+          key: this.requestKey,
+          staticClass: "adsbygoogle article-ad-unit",
+          style: { display: "block", width: "100%" },
+          attrs: {
+            "data-ad-client": this.adClient,
+            "data-ad-slot": this.adSlot
+          }
+        })
+      ]
+    );
+  }
+});
+function _() {
+  var e;
+  const i = window;
+  return (e = i.googletag) != null || (i.googletag = { cmd: [] }), i.googletag;
+}
+function tt(i, e) {
+  const t = i.trim().replace(/\/+$/u, ""), r = e.replace(/^\/+|\/+$/gu, "");
+  return t && r ? `${t}/${r}` : "";
+}
+const et = N.extend({
+  name: "ArticleAdManagerAd",
+  props: {
+    publisherId: {
+      type: String,
+      required: !0
+    },
+    slotId: {
+      type: [String, Number],
+      required: !0
+    },
+    title: {
+      type: String,
+      default: "Advertisement"
+    },
+    fallbackPublisherId: {
+      type: String,
+      default: ""
+    },
+    fallbackSlotId: {
+      type: [String, Number],
+      default: void 0
+    }
+  },
+  data() {
+    return {
+      observer: null,
+      definedSlot: null,
+      pubAdsService: null,
+      slotRenderEnded: null,
+      emptyAdmKey: null,
+      cancelled: !1
+    };
+  },
+  computed: {
+    admSlotId() {
+      return String(this.slotId).trim();
+    },
+    adsSlotId() {
+      return this.fallbackSlotId === void 0 ? "" : String(this.fallbackSlotId).trim();
+    },
+    adUnitPath() {
+      return tt(this.publisherId, this.admSlotId);
+    },
+    fallbackKey() {
+      return `${this.adUnitPath}:${this.admSlotId}:${this.fallbackPublisherId}:${this.adsSlotId}`;
+    },
+    hasAdSenseFallback() {
+      return !!(this.fallbackPublisherId.trim() && this.adsSlotId);
+    },
+    shouldUseAdSense() {
+      return this.hasAdSenseFallback && this.emptyAdmKey === this.fallbackKey;
+    }
+  },
+  watch: {
+    fallbackKey() {
+      this.restartAdManager();
+    }
+  },
+  mounted() {
+    this.startObserver();
+  },
+  beforeDestroy() {
+    this.cleanupAdManager();
+  },
+  methods: {
+    restartAdManager() {
+      this.cleanupAdManager(), this.emptyAdmKey = null, this.$nextTick(() => this.startObserver());
+    },
+    startObserver() {
+      const i = this.$refs.root;
+      if (!(!i || !this.adUnitPath || !this.admSlotId || this.shouldUseAdSense)) {
+        if (this.cancelled = !1, typeof IntersectionObserver == "undefined") {
+          this.requestAd();
+          return;
+        }
+        this.observer = new IntersectionObserver(
+          (e) => {
+            var t;
+            e.some((r) => r.isIntersecting) && (this.requestAd(), (t = this.observer) == null || t.disconnect(), this.observer = null);
+          },
+          { rootMargin: "200px 0px" }
+        ), this.observer.observe(i);
+      }
+    },
+    requestAd() {
+      const i = this.$refs.unit;
+      if (!i) return;
+      const e = _();
+      e.cmd.push(() => {
+        if (this.cancelled) return;
+        const t = i.clientWidth, r = i.clientHeight, n = t > 0 && r > 0 ? ["fluid", [t, r]] : "fluid", s = e.defineSlot(this.adUnitPath, n, this.admSlotId);
+        if (!s) return;
+        const a = e.pubads(), o = (c) => {
+          if (this.cancelled || c.slot !== s || !c.isEmpty || !this.hasAdSenseFallback) return;
+          const d = this.fallbackKey;
+          this.cleanupAdManager(), this.emptyAdmKey = d;
+        };
+        this.definedSlot = s, this.pubAdsService = a, this.slotRenderEnded = o, a.addEventListener("slotRenderEnded", o), s.addService(a), e.enableServices(), e.display(this.admSlotId);
+      });
+    },
+    cleanupAdManager() {
+      var n;
+      this.cancelled = !0, (n = this.observer) == null || n.disconnect(), this.observer = null;
+      const i = this.definedSlot, e = this.pubAdsService, t = this.slotRenderEnded;
+      if (this.definedSlot = null, this.pubAdsService = null, this.slotRenderEnded = null, !i && !t) return;
+      const r = _();
+      r.cmd.push(() => {
+        var s, a;
+        e && t && ((s = e.removeEventListener) == null || s.call(e, "slotRenderEnded", t)), i && ((a = r.destroySlots) == null || a.call(r, [i]));
+      });
+    }
+  },
+  render(i) {
+    return this.shouldUseAdSense ? i(U, {
+      props: {
+        publisherId: this.fallbackPublisherId,
+        slotId: this.adsSlotId,
+        title: this.title
+      }
+    }) : !this.adUnitPath || !this.admSlotId ? i() : i(
+      "div",
+      {
+        ref: "root",
+        staticClass: "article-ad-wrapper article-adm-wrapper",
+        attrs: {
+          "data-google-ad-manager": "true",
+          "data-ad-unit-path": this.adUnitPath
+        }
+      },
+      [
+        i("div", { staticClass: "article-ad-title" }, this.title),
+        i("div", {
+          ref: "unit",
+          staticClass: "article-ad-unit article-adm-unit",
+          attrs: { id: this.admSlotId }
+        })
+      ]
+    );
+  }
+}), rt = /* @__PURE__ */ new Set([
+  "paragraph",
+  "heading",
+  "blockquote",
+  "bulletList",
+  "orderedList",
+  "codeBlock",
+  "horizontalRule",
+  "image",
+  "articleButton",
+  "table"
+]);
+function g(i) {
+  return typeof i == "object" && i !== null && !Array.isArray(i);
+}
+function R(i) {
+  return g(i) ? i : {};
+}
+function h(i, e, t, r) {
+  var c;
+  const n = g(t) ? t : {}, s = g(t) ? r : t, a = {}, o = {};
+  for (const [d, f] of Object.entries(n))
+    if (d === "class")
+      a.class = f;
+    else if (d === "style")
+      a.style = f;
+    else if (d.startsWith("on") && typeof f == "function") {
+      const j = d.slice(2).toLowerCase();
+      a.on = S(m({}, (c = a.on) != null ? c : {}), { [j]: f });
+    } else f !== void 0 && f !== !1 && (o[d] = f);
+  return Object.keys(o).length > 0 && (a.attrs = o), i.createElement(e, a, s);
+}
+function y(i) {
+  return Array.isArray(i) ? i : [];
+}
+function p(i, ...e) {
+  return `${i}/${e.map(String).join("/")}`;
+}
+function C(i) {
+  return i === "left" || i === "center" || i === "right" || i === "justify";
+}
+function it(i) {
+  return i === "left" || i === "center" || i === "right";
+}
+function L(i) {
+  return i === "_blank" || i === "_self";
+}
+function A(i, e) {
+  i.reportIssue(e);
+}
+function nt(i, e, t) {
+  if (!g(i) || i.type !== "text" || typeof i.text != "string" || !i.text)
+    return null;
+  let r = i.text;
+  const n = y(i.marks);
+  for (let s = 0; s < n.length; s += 1) {
+    const a = n[s];
+    if (!g(a) || typeof a.type != "string") continue;
+    const o = p(e, "marks", s);
+    switch (a.type) {
+      case "bold":
+        r = h(t, "strong", { class: "acp-mark acp-mark--bold" }, [r]);
+        break;
+      case "italic":
+        r = h(t, "em", { class: "acp-mark acp-mark--italic" }, [r]);
+        break;
+      case "strike":
+        r = h(t, "s", { class: "acp-mark acp-mark--strike" }, [r]);
+        break;
+      case "underline":
+        r = h(t, "u", { class: "acp-mark acp-mark--underline" }, [r]);
+        break;
+      case "code":
+        r = h(t, "code", { class: "acp-mark acp-mark--code" }, [r]);
+        break;
+      case "link": {
+        const c = R(a.attrs), d = E(c.href, "link");
+        if (!d) {
+          A(t, {
+            code: "UNSAFE_URL",
+            path: p(o, "attrs", "href"),
+            message: "The link URL is empty, malformed, or uses a disallowed protocol.",
+            nodeType: "link"
+          });
+          break;
+        }
+        const f = L(c.target) ? c.target : "_blank";
+        r = h(
+          t,
+          "a",
+          {
+            class: "acp-link",
+            href: d,
+            target: f,
+            rel: V(void 0, f)
+          },
+          [r]
+        );
+        break;
+      }
+    }
+  }
+  return r;
+}
+function O(i, e, t) {
+  return y(i).map((r, n) => nt(r, p(e, n), t)).filter((r) => r !== null);
+}
+function q(i, e, t) {
+  return !g(i) || i.type !== "listItem" ? null : h(
+    t,
+    "li",
+    { class: "acp-list-item", "data-node-type": "listItem" },
+    P(i.content, p(e, "content"), t)
+  );
+}
+function st(i, e, t) {
+  return !g(i) || i.type !== "tableCell" ? null : h(
+    t,
+    "td",
+    { class: "acp-table-cell", "data-node-type": "tableCell" },
+    P(i.content, p(e, "content"), t)
+  );
+}
+function at(i, e, t) {
+  if (!g(i) || i.type !== "tableRow") return null;
+  const r = y(i.content).map((n, s) => st(n, p(e, "content", s), t)).filter((n) => n !== null);
+  return h(t, "tr", { class: "acp-table-row", "data-node-type": "tableRow" }, r);
+}
+function ot(i) {
+  var n;
+  if (g(i) && i.target !== void 0 && !L(i.target) || g(i) && i.rel !== void 0 && typeof i.rel != "string") return null;
+  const e = typeof i == "string" ? { href: i } : g(i) && typeof i.href == "string" ? m(m({
+    href: i.href
+  }, L(i.target) ? { target: i.target } : {}), typeof i.rel == "string" ? { rel: i.rel } : {}) : null;
+  if (!e) return null;
+  const t = E(e.href, "link");
+  if (!t) return null;
+  const r = (n = e.target) != null ? n : "_self";
+  return {
+    href: t,
+    target: r,
+    rel: V(e.rel, r)
+  };
+}
+function lt(i, e, t) {
+  var c;
+  const r = R(i.attrs);
+  if (typeof r.id != "string" || !r.id || typeof r.text != "string" || !r.text || r.style !== "text" && r.style !== "button")
+    return null;
+  const n = Object.freeze(S(m({
+    id: r.id
+  }, typeof r.title == "string" ? { title: r.title } : {}), {
+    text: r.text,
+    style: r.style
+  })), s = Object.freeze({ type: "articleButton", attrs: n });
+  let a = null;
+  if (!t.resolveArticleButtonLink)
+    A(t, {
+      code: "LINK_RESOLUTION_FAILED",
+      path: e,
+      message: "No resolveArticleButtonLink callback was provided for an articleButton node.",
+      nodeType: "articleButton"
+    });
+  else
+    try {
+      const d = t.resolveArticleButtonLink(n, s);
+      a = ot(d), a || A(t, {
+        code: typeof d == "string" || g(d) && typeof d.href == "string" ? "UNSAFE_URL" : "LINK_RESOLUTION_FAILED",
+        path: e,
+        message: "The articleButton link resolver returned no usable safe URL.",
+        nodeType: "articleButton"
+      });
+    } catch (d) {
+      A(t, {
+        code: "LINK_RESOLUTION_FAILED",
+        path: e,
+        message: `The articleButton link resolver threw an error: ${d instanceof Error ? d.message : String(d)}`,
+        nodeType: "articleButton"
+      });
+    }
+  const o = (c = a == null ? void 0 : a.href) != null ? c : null;
+  return h(
+    t,
+    "a",
+    {
+      class: [
+        "acp-article-button",
+        `acp-article-button--${n.style}`,
+        !o && "acp-article-button--disabled"
+      ],
+      href: o != null ? o : void 0,
+      target: a == null ? void 0 : a.target,
+      rel: a == null ? void 0 : a.rel,
+      title: n.title,
+      "data-node-type": "articleButton",
+      "data-article-button-id": n.id,
+      "data-article-button-style": n.style,
+      "aria-disabled": o ? void 0 : "true",
+      onClick: (d) => {
+        o || d.preventDefault(), t.emitArticleButtonClick({ attrs: n, node: s, href: o, event: d });
+      }
+    },
+    n.text
+  );
+}
+function D(i, e, t) {
+  if (!g(i) || typeof i.type != "string" || !rt.has(i.type))
+    return null;
+  const r = R(i.attrs);
+  switch (i.type) {
+    case "paragraph": {
+      const n = C(r.textAlign) ? r.textAlign : void 0;
+      return h(
+        t,
+        "p",
+        {
+          class: "acp-paragraph",
+          "data-node-type": "paragraph",
+          style: n ? { textAlign: n } : void 0
+        },
+        O(i.content, p(e, "content"), t)
+      );
+    }
+    case "heading": {
+      const n = Number.isInteger(r.level) && Number(r.level) >= 1 && Number(r.level) <= 6 ? Number(r.level) : 1, s = C(r.textAlign) ? r.textAlign : void 0;
+      return h(
+        t,
+        `h${n}`,
+        {
+          class: ["acp-heading", `acp-heading--${n}`],
+          "data-node-type": "heading",
+          style: s ? { textAlign: s } : void 0
+        },
+        O(i.content, p(e, "content"), t)
+      );
+    }
+    case "blockquote":
+      return h(
+        t,
+        "blockquote",
+        { class: "acp-blockquote", "data-node-type": "blockquote" },
+        P(i.content, p(e, "content"), t)
+      );
+    case "bulletList": {
+      const n = y(i.content).map((s, a) => q(s, p(e, "content", a), t)).filter((s) => s !== null);
+      return h(t, "ul", { class: "acp-list acp-list--bullet", "data-node-type": "bulletList" }, n);
+    }
+    case "orderedList": {
+      const n = Number.isInteger(r.start) && Number(r.start) >= 1 ? Number(r.start) : 1, s = y(i.content).map((a, o) => q(a, p(e, "content", o), t)).filter((a) => a !== null);
+      return h(
+        t,
+        "ol",
+        {
+          class: "acp-list acp-list--ordered",
+          "data-node-type": "orderedList",
+          start: n
+        },
+        s
+      );
+    }
+    case "codeBlock": {
+      const n = typeof r.language == "string" && r.language ? r.language : void 0, s = y(i.content).filter((a) => g(a) && a.type === "text" && typeof a.text == "string").map((a) => a.text).join("");
+      return h(
+        t,
+        "pre",
+        {
+          class: "acp-code-block",
+          "data-node-type": "codeBlock",
+          "data-language": n
+        },
+        [h(t, "code", { class: n ? `language-${n}` : void 0 }, s)]
+      );
+    }
+    case "horizontalRule":
+      return h(t, "hr", { class: "acp-horizontal-rule", "data-node-type": "horizontalRule" });
+    case "image": {
+      const n = E(J(r.src, t.imageBaseUrl), "image");
+      if (!n)
+        return A(t, {
+          code: "UNSAFE_URL",
+          path: p(e, "attrs", "src"),
+          message: "The image URL is empty, malformed, or uses a disallowed protocol.",
+          nodeType: "image"
+        }), null;
+      const s = it(r.imageAlign) ? r.imageAlign : "center", a = Number.isInteger(r.width) && Number(r.width) >= 1 && Number(r.width) <= 1e4 ? Number(r.width) : void 0, o = Number.isInteger(r.height) && Number(r.height) >= 1 && Number(r.height) <= 1e4 ? Number(r.height) : void 0;
+      return h(
+        t,
+        "div",
+        {
+          class: ["acp-image", `acp-image--${s}`],
+          "data-node-type": "image",
+          "data-image-align": s
+        },
+        [
+          h(t, "img", {
+            class: "acp-image__element",
+            src: n,
+            alt: typeof r.alt == "string" ? r.alt : "",
+            title: typeof r.title == "string" ? r.title : void 0,
+            width: a,
+            height: o,
+            "data-image-align": s
+          })
+        ]
+      );
+    }
+    case "articleButton":
+      return lt(i, e, t);
+    case "table": {
+      const n = y(i.content).map((s, a) => at(s, p(e, "content", a), t)).filter((s) => s !== null);
+      return h(
+        t,
+        "div",
+        { class: "acp-table-wrapper", "data-node-type": "table" },
+        [h(t, "table", { class: "acp-table" }, [h(t, "tbody", n)])]
+      );
+    }
+  }
+  return null;
+}
+function P(i, e, t) {
+  return y(i).map((r, n) => D(r, p(e, n), t)).filter((r) => r !== null);
+}
+function w(i) {
+  return typeof i == "string" || typeof i == "number" ? i : void 0;
+}
+function dt(i, e) {
+  const t = w(i.adm), r = w(i.ads), n = t !== void 0 && e.admPublisherId ? e.createElement(et, {
+    key: `adm:${i.index}:${String(t)}`,
+    props: {
+      publisherId: e.admPublisherId,
+      slotId: t,
+      title: e.adTitle,
+      fallbackPublisherId: r !== void 0 ? e.adsPublisherId : void 0,
+      fallbackSlotId: r
+    }
+  }) : r !== void 0 && e.adsPublisherId ? e.createElement(U, {
+    key: `ads:${i.index}:${String(r)}`,
+    props: {
+      publisherId: e.adsPublisherId,
+      slotId: r,
+      title: e.adTitle
+    }
+  }) : null;
+  return e.createElement(
+    "div",
+    {
+      key: `/adConf/${i.index}`,
+      staticClass: "acp-ad-slot",
+      attrs: {
+        "data-node-type": "adSlot",
+        "data-ad-slot": "true",
+        "data-ad-index": i.index,
+        "data-ad-location": i.location,
+        "data-adm": t,
+        "data-ads": r
+      }
+    },
+    n ? [n] : []
+  );
+}
+function ct(i, e) {
+  const t = y(i.content), r = /* @__PURE__ */ new Map();
+  e.adSlots.forEach((s) => {
+    var o;
+    if (s.location > t.length) return;
+    const a = (o = r.get(s.location)) != null ? o : [];
+    a.push(s), r.set(s.location, a);
+  });
+  const n = [];
+  return t.forEach((s, a) => {
+    var d;
+    const o = a + 1;
+    (d = r.get(o)) == null || d.forEach((f) => n.push(dt(f, e)));
+    const c = D(s, p("/content", a), e);
+    c && typeof c != "string" && n.push(c);
+  }), n;
+}
+function ut(i, e) {
+  return !g(i) || i.type !== "doc" ? [] : ct(i, e);
+}
+const ht = /* @__PURE__ */ new Set([
+  "paragraph",
+  "heading",
+  "blockquote",
+  "bulletList",
+  "orderedList",
+  "codeBlock",
+  "horizontalRule",
+  "image",
+  "articleButton",
+  "table"
+]), ft = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]), pt = /* @__PURE__ */ new Set(["left", "center", "right"]), gt = /* @__PURE__ */ new Set(["bold", "italic", "strike", "underline", "code"]);
+function b(i) {
+  return typeof i == "object" && i !== null && !Array.isArray(i);
+}
+function l(i, e) {
+  return `${i}/${String(e).replaceAll("~", "~0").replaceAll("/", "~1")}`;
+}
+function u(i, ...e) {
+  let t = i;
+  for (const r of e) t = l(t, r);
+  return t;
+}
+class yt {
+  constructor() {
+    v(this, "issues", []);
+  }
+  validate(e) {
+    if (!b(e))
+      return this.add("INVALID_ROOT", "", "The document must be an object."), this.result();
+    this.checkProperties(e, "", ["type", "content"], ["type", "content"]), e.type !== "doc" && this.add("INVALID_ROOT", "/type", 'The root node type must be "doc".');
+    const t = this.requireArray(e.content, "/content");
+    return t == null || t.forEach((r, n) => this.validateBlock(r, l("/content", n))), this.result();
+  }
+  result() {
+    return {
+      valid: this.issues.length === 0,
+      issues: this.issues
+    };
+  }
+  add(e, t, r, n) {
+    this.issues.push(m({ code: e, path: t, message: r }, n ? { nodeType: n } : {}));
+  }
+  checkProperties(e, t, r, n = [], s) {
+    const a = new Set(r);
+    for (const o of Object.keys(e))
+      a.has(o) || this.add(
+        "UNKNOWN_PROPERTY",
+        l(t, o),
+        `Property "${o}" is not allowed.`,
+        s
+      );
+    for (const o of n)
+      o in e || this.add(
+        "MISSING_PROPERTY",
+        l(t, o),
+        `Required property "${o}" is missing.`,
+        s
+      );
+  }
+  requireArray(e, t, r) {
+    return Array.isArray(e) ? e : (this.add("INVALID_TYPE", t, "Expected an array.", r), null);
+  }
+  optionalArray(e, t, r) {
+    return e === void 0 ? [] : this.requireArray(e, t, r);
+  }
+  requireNonEmptyArray(e, t, r) {
+    const n = this.requireArray(e, t, r);
+    return n && n.length === 0 && this.add(
+      "INVALID_CONTENT",
+      t,
+      `Node "${r}" must contain at least one child.`,
+      r
+    ), n;
+  }
+  requireRecord(e, t, r) {
+    return b(e) ? e : (this.add("INVALID_TYPE", t, "Expected an object.", r), null);
+  }
+  optionalRecord(e, t, r) {
+    return e === void 0 ? {} : this.requireRecord(e, t, r);
+  }
+  requireString(e, t, r, n = {}) {
+    return typeof e != "string" ? (this.add("INVALID_TYPE", t, "Expected a string.", r), !1) : !n.allowEmpty && e.length === 0 ? (this.add("INVALID_VALUE", t, "The string must not be empty.", r), !1) : n.maxLength !== void 0 && e.length > n.maxLength ? (this.add(
+      "INVALID_VALUE",
+      t,
+      `The string must contain at most ${n.maxLength} characters.`,
+      r
+    ), !1) : !0;
+  }
+  optionalString(e, t, r, n = {}) {
+    e !== void 0 && this.requireString(e, t, r, n);
+  }
+  requireInteger(e, t, r, n, s) {
+    if (!Number.isInteger(e))
+      return this.add("INVALID_TYPE", t, "Expected an integer.", r), !1;
+    const a = e;
+    return n !== void 0 && a < n ? (this.add("INVALID_VALUE", t, `Value must be at least ${n}.`, r), !1) : s !== void 0 && a > s ? (this.add("INVALID_VALUE", t, `Value must be at most ${s}.`, r), !1) : !0;
+  }
+  validateBlock(e, t) {
+    if (!b(e)) {
+      this.add("INVALID_TYPE", t, "A block node must be an object.");
+      return;
+    }
+    const r = e.type;
+    if (typeof r != "string") {
+      this.add("MISSING_PROPERTY", l(t, "type"), "A block node requires a type.");
+      return;
+    }
+    if (!ht.has(r)) {
+      this.add("UNKNOWN_NODE", l(t, "type"), `Unknown block node "${r}".`, r);
+      return;
+    }
+    switch (r) {
+      case "paragraph":
+        this.validateParagraph(e, t);
+        break;
+      case "heading":
+        this.validateHeading(e, t);
+        break;
+      case "blockquote":
+        this.validateBlockquote(e, t);
+        break;
+      case "bulletList":
+        this.validateBulletList(e, t);
+        break;
+      case "orderedList":
+        this.validateOrderedList(e, t);
+        break;
+      case "codeBlock":
+        this.validateCodeBlock(e, t);
+        break;
+      case "horizontalRule":
+        this.checkProperties(e, t, ["type"], ["type"], r);
+        break;
+      case "image":
+        this.validateImage(e, t);
+        break;
+      case "articleButton":
+        this.validateArticleButton(e, t);
+        break;
+      case "table":
+        this.validateTable(e, t);
+        break;
+    }
+  }
+  validateParagraph(e, t) {
+    const r = "paragraph";
+    this.checkProperties(e, t, ["type", "attrs", "content"], ["type"], r), this.validateTextAlignAttrs(e.attrs, l(t, "attrs"), r, !1), this.validateInlineContent(e.content, l(t, "content"), r);
+  }
+  validateHeading(e, t) {
+    const r = "heading";
+    this.checkProperties(e, t, ["type", "attrs", "content"], ["type", "attrs"], r);
+    const n = this.requireRecord(e.attrs, l(t, "attrs"), r);
+    n && (this.checkProperties(n, l(t, "attrs"), ["level", "textAlign"], ["level"], r), this.requireInteger(n.level, u(t, "attrs", "level"), r, 1, 6), this.validateTextAlign(n.textAlign, u(t, "attrs", "textAlign"), r)), this.validateInlineContent(e.content, l(t, "content"), r);
+  }
+  validateTextAlignAttrs(e, t, r, n) {
+    const s = n ? this.requireRecord(e, t, r) : this.optionalRecord(e, t, r);
+    s && (this.checkProperties(s, t, ["textAlign"], [], r), this.validateTextAlign(s.textAlign, l(t, "textAlign"), r));
+  }
+  validateTextAlign(e, t, r) {
+    e !== void 0 && (typeof e != "string" ? this.add("INVALID_TYPE", t, "Text alignment must be a string.", r) : ft.has(e) || this.add("INVALID_VALUE", t, `Unsupported text alignment "${e}".`, r));
+  }
+  validateInlineContent(e, t, r) {
+    const n = this.optionalArray(e, t, r);
+    n == null || n.forEach((s, a) => this.validateText(s, l(t, a), !0));
+  }
+  validateText(e, t, r) {
+    if (!b(e)) {
+      this.add("INVALID_TYPE", t, "A text node must be an object.", "text");
+      return;
+    }
+    const n = r ? ["type", "text", "marks"] : ["type", "text"];
+    if (this.checkProperties(e, t, n, ["type", "text"], "text"), e.type !== "text" && this.add("INVALID_CONTENT", l(t, "type"), "Expected a text node.", "text"), this.requireString(e.text, l(t, "text"), "text"), r && e.marks !== void 0) {
+      const s = this.requireArray(e.marks, l(t, "marks"), "text");
+      s == null || s.forEach((a, o) => this.validateMark(a, u(t, "marks", o)));
+    }
+  }
+  validateMark(e, t) {
+    if (!b(e)) {
+      this.add("INVALID_TYPE", t, "A mark must be an object.");
+      return;
+    }
+    if (typeof e.type != "string") {
+      this.add("MISSING_PROPERTY", l(t, "type"), "A mark requires a type.");
+      return;
+    }
+    if (gt.has(e.type)) {
+      this.checkProperties(e, t, ["type"], ["type"], e.type);
+      return;
+    }
+    if (e.type !== "link") {
+      this.add("UNKNOWN_MARK", l(t, "type"), `Unknown mark "${e.type}".`, e.type);
+      return;
+    }
+    this.checkProperties(e, t, ["type", "attrs"], ["type", "attrs"], "link");
+    const r = this.requireRecord(e.attrs, l(t, "attrs"), "link");
+    r && (this.checkProperties(r, l(t, "attrs"), ["href", "target"], ["href"], "link"), this.requireString(r.href, u(t, "attrs", "href"), "link"), r.target !== void 0 && r.target !== "_blank" && r.target !== "_self" && this.add(
+      "INVALID_VALUE",
+      u(t, "attrs", "target"),
+      'Link target must be "_blank" or "_self".',
+      "link"
+    ));
+  }
+  validateBlockquote(e, t) {
+    const r = "blockquote";
+    this.checkProperties(e, t, ["type", "content"], ["type", "content"], r);
+    const n = this.requireNonEmptyArray(e.content, l(t, "content"), r);
+    n == null || n.forEach((s, a) => this.validateBlock(s, u(t, "content", a)));
+  }
+  validateBulletList(e, t) {
+    const r = "bulletList";
+    this.checkProperties(e, t, ["type", "content"], ["type", "content"], r);
+    const n = this.requireNonEmptyArray(e.content, l(t, "content"), r);
+    n == null || n.forEach((s, a) => this.validateListItem(s, u(t, "content", a)));
+  }
+  validateOrderedList(e, t) {
+    const r = "orderedList";
+    this.checkProperties(e, t, ["type", "attrs", "content"], ["type", "content"], r);
+    const n = this.optionalRecord(e.attrs, l(t, "attrs"), r);
+    n && (this.checkProperties(n, l(t, "attrs"), ["start"], [], r), n.start !== void 0 && this.requireInteger(n.start, u(t, "attrs", "start"), r, 1));
+    const s = this.requireNonEmptyArray(e.content, l(t, "content"), r);
+    s == null || s.forEach((a, o) => this.validateListItem(a, u(t, "content", o)));
+  }
+  validateListItem(e, t) {
+    const r = "listItem", n = this.requireRecord(e, t, r);
+    if (!n) return;
+    this.checkProperties(n, t, ["type", "content"], ["type", "content"], r), n.type !== r && this.add("INVALID_CONTENT", l(t, "type"), "Expected a listItem node.", r);
+    const s = this.requireNonEmptyArray(n.content, l(t, "content"), r);
+    s == null || s.forEach((a, o) => this.validateBlock(a, u(t, "content", o)));
+  }
+  validateCodeBlock(e, t) {
+    const r = "codeBlock";
+    this.checkProperties(e, t, ["type", "attrs", "content"], ["type"], r);
+    const n = this.optionalRecord(e.attrs, l(t, "attrs"), r);
+    n && (this.checkProperties(n, l(t, "attrs"), ["language"], [], r), this.optionalString(n.language, u(t, "attrs", "language"), r, { maxLength: 32 }));
+    const s = this.optionalArray(e.content, l(t, "content"), r);
+    s && (s.length > 1 && this.add(
+      "INVALID_CONTENT",
+      l(t, "content"),
+      "A codeBlock may contain at most one text node.",
+      r
+    ), s.forEach(
+      (a, o) => this.validateText(a, u(t, "content", o), !1)
+    ));
+  }
+  validateImage(e, t) {
+    const r = "image";
+    this.checkProperties(e, t, ["type", "attrs"], ["type", "attrs"], r);
+    const n = this.requireRecord(e.attrs, l(t, "attrs"), r);
+    n && (this.checkProperties(
+      n,
+      l(t, "attrs"),
+      ["src", "alt", "title", "width", "height", "imageAlign"],
+      ["src"],
+      r
+    ), this.requireString(n.src, u(t, "attrs", "src"), r), this.optionalString(n.alt, u(t, "attrs", "alt"), r, { allowEmpty: !0 }), this.optionalString(n.title, u(t, "attrs", "title"), r, { allowEmpty: !0 }), n.width !== void 0 && this.requireInteger(n.width, u(t, "attrs", "width"), r, 1, 1e4), n.height !== void 0 && this.requireInteger(n.height, u(t, "attrs", "height"), r, 1, 1e4), n.imageAlign !== void 0 && (typeof n.imageAlign != "string" ? this.add("INVALID_TYPE", u(t, "attrs", "imageAlign"), "Image alignment must be a string.", r) : pt.has(n.imageAlign) || this.add(
+      "INVALID_VALUE",
+      u(t, "attrs", "imageAlign"),
+      `Unsupported image alignment "${n.imageAlign}".`,
+      r
+    )));
+  }
+  validateArticleButton(e, t) {
+    const r = "articleButton";
+    this.checkProperties(e, t, ["type", "attrs"], ["type", "attrs"], r);
+    const n = this.requireRecord(e.attrs, l(t, "attrs"), r);
+    n && (this.checkProperties(
+      n,
+      l(t, "attrs"),
+      ["id", "title", "text", "style"],
+      ["id", "text", "style"],
+      r
+    ), this.requireString(n.id, u(t, "attrs", "id"), r), this.optionalString(n.title, u(t, "attrs", "title"), r), this.requireString(n.text, u(t, "attrs", "text"), r), n.style !== "text" && n.style !== "button" && this.add(
+      "INVALID_VALUE",
+      u(t, "attrs", "style"),
+      'Article button style must be "text" or "button".',
+      r
+    ));
+  }
+  validateTable(e, t) {
+    const r = "table";
+    this.checkProperties(e, t, ["type", "content"], ["type", "content"], r);
+    const n = this.requireNonEmptyArray(e.content, l(t, "content"), r);
+    if (!n) return;
+    let s = null;
+    n.forEach((a, o) => {
+      const c = u(t, "content", o), d = this.validateTableRow(a, c);
+      d !== null && (s === null ? s = d : d !== s && this.add(
+        "TABLE_COLUMN_MISMATCH",
+        l(c, "content"),
+        `Expected ${s} table cells but received ${d}.`,
+        "tableRow"
+      ));
+    });
+  }
+  validateTableRow(e, t) {
+    var a;
+    const r = "tableRow", n = this.requireRecord(e, t, r);
+    if (!n) return null;
+    this.checkProperties(n, t, ["type", "content"], ["type", "content"], r), n.type !== r && this.add("INVALID_CONTENT", l(t, "type"), "Expected a tableRow node.", r);
+    const s = this.requireNonEmptyArray(n.content, l(t, "content"), r);
+    return s == null || s.forEach((o, c) => this.validateTableCell(o, u(t, "content", c))), (a = s == null ? void 0 : s.length) != null ? a : null;
+  }
+  validateTableCell(e, t) {
+    const r = "tableCell", n = this.requireRecord(e, t, r);
+    if (!n) return;
+    this.checkProperties(n, t, ["type", "content"], ["type", "content"], r), n.type !== r && this.add("INVALID_CONTENT", l(t, "type"), "Expected a tableCell node.", r);
+    const s = this.requireNonEmptyArray(n.content, l(t, "content"), r);
+    s == null || s.forEach((a, o) => this.validateBlock(a, u(t, "content", o)));
+  }
+}
+function mt(i) {
+  return new yt().validate(i);
+}
+const B = Object.freeze({
+  version: 1,
+  validate: mt,
+  render: ut
+}), x = /* @__PURE__ */ new Map([[B.version, B]]), _t = Object.freeze([...x.keys()]), M = 1;
+function K(i) {
+  return x.get(i);
+}
+function bt(i, e = {}) {
+  var s;
+  const t = (s = e.protocolVersion) != null ? s : M, r = K(t);
+  return r ? r.validate(i) : { valid: !1, issues: [{
+    code: "UNSUPPORTED_PROTOCOL",
+    path: "",
+    message: `Article Content Protocol version ${t} is not supported.`
+  }] };
+}
+const At = "Advertisement";
+function It() {
+  return { adm: [], ads: [], loc: [] };
+}
+function kt() {
+  return { adm: "", ads: "" };
+}
+function $(i) {
+  return `${i.code}:${i.path}:${i.message}`;
+}
+function St(i) {
+  var o, c, d, f;
+  const e = (c = (o = i.adm) == null ? void 0 : o.length) != null ? c : 0, t = (f = (d = i.ads) == null ? void 0 : d.length) != null ? f : 0, r = i.loc.length, n = e === 0 || e === r, s = t === 0 || t === r, a = e > 0 || t > 0;
+  return r === 0 && !a || a && n && s ? null : {
+    code: "AD_CONFIG_LENGTH_MISMATCH",
+    path: "/adConf",
+    message: `Each non-empty adConf.adm or adConf.ads array must have the same length as adConf.loc, and at least one ad array must contain values when loc is non-empty. Received adm length ${e}, ads length ${t}, and loc length ${r}.`
+  };
+}
+function Lt(i, e) {
+  return e ? [] : i.loc.map((t, r) => {
+    var n, s;
+    return {
+      index: r + 1,
+      location: t,
+      adm: (n = i.adm) == null ? void 0 : n[r],
+      ads: (s = i.ads) == null ? void 0 : s[r]
+    };
+  }).filter((t) => Number.isInteger(t.location) && t.location >= 1);
+}
+const Nt = N.extend({
+  name: "ArticleContentRenderer",
+  props: {
+    document: {
+      type: null,
+      required: !0
+    },
+    protocolVersion: {
+      type: Number,
+      default: M
+    },
+    strict: {
+      type: Boolean,
+      default: !1
+    },
+    adConf: {
+      type: Object,
+      default: It
+    },
+    pubid: {
+      type: Object,
+      default: kt
+    },
+    adTitle: {
+      type: String,
+      default: At
+    },
+    imageBaseUrl: {
+      type: String,
+      default: I
+    },
+    resolveArticleButtonLink: {
+      type: Function,
+      default: void 0
+    }
+  },
+  data() {
+    return {
+      reportedRuntimeIssues: /* @__PURE__ */ new Set(),
+      reportedAdConfigIssue: null
+    };
+  },
+  computed: {
+    validation() {
+      return bt(this.document, { protocolVersion: this.protocolVersion });
+    },
+    adConfigIssue() {
+      return St(this.adConf);
+    },
+    adSlots() {
+      return Lt(this.adConf, this.adConfigIssue);
+    }
+  },
+  watch: {
+    validation: {
+      immediate: !0,
+      deep: !0,
+      handler(i) {
+        i.issues.forEach((e) => this.$emit("render-error", e));
+      }
+    },
+    document: {
+      deep: !0,
+      handler() {
+        this.reportedRuntimeIssues.clear();
+      }
+    },
+    protocolVersion() {
+      this.reportedRuntimeIssues.clear();
+    },
+    resolveArticleButtonLink() {
+      this.reportedRuntimeIssues.clear();
+    },
+    imageBaseUrl() {
+      this.reportedRuntimeIssues.clear();
+    },
+    adConfigIssue: {
+      immediate: !0,
+      handler(i) {
+        if (!i) {
+          this.reportedAdConfigIssue = null;
+          return;
+        }
+        const e = $(i);
+        this.reportedAdConfigIssue !== e && (this.reportedAdConfigIssue = e, console.error("[ArticleContentRenderer] Invalid adConf:", i), this.$emit("render-error", i));
+      }
+    }
+  },
+  methods: {
+    reportRuntimeIssue(i) {
+      const e = $(i);
+      this.reportedRuntimeIssues.has(e) || (this.reportedRuntimeIssues.add(e), this.$nextTick(() => this.$emit("render-error", i)));
+    }
+  },
+  render(i) {
+    const e = K(this.protocolVersion);
+    if (!e || this.strict && !this.validation.valid)
+      return i(
+        "div",
+        {
+          class: "acp-render-error",
+          attrs: {
+            role: "alert",
+            "data-render-error": "true"
+          }
+        },
+        "Invalid article content"
+      );
+    const t = e.render(this.document, {
+      createElement: i,
+      adSlots: this.adSlots,
+      admPublisherId: this.pubid.adm,
+      adsPublisherId: this.pubid.ads,
+      adTitle: this.adTitle,
+      imageBaseUrl: this.imageBaseUrl,
+      resolveArticleButtonLink: this.resolveArticleButtonLink,
+      emitArticleButtonClick: (r) => this.$emit("article-button-click", r),
+      reportIssue: this.reportRuntimeIssue
+    });
+    return i(
+      "div",
+      {
+        class: "acp-document",
+        attrs: {
+          "data-node-type": "doc",
+          "data-protocol-version": this.protocolVersion
+        }
+      },
+      t
+    );
+  }
+});
+function Et(i, e, t, r, n, s, a, o) {
+  var c = typeof i == "function" ? i.options : i;
+  return {
+    exports: i,
+    options: c
+  };
+}
+var Rt = /* @__PURE__ */ Et(
+  Nt
+);
+const Pt = Rt.exports, Ct = Object.freeze({
+  fileFormat: "article-content-protocol",
+  fileFormatVersion: 1,
+  mediaType: "application/vnd.article-content-protocol+json",
+  id: "article-content-v1",
+  version: 1,
+  name: "Article Content Protocol v1",
+  status: "draft",
+  rootNode: "doc",
+  nodeTypes: Object.freeze([
+    "doc",
+    "paragraph",
+    "heading",
+    "blockquote",
+    "bulletList",
+    "orderedList",
+    "listItem",
+    "codeBlock",
+    "horizontalRule",
+    "image",
+    "articleButton",
+    "table",
+    "tableRow",
+    "tableCell",
+    "text"
+  ]),
+  markTypes: Object.freeze(["bold", "italic", "strike", "underline", "code", "link"])
+}), Ot = {
+  install(i) {
+    i.component("ArticleContentRenderer", Pt);
+  }
+};
+export {
+  Ct as ARTICLE_CONTENT_PROTOCOL_V1,
+  Pt as ArticleContentRenderer,
+  Ot as ArticleContentRendererPlugin,
+  M as CURRENT_PROTOCOL_VERSION,
+  _t as SUPPORTED_PROTOCOL_VERSIONS,
+  Pt as default,
+  bt as validateArticleDocument
+};