@pretextbook/pretext-html 0.5.0 → 0.7.0

package/dist/index.browser.js

@@ -1,23 +1,23 @@
-import { fromXml as E } from "xast-util-from-xml";
-import { toXml as S } from "xast-util-to-xml";
-const D = "/";
+import { fromXml as x } from "xast-util-from-xml";
+import { toXml as $ } from "xast-util-to-xml";
+const M = "/";
 function ge(e) {
   if (!e)
     return ".";
   const n = e.startsWith("/"), t = e.length > 1 && e.endsWith("/"), r = [];
-  for (const o of e.split("/"))
-    if (!(!o || o === ".")) {
-      if (o === "..") {
-        const s = r[r.length - 1];
-        r.length > 0 && s !== ".." ? r.pop() : n || r.push("..");
+  for (const s of e.split("/"))
+    if (!(!s || s === ".")) {
+      if (s === "..") {
+        const o = r[r.length - 1];
+        r.length > 0 && o !== ".." ? r.pop() : n || r.push("..");
         continue;
       }
-      r.push(o);
+      r.push(s);
     }
   let i = r.join("/");
   return n && (i = `/${i}`), i ? (t && !i.endsWith("/") && (i += "/"), i) : n ? "/" : ".";
 }
-function h(...e) {
+function p(...e) {
   let n = "";
   for (let r = e.length - 1; r >= 0; r--) {
     const i = e[r];
@@ -28,40 +28,169 @@ function h(...e) {
   const t = ge(n);
   return t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
 }
-function b(e) {
+function g(e) {
   const n = e.replace(/\/+$/, "");
   if (!n)
     return e.startsWith("/") ? "/" : ".";
   const t = n.lastIndexOf("/");
   return t < 0 ? "." : t === 0 ? "/" : n.slice(0, t);
 }
-function k(e, n) {
-  const t = h(e).split("/").filter(Boolean), r = h(n).split("/").filter(Boolean);
+function I(e, n) {
+  const t = p(e).split("/").filter(Boolean), r = p(n).split("/").filter(Boolean);
   let i = 0;
   for (; i < t.length && i < r.length && t[i] === r[i]; )
     i += 1;
   return [...new Array(t.length - i).fill(".."), ...r.slice(i)].join("/");
 }
-const ve = "https://cdn.jsdelivr.net/npm/@pretextbook/pretext-html@0.5.0/assets";
-let Z;
-function bt(e) {
-  Z = e.replace(/\/+$/, "");
+const ye = "ptxPreviewBannerDismissed", xe = "About live preview";
+function X(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function $() {
-  return Z ?? ve;
+function Ee(e) {
+  return [
+    '<div id="ptx-preview-banner" class="ptx-preview-banner" role="note">',
+    `  <span class="ptx-preview-banner-text">${X(e)}</span>`,
+    '  <button type="button" class="ptx-preview-banner-dismiss" aria-label="Dismiss">&times;</button>',
+    "</div>",
+    `<button type="button" id="ptx-preview-banner-restore" class="ptx-preview-banner-restore" hidden>${X(xe)}</button>`
+  ].join(`
+`);
+}
+function Te() {
+  return [
+    "<style>",
+    ".ptx-preview-banner {",
+    "  display: flex;",
+    "  align-items: center;",
+    "  gap: 0.75em;",
+    "  padding: 0.5em 1em;",
+    "  font-size: 0.9em;",
+    "  background: #fff8e1;",
+    "  color: #6b5300;",
+    "  border-bottom: 1px solid #f0c36d;",
+    "}",
+    // The [hidden] content attribute only hides an element via the
+    // user-agent stylesheet's `[hidden] { display: none }` rule, and a
+    // normal-priority *author* rule always wins over a normal-priority UA
+    // rule regardless of selector specificity — so the unconditional
+    // `display: flex` above would otherwise keep the banner visible even
+    // after previewBannerScript sets `banner.hidden = true`.
+    ".ptx-preview-banner[hidden] {",
+    "  display: none;",
+    "}",
+    ".ptx-preview-banner-text {",
+    "  flex: 1 1 auto;",
+    "}",
+    ".ptx-preview-banner-dismiss {",
+    "  flex: 0 0 auto;",
+    "  background: transparent;",
+    "  border: none;",
+    "  font-size: 1.2em;",
+    "  line-height: 1;",
+    "  cursor: pointer;",
+    "  color: inherit;",
+    "  padding: 0 0.25em;",
+    "}",
+    "html.dark-mode .ptx-preview-banner {",
+    "  background: #3a2f00;",
+    "  color: #f2d27a;",
+    "  border-bottom-color: #6b5300;",
+    "}",
+    ".ptx-preview-banner-restore {",
+    "  position: fixed;",
+    "  right: 0.5em;",
+    "  bottom: 0.5em;",
+    "  z-index: 1000;",
+    "  background: transparent;",
+    "  border: none;",
+    "  padding: 0.15em 0.4em;",
+    "  font-size: 0.75em;",
+    "  color: inherit;",
+    "  opacity: 0.45;",
+    "  text-decoration: underline;",
+    "  cursor: pointer;",
+    "}",
+    ".ptx-preview-banner-restore:hover {",
+    "  opacity: 0.85;",
+    "}",
+    "</style>"
+  ].join(`
+`);
+}
+function $e() {
+  return [
+    "<script>",
+    "(function () {",
+    "  var KEY = " + JSON.stringify(ye) + ";",
+    '  var banner = document.getElementById("ptx-preview-banner");',
+    '  var restore = document.getElementById("ptx-preview-banner-restore");',
+    "  if (!banner || !restore) { return; }",
+    // localStorage can throw (disabled cookies/storage, sandboxed iframe);
+    // fall back to always showing the banner rather than crashing the page.
+    "  function isDismissed() {",
+    "    try { return window.localStorage.getItem(KEY) === '1'; }",
+    "    catch (e) { return false; }",
+    "  }",
+    "  function setDismissed(value) {",
+    "    try {",
+    "      if (value) { window.localStorage.setItem(KEY, '1'); }",
+    "      else { window.localStorage.removeItem(KEY); }",
+    "    } catch (e) {}",
+    "  }",
+    "  function apply(dismissed) {",
+    "    banner.hidden = dismissed;",
+    "    restore.hidden = !dismissed;",
+    "  }",
+    "  apply(isDismissed());",
+    '  var dismissBtn = banner.querySelector(".ptx-preview-banner-dismiss");',
+    "  if (dismissBtn) {",
+    "    dismissBtn.addEventListener('click', function () {",
+    "      setDismissed(true);",
+    "      apply(true);",
+    "    });",
+    "  }",
+    "  restore.addEventListener('click', function () {",
+    "    setDismissed(false);",
+    "    apply(false);",
+    "  });",
+    "})();",
+    "<\/script>"
+  ].join(`
+`);
 }
-function Q(e, n) {
+const Se = "<!--ptx-preview-banner-->", _e = "<!--/ptx-preview-banner-->", ke = /\n?<!--ptx-preview-banner-->[\s\S]*?<!--\/ptx-preview-banner-->/;
+function Ie(e, n) {
+  const t = ke.exec(e), r = t ? e.slice(0, t.index) + e.slice(t.index + t[0].length) : e;
+  if (!/<body[^>]*>/i.test(r))
+    return r;
+  const i = `
+${Se}
+${Te()}
+${Ee(n.message)}
+${$e()}
+${_e}`;
+  return r.replace(/<body([^>]*)>/i, `<body$1>${i}`);
+}
+const De = "https://cdn.jsdelivr.net/npm/@pretextbook/pretext-html@0.7.0/assets";
+let ee;
+function Ct(e) {
+  ee = e.replace(/\/+$/, "");
+}
+function S() {
+  return ee ?? De;
+}
+function te(e, n) {
   return `${e.replace(/\/+$/, "")}/${n.replace(/^\/+/, "")}`;
 }
 const U = /* @__PURE__ */ new Map();
-function be(e) {
+function Re(e) {
   return `${e.replace(/\/+$/, "")}-bundle.json`;
 }
-function ye(e) {
+function Me(e) {
   let n = U.get(e);
   return n || (n = (async () => {
     try {
-      const t = await fetch(be(e));
+      const t = await fetch(Re(e));
       if (!t.ok)
         return /* @__PURE__ */ new Map();
       const r = await t.json();
@@ -71,14 +200,14 @@ function ye(e) {
     }
   })(), U.set(e, n)), n;
 }
-function Ee(e) {
-  return e === Q($(), "xsl");
+function Le(e) {
+  return e === te(S(), "xsl");
 }
-async function ee(e, n) {
-  if (Ee(e)) {
-    const o = (await ye(e)).get(n.replace(/^\/+/, ""));
-    if (o !== void 0)
-      return new TextEncoder().encode(o);
+async function ne(e, n) {
+  if (Le(e)) {
+    const s = (await Me(e)).get(n.replace(/^\/+/, ""));
+    if (s !== void 0)
+      return new TextEncoder().encode(s);
   }
   const t = `${e.replace(/\/+$/, "")}/`;
   let r;
@@ -100,7 +229,7 @@ async function ee(e, n) {
     return;
   }
 }
-async function P(e) {
+async function B(e) {
   if (/^[a-z][a-z0-9+.-]*:\/\//i.test(e))
     try {
       const n = await fetch(e);
@@ -109,13 +238,35 @@ async function P(e) {
       return;
     }
 }
-const C = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Map();
-let L, xe = 0, ne = ee;
-function yt(e) {
-  ne = e;
+const Ae = "born-hidden-knowl", Be = /<details\b([^>]*)>(\s*)(?:<summary\b([^>]*)>)?/g;
+function Ce(e) {
+  const n = /\bclass="([^"]*)"/.exec(e);
+  return n ? n[1].trim().split(/\s+/) : [];
+}
+function Pe(e) {
+  return /(^|\s)open(\s|=|$)/.test(e);
+}
+function V(e) {
+  return Pe(e) ? e : ` open${e}`;
+}
+function je(e) {
+  return e.replace(
+    Be,
+    (n, t, r, i) => {
+      if (!Ce(t).includes(Ae))
+        return n;
+      const s = `<details${V(t)}>`;
+      return i === void 0 ? `${s}${r}` : `${s}${r}<summary${V(i)}>`;
+    }
+  );
 }
-function Te(e, n) {
-  const t = typeof e == "string" ? e : e instanceof URL ? e.href : e.url, r = te.get(t);
+const C = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map();
+let L, Oe = 0, ie = ne;
+function Pt(e) {
+  ie = e;
+}
+function We(e, n) {
+  const t = typeof e == "string" ? e : e instanceof URL ? e.href : e.url, r = re.get(t);
   if (r !== void 0)
     return Promise.resolve(new Response(r, { status: 200 }));
   let i;
@@ -124,30 +275,30 @@ function Te(e, n) {
   } catch {
     i = "";
   }
-  const o = C.get(i);
-  return o !== void 0 ? $e(o, t) : L(e, n);
+  const s = C.get(i);
+  return s !== void 0 ? Ne(s, t) : L(e, n);
 }
-const Se = '<?xml version="1.0"?><pretext-preview-missing-file/>';
-async function $e(e, n) {
-  const t = decodeURIComponent(new URL(n).pathname), r = await ne(e, t);
+const Fe = '<?xml version="1.0"?><pretext-preview-missing-file/>';
+async function Ne(e, n) {
+  const t = decodeURIComponent(new URL(n).pathname), r = await ie(e, t);
   if (r === void 0)
-    return new Response(Se, { status: 200 });
+    return new Response(Fe, { status: 200 });
   const i = typeof r == "string" ? r : new Uint8Array(r);
   return new Response(i, { status: 200 });
 }
-function re() {
-  L || (L = globalThis.fetch, globalThis.fetch = Te);
+function se() {
+  L || (L = globalThis.fetch, globalThis.fetch = We);
 }
-function ie(e) {
-  re();
-  const n = `mnt${++xe}.ptx.invalid`;
+function oe(e) {
+  se();
+  const n = `mnt${++Oe}.ptx.invalid`;
   return C.set(n, e), `http://${n}`;
 }
-function _e(e) {
+function He(e) {
   C.delete(new URL(e).host);
 }
-function Re(e, n) {
-  re(), te.set(e, n);
+function Xe(e, n) {
+  se(), re.set(e, n);
 }
 const A = `<?xml version="1.0" encoding="UTF-8"?>
 <publication>
@@ -158,82 +309,82 @@ const A = `<?xml version="1.0" encoding="UTF-8"?>
     <platform portable="yes"/>
   </html>
 </publication>
-`, ke = ["theme", "style", "shell"];
+`, Ue = ["theme", "style", "shell"];
 function w(e, n) {
   for (const t of e.children)
     if (t.type === "element" && t.name === n)
       return t;
 }
-function g(e, n) {
+function v(e, n) {
   let t = w(e, n);
   return t || (t = { type: "element", name: n, attributes: {}, children: [] }, e.children.push(t)), t;
 }
-function Ie(e, n) {
+function Ve(e, n) {
   const t = w(e, "css");
-  if (t && ke.some((i) => t.attributes?.[i]))
+  if (t && Ue.some((i) => t.attributes?.[i]))
     return;
-  const r = t ?? g(e, "css");
+  const r = t ?? v(e, "css");
   r.attributes = { ...r.attributes, theme: n };
 }
-function Me(e, n) {
+function ze(e, n) {
   const t = w(e, "appearance");
   if (t?.attributes?.theme)
     return;
-  const r = t ?? g(e, "appearance");
+  const r = t ?? v(e, "appearance");
   r.attributes = { ...r.attributes, theme: n };
 }
-function De(e) {
-  const n = g(e, "resources");
+function Je(e) {
+  const n = v(e, "resources");
   n.attributes = {
     ...n.attributes,
     host: "cdn",
     math: "online"
   };
 }
-function Le(e, n = {}) {
+function Ke(e, n = {}) {
   const t = n.cssTheme?.trim(), r = n.revealTheme?.trim(), i = n.target === "slides";
   if (!e && !t && !i)
     return A;
-  const o = E(e ?? A), s = w(o, "publication");
-  if (!s)
+  const s = x(e ?? A), o = w(s, "publication");
+  if (!o)
     throw new Error(
       "Invalid publication file: no root <publication> element found"
     );
-  const a = g(s, "html"), u = g(a, "platform");
-  if (u.attributes = { ...u.attributes, portable: "yes" }, t && Ie(a, t), i) {
-    const c = g(s, "revealjs");
-    De(c), r && Me(c, r);
+  const a = v(o, "html"), d = v(a, "platform");
+  if (d.attributes = { ...d.attributes, portable: "yes" }, t && Ve(a, t), i) {
+    const l = v(o, "revealjs");
+    Je(l), r && ze(l, r);
   }
-  return S(o);
+  return $(s);
 }
-function V(e) {
+function z(e) {
   if (!(e === void 0 || e === "" || e.startsWith("/")))
     return e.endsWith("/") ? e : `${e}/`;
 }
-function Ae(e) {
-  const n = E(e ?? A), t = w(n, "publication"), r = t && w(t, "source"), i = r && w(r, "directories"), o = V(
+function Ye(e) {
+  const n = x(e ?? A), t = w(n, "publication"), r = t && w(t, "source"), i = r && w(r, "directories"), s = z(
     i?.attributes?.external ?? void 0
-  ), s = V(
+  ), o = z(
     i?.attributes?.generated ?? void 0
   );
   return {
-    external: o,
-    generated: s,
-    managed: o !== void 0 && s !== void 0
+    external: s,
+    generated: o,
+    managed: s !== void 0 && o !== void 0
   };
 }
-function Et(e) {
+function jt(e) {
   return e === "slides" || e === "scroll";
 }
-const oe = 960, se = 700, Pe = 1, Ce = 0.04;
-function je(e) {
-  const n = typeof e == "number" && isFinite(e) ? e : Pe, t = Math.min(1, Math.max(0.25, n));
+const ae = 960, ce = 700, Ge = 1, qe = 0.04;
+function Ze(e) {
+  const n = typeof e == "number" && isFinite(e) ? e : Ge, t = Math.min(1, Math.max(0.25, n));
   return {
-    width: Math.round(oe / t),
-    height: Math.round(se / t)
+    width: Math.round(ae / t),
+    height: Math.round(ce / t)
   };
 }
-function Fe(e) {
+function Qe(e) {
   return {
     view: "scroll",
     scrollLayout: "compact",
@@ -243,11 +394,11 @@ function Fe(e) {
     controls: !1,
     controlsTutorial: !1,
     hash: !1,
-    ...je(e.zoom),
-    margin: Ce
+    ...Ze(e.zoom),
+    margin: qe
   };
 }
-function We() {
+function et() {
   return {
     // Explicitly null rather than absent: the same page may have been
     // delivered in scroll view a moment ago, and an embedder that re-injects
@@ -259,11 +410,11 @@ function We() {
     // size with a percentage width renders its text far larger, relative to
     // the slide, than the same deck will on a projector. No zoom margin
     // though — presenting means filling whatever it is shown in.
-    width: oe,
-    height: se
+    width: ae,
+    height: ce
   };
 }
-const Be = [
+const tt = [
   "<style>",
   ".reveal-viewport.reveal-scroll .scroll-page section {",
   "  box-shadow: inset 0 0 0 calc(1px / var(--slide-scale, 1))",
@@ -271,14 +422,14 @@ const Be = [
   "}",
   "</style>"
 ].join(`
-`), Oe = [
+`), nt = [
   "    var paused = document.querySelectorAll('.reveal .fragment');",
   "    for (var i = 0; i < paused.length; i++) {",
   "      paused[i].classList.remove('fragment');",
   "    }"
 ];
-function Xe(e, n = {}) {
-  const t = e === "scroll" ? Fe(n) : We();
+function rt(e, n = {}) {
+  const t = e === "scroll" ? Qe(n) : et();
   return [
     "<script>",
     "(function () {",
@@ -306,7 +457,7 @@ function Xe(e, n = {}) {
     // Inside the wrapper rather than at top level: this script sits in <head>,
     // where the slides have not been parsed yet, but the deck calls initialize
     // from the end of the document, by which time they have.
-    ...e === "scroll" ? Oe : [],
+    ...e === "scroll" ? nt : [],
     "    return initialize(merged);",
     "  };",
     "})();",
@@ -314,38 +465,38 @@ function Xe(e, n = {}) {
   ].join(`
 `);
 }
-const He = /<script\b[^>]*\bsrc=["'][^"']*\breveal\.js["'][^>]*>\s*<\/script>/i, Ue = "<!--ptx-reveal-view-->", Ve = "<!--/ptx-reveal-view-->", Ne = /\n?<!--ptx-reveal-view-->[\s\S]*?<!--\/ptx-reveal-view-->/;
-function ze(e, n, t = {}) {
-  const r = Ne.exec(e), i = r ? e.slice(0, r.index) + e.slice(r.index + r[0].length) : e, o = He.exec(i);
-  if (!o)
+const it = /<script\b[^>]*\bsrc=["'][^"']*\breveal\.js["'][^>]*>\s*<\/script>/i, st = "<!--ptx-reveal-view-->", ot = "<!--/ptx-reveal-view-->", at = /\n?<!--ptx-reveal-view-->[\s\S]*?<!--\/ptx-reveal-view-->/;
+function ct(e, n, t = {}) {
+  const r = at.exec(e), i = r ? e.slice(0, r.index) + e.slice(r.index + r[0].length) : e, s = it.exec(i);
+  if (!s)
     return i;
-  const s = o.index + o[0].length, a = `
-${Ue}
-${Be}
-${Xe(n, t)}
-${Ve}`;
-  return i.slice(0, s) + a + i.slice(s);
-}
-const ae = "http://www.w3.org/2001/XInclude", N = 64;
-async function Je(e, n, t) {
-  return e.includes("include") ? (await ce(e, n, t)).content : e;
-}
-async function ce(e, n, t) {
-  const r = E(e), i = {
-    projectDir: h(t),
-    stack: [h(n)]
-  }, o = await y(
+  const o = s.index + s[0].length, a = `
+${st}
+${tt}
+${rt(n, t)}
+${ot}`;
+  return i.slice(0, o) + a + i.slice(o);
+}
+const le = "http://www.w3.org/2001/XInclude", J = 64;
+async function lt(e, n, t) {
+  return e.includes("include") ? (await de(e, n, t)).content : e;
+}
+async function de(e, n, t) {
+  const r = x(e), i = {
+    projectDir: p(t),
+    stack: [p(n)]
+  }, s = await y(
     r,
-    b(h(n)),
+    g(p(n)),
     { "": "" },
     i
   );
-  return { tree: r, content: o ? S(r) : e };
+  return { tree: r, content: s ? $(r) : e };
 }
-function Ge(e) {
+function dt(e) {
   return e.data?.ptxIncludedFile;
 }
-function Ye(e, n) {
+function ut(e, n) {
   const t = e.data ?? (e.data = {});
   t.ptxIncludedFile = n;
 }
@@ -355,66 +506,66 @@ function _(e, n) {
     (r === "xmlns" || r.startsWith("xmlns:")) && (t === e && (t = { ...e }), t[r === "xmlns" ? "" : r.slice(6)] = i ?? "");
   return t;
 }
-function le(e, n) {
+function ue(e, n) {
   const t = e.name.indexOf(":"), r = t === -1 ? "" : e.name.slice(0, t);
-  return (t === -1 ? e.name : e.name.slice(t + 1)) === "include" && n[r] === ae;
+  return (t === -1 ? e.name : e.name.slice(t + 1)) === "include" && n[r] === le;
 }
 async function y(e, n, t, r) {
   let i = !1;
-  for (let o = 0; o < e.children.length; o++) {
-    const s = e.children[o];
-    if (s.type !== "element")
+  for (let s = 0; s < e.children.length; s++) {
+    const o = e.children[s];
+    if (o.type !== "element")
       continue;
-    const a = _(t, s);
-    if (le(s, a)) {
-      const u = await ue(
-        s,
+    const a = _(t, o);
+    if (ue(o, a)) {
+      const d = await fe(
+        o,
         n,
         a,
         r
       );
-      e.children.splice(o, 1, ...u), o += u.length - 1, i = !0;
-    } else await y(s, n, a, r) && (i = !0);
+      e.children.splice(s, 1, ...d), s += d.length - 1, i = !0;
+    } else await y(o, n, a, r) && (i = !0);
   }
   return i;
 }
-async function ue(e, n, t, r) {
+async function fe(e, n, t, r) {
   const i = r.stack[r.stack.length - 1];
   if (e.attributes.xpointer)
     throw new Error(
       `xi:include with xpointer is not supported by the JS preview build (in ${i})`
     );
-  const o = e.attributes.href;
-  if (!o)
+  const s = e.attributes.href;
+  if (!s)
     throw new Error(`xi:include without href (in ${i})`);
-  let s = o;
+  let o = s;
   try {
-    s = decodeURIComponent(o);
+    o = decodeURIComponent(s);
   } catch {
   }
-  const a = h(n, s);
-  if (a !== r.projectDir && !a.startsWith(r.projectDir + D))
+  const a = p(n, o);
+  if (a !== r.projectDir && !a.startsWith(r.projectDir + M))
     throw new Error(
-      `xi:include escapes the project directory: ${o} (in ${i})`
+      `xi:include escapes the project directory: ${s} (in ${i})`
     );
   if (r.stack.includes(a))
     throw new Error(
       `Circular xi:include: ${[...r.stack, a].join(" -> ")}`
     );
-  if (r.stack.length >= N)
-    throw new Error(`xi:include nesting exceeds ${N} levels`);
-  const u = await P(a);
-  if (u === void 0) {
-    const f = qe(e, t);
+  if (r.stack.length >= J)
+    throw new Error(`xi:include nesting exceeds ${J} levels`);
+  const d = await B(a);
+  if (d === void 0) {
+    const f = pt(e, t);
     if (f)
       return await y(f, n, t, r), f.children;
-    throw new Error(`xi:include target not found: ${o} (in ${i})`);
+    throw new Error(`xi:include target not found: ${s} (in ${i})`);
   }
   if (e.attributes.parse === "text")
-    return [{ type: "text", value: u }];
-  let c;
+    return [{ type: "text", value: d }];
+  let l;
   try {
-    c = E(u);
+    l = x(d);
   } catch (f) {
     throw new Error(
       `Could not parse xi:include target ${a} as XML: ${f instanceof Error ? f.message : f}. (Included files must be well-formed, with a single root element.)`
@@ -422,48 +573,48 @@ async function ue(e, n, t, r) {
   }
   r.stack.push(a);
   try {
-    await y(c, b(a), { "": "" }, r);
+    await y(l, g(a), { "": "" }, r);
   } finally {
     r.stack.pop();
   }
-  const d = c.children.filter(
+  const u = l.children.filter(
     (f) => f.type === "element"
   );
-  for (const f of d)
-    Ye(f, a);
-  return d;
+  for (const f of u)
+    ut(f, a);
+  return u;
 }
-function z(e) {
+function K(e) {
   return e.name === "docinfo";
 }
-async function Ke(e, n, t) {
+async function ft(e, n, t) {
   try {
-    const i = E(e).children.find(
-      (c) => c.type === "element"
+    const i = x(e).children.find(
+      (l) => l.type === "element"
     );
     if (!i)
       return;
-    const o = h(n), s = b(o), a = {
-      projectDir: h(t),
-      stack: [o]
-    }, u = _({ "": "" }, i);
-    for (const c of i.children) {
-      if (c.type !== "element")
+    const s = p(n), o = g(s), a = {
+      projectDir: p(t),
+      stack: [s]
+    }, d = _({ "": "" }, i);
+    for (const l of i.children) {
+      if (l.type !== "element")
         continue;
-      const d = _(u, c);
-      if (z(c))
-        return await y(c, s, d, a), S(c);
-      if (le(c, d)) {
-        const p = (await ue(
-          c,
-          s,
-          d,
+      const u = _(d, l);
+      if (K(l))
+        return await y(l, o, u, a), $(l);
+      if (ue(l, u)) {
+        const h = (await fe(
+          l,
+          o,
+          u,
           a
         )).find(
-          (m) => m.type === "element" && z(m)
+          (m) => m.type === "element" && K(m)
         );
-        if (p)
-          return S(p);
+        if (h)
+          return $(h);
         continue;
       }
       break;
@@ -473,78 +624,78 @@ async function Ke(e, n, t) {
     return;
   }
 }
-function qe(e, n) {
+function pt(e, n) {
   for (const t of e.children) {
     if (t.type !== "element")
       continue;
-    const r = _(n, t), i = t.name.indexOf(":"), o = i === -1 ? "" : t.name.slice(0, i);
-    if ((i === -1 ? t.name : t.name.slice(i + 1)) === "fallback" && r[o] === ae)
+    const r = _(n, t), i = t.name.indexOf(":"), s = i === -1 ? "" : t.name.slice(0, i);
+    if ((i === -1 ? t.name : t.name.slice(i + 1)) === "fallback" && r[s] === le)
       return t;
   }
 }
-function de(e) {
+function pe(e) {
   return typeof e == "object" && e !== null && e.type === "element";
 }
-function Ze(e) {
+function ht(e) {
   return /^(pf|xhtml):/.test(e.name);
 }
-function Qe(e, n, t) {
-  const r = [], i = e.children.find(de);
+function mt(e, n, t) {
+  const r = [], i = e.children.find(pe);
   if (i) {
-    const o = t?.parentId ?? "root";
-    fe(i, o, t?.position ?? 1, n, o, r);
+    const s = t?.parentId ?? "root";
+    he(i, s, t?.position ?? 1, n, s, r);
   }
   return r;
 }
-function fe(e, n, t, r, i, o) {
-  const s = Ge(e) ?? r;
-  let a, u;
-  if (Ze(e))
-    u = "root";
+function he(e, n, t, r, i, s) {
+  const o = dt(e) ?? r;
+  let a, d;
+  if (ht(e))
+    d = "root";
   else {
-    const d = e.attributes.label ?? e.attributes["xml:id"];
-    a = d ?? `${n}-${t}`, o.push({
+    const u = e.attributes.label ?? e.attributes["xml:id"];
+    a = u ?? `${n}-${t}`, s.push({
       id: a,
-      file: s,
+      file: o,
       line: e.position?.start.line ?? 1,
       column: e.position?.start.column ?? 1,
       endLine: e.position?.end.line ?? e.position?.start.line ?? 1,
       parent: i
-    }), u = a;
+    }), d = a;
   }
-  let c = 0;
-  for (const d of e.children)
-    de(d) && (c += 1, fe(
-      d,
+  let l = 0;
+  for (const u of e.children)
+    pe(u) && (l += 1, he(
       u,
-      c,
-      s,
+      d,
+      l,
+      o,
       a ?? i,
-      o
+      s
     ));
 }
-function xt(e, n) {
+function Ot(e, n) {
   let t;
   for (const r of e)
     r.line <= n && (t = r);
   return t ?? e[0];
 }
-function et(e) {
+function wt(e) {
   const n = e.replace(/<!--[\s\S]*?-->/g, " ").replace(/<!\[CDATA\[[\s\S]*?\]\]>/g, " ");
   return /<\s*slide(?:show)?[\s/>]/.test(n) ? "slides" : "html";
 }
-const he = "pretext-html:set-theme";
-function Tt(e) {
+const me = "pretext-html:set-theme";
+function Wt(e) {
   return e === "dark" || e === "light" || e === "system";
 }
-function St(e) {
-  return { type: he, theme: e };
+function Ft(e) {
+  return { type: me, theme: e };
 }
-function tt(e) {
+function vt(e) {
   return [
     "<script>",
     "(function () {",
-    "  var CFG = " + JSON.stringify({ msg: he, initial: e }) + ";",
+    "  var CFG = " + JSON.stringify({ msg: me, initial: e }) + ";",
     // Where the last requested theme is remembered so it survives an in-place
     // document rewrite (same Window) and outranks the baked initial value.
     "  var KEY = '__ptxPreviewTheme';",
@@ -614,243 +765,247 @@ function tt(e) {
   ].join(`
 `);
 }
-function nt(e, n) {
-  const t = tt(n);
+function bt(e, n) {
+  const t = vt(n);
   return /<head[^>]*>/i.test(e) ? e.replace(/<head([^>]*)>/i, `<head$1>
 ${t}`) : e;
 }
-function rt() {
-  return Q($(), "xsl");
+function gt() {
+  return te(S(), "xsl");
 }
-function it() {
+function yt() {
   return "Suspending" in WebAssembly;
 }
-function ot() {
-  if (!it())
+function xt() {
+  if (!yt())
     throw new Error(
       "WebAssembly JSPI is not enabled. Run Node with --experimental-wasm-jspi (or use the pretext-html CLI, which re-launches itself with the flag)."
     );
 }
-function J(e) {
+function Y(e) {
   return e.includes("'") ? e.includes('"') ? `concat(${e.split("'").map((t) => `'${t}'`).join(`, "'", `)})` : `"${e}"` : `'${e}'`;
 }
-function st(e) {
+function Et(e) {
   return e.replace(
     /from '\.\/(https:\/\/[^']+)'/g,
     (n, t) => `from '${t}'`
   );
 }
-const at = "https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@latest/dist/";
-function ct(e) {
+const Tt = "https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@latest/dist/";
+function $t(e) {
   return e.replace(
     /(<link\b[^>]*\bhref=["'])_static\//gi,
-    `$1${at}_static/`
+    `$1${Tt}_static/`
   );
 }
-function lt(e) {
+function St(e) {
   return e.slice(0, 65536).replace(/<\?[\s\S]*?\?>/g, " ").replace(/<!--[\s\S]*?-->/g, " ").replace(/<!DOCTYPE[^>]*>/gi, " ").match(/<\s*([A-Za-z][\w:-]*)/)?.[1];
 }
 async function G(e) {
-  const n = await P(e);
+  const n = await B(e);
   if (n === void 0)
     throw new Error(
       `Could not read ${e}. (In the browser build only absolute URLs are readable — pass sourceContent instead of relying on sourcePath.)`
     );
   return n;
 }
-async function ut(e, n) {
-  const t = h(e), r = await P(t);
+async function _t(e, n) {
+  const t = p(e), r = await B(t);
   if (r !== void 0)
-    return Ke(r, t, n);
+    return ft(r, t, n);
 }
-function dt(e, n, t, r) {
-  const i = e.replace(/^\uFEFF/, "").replace(/<\?xml[\s\S]*?\?>/, "").replace(/<!DOCTYPE[^>]*>/i, ""), o = t === "slides" ? "slideshow" : n === "chapter" || n === "part" ? "book" : "article";
+function kt(e, n, t, r) {
+  const i = e.replace(/^\uFEFF/, "").replace(/<\?xml[\s\S]*?\?>/, "").replace(/<!DOCTYPE[^>]*>/i, ""), s = t === "slides" ? "slideshow" : n === "chapter" || n === "part" ? "book" : "article";
   return `<pretext>
 ${r?.trim() ? `${r.trim()}
-` : ""}<${o}>
+` : ""}<${s}>
 <title/>
 ${i}
-</${o}>
+</${s}>
 </pretext>
 `;
 }
-let pe = !1;
-function ft(e) {
+let we = !1;
+function It(e) {
   return e instanceof Error && /\bAborted\(/.test(e.message);
 }
-function ht(e) {
+function Dt(e) {
   return e instanceof Error && /memory access|out of bounds/i.test(e.message);
 }
-function pt() {
-  if (pe)
+function Rt() {
+  if (we)
     throw new Error(
       "The WebAssembly renderer aborted earlier in this process and cannot be reused. Restart the process (or reload the page) to render again."
     );
 }
-function Y(e) {
-  if (ft(e))
-    throw pe = !0, new Error(
+function q(e) {
+  if (It(e))
+    throw we = !0, new Error(
       "The WebAssembly renderer aborted and cannot be reused. Restart the process (or reload the page) to render again.",
       { cause: e }
     );
-  if (ht(e))
+  if (Dt(e))
     throw new Error(
       "The WebAssembly renderer hit a memory fault. Most often the document is too large for this build's stack — whole-book builds are a known limitation, so try a smaller document, or see the README about rebuilding libxslt-wasm with a larger stack. The same fault also results from running two renders concurrently against the shared libxslt state.",
       { cause: e }
     );
 }
-let I;
-async function me() {
-  return I || (I = (async () => {
+let D;
+async function ve() {
+  return D || (D = (async () => {
     const [e, n] = await Promise.all([
       import("@pretextbook/libxslt-wasm"),
       import("@pretextbook/libxslt-wasm/exslt")
     ]);
     return n.registerAll(), e;
-  })()), I;
+  })()), D;
 }
-const M = /* @__PURE__ */ new Map(), mt = {
+const R = /* @__PURE__ */ new Map(), Mt = {
   html: "preview-html.xsl",
   slides: "preview-revealjs.xsl"
 };
-async function wt(e, n) {
-  const t = mt[n], r = `${n}\0${e}`;
-  let i = M.get(r);
+async function Lt(e, n) {
+  const t = Mt[n], r = `${n}\0${e}`;
+  let i = R.get(r);
   return i || (i = (async () => {
-    const { XmlDocument: o, XsltStylesheet: s } = await me(), a = ie(e), u = await ee($(), `/${t}`);
-    if (u === void 0)
+    const { XmlDocument: s, XsltStylesheet: o } = await ve(), a = oe(e), d = await ne(S(), `/${t}`);
+    if (d === void 0)
       throw new Error(
-        `Could not read ${t} from ${$()}. Check the assets location (PRETEXT_HTML_ASSETS under Node, setAssetsBase() in the browser).`
+        `Could not read ${t} from ${S()}. Check the assets location (PRETEXT_HTML_ASSETS under Node, setAssetsBase() in the browser).`
       );
-    const c = new TextDecoder().decode(u), d = await o.fromString(c, {
+    const l = new TextDecoder().decode(d), u = await s.fromString(l, {
       url: `${a}/${t}`,
       options: { noEnt: !0, dtdLoad: !0, huge: !0 }
     });
-    return s.fromXmlDocument(d);
-  })(), M.set(r, i), i.catch(() => M.delete(r))), i;
-}
-let K = Promise.resolve();
-function $t(e) {
-  const n = K.then(
-    () => q(e),
-    () => q(e)
+    return o.fromXmlDocument(u);
+  })(), R.set(r, i), i.catch(() => R.delete(r))), i;
+}
+let Z = Promise.resolve();
+function Nt(e) {
+  const n = Z.then(
+    () => Q(e),
+    () => Q(e)
   );
-  return K = n.catch(() => {
+  return Z = n.catch(() => {
   }), n;
 }
-async function q(e) {
-  ot(), pt();
-  const { XmlDocument: n } = await me(), t = h(e.sourcePath), r = h(
-    e.projectDir ?? b(t)
-  ), i = e.sourceContent ?? await G(t), o = k(r, t);
-  if (o.startsWith(".."))
+async function Q(e) {
+  xt(), Rt();
+  const { XmlDocument: n } = await ve(), t = p(e.sourcePath), r = p(
+    e.projectDir ?? g(t)
+  ), i = e.sourceContent ?? await G(t), s = I(r, t);
+  if (s.startsWith(".."))
     throw new Error(
       `sourcePath (${t}) must live inside projectDir (${r})`
     );
-  const s = k(
+  const o = I(
     r,
-    h(e.mainSourcePath ?? t)
-  ), a = s.startsWith("..") ? o : s, u = ie(r);
+    p(e.mainSourcePath ?? t)
+  ), a = o.startsWith("..") ? s : o, d = oe(r);
   try {
-    let c, d = `${u}/__pretext-preview-publication.xml`;
+    let l, u = `${d}/__pretext-preview-publication.xml`;
     if (e.publicationPath) {
-      const l = h(e.publicationPath);
-      c = await G(l);
-      const v = k(r, l);
-      v.startsWith("..") || (d = `${u}/${v.split(D).join("/")}`);
+      const c = p(e.publicationPath);
+      l = await G(c);
+      const b = I(r, c);
+      b.startsWith("..") || (u = `${d}/${b.split(M).join("/")}`);
     }
-    let f, p;
+    let f, h;
     if (e.sourceMap) {
-      const l = await ce(
+      const c = await de(
         i,
         t,
         r
       );
-      f = l.tree, p = l.content;
+      f = c.tree, h = c.content;
     } else
-      p = await Je(
+      h = await lt(
         i,
         t,
         r
       );
-    const m = e.target ?? et(p), we = await wt(e.xslDir ?? rt(), m), j = Le(c, {
+    const m = e.target ?? wt(h), be = await Lt(e.xslDir ?? gt(), m), P = Ke(l, {
       cssTheme: e.cssTheme,
       revealTheme: e.revealTheme,
       target: m
     });
-    Re(d, j);
-    const x = Ae(j), F = b(h(r, a)), W = x.external !== void 0 && x.generated !== void 0 ? {
-      external: h(F, x.external),
-      generated: h(F, x.generated)
-    } : void 0, T = lt(p);
-    let B = { parentId: "root", position: 1 };
+    Xe(u, P);
+    const E = Ye(P), j = g(p(r, a)), O = E.external !== void 0 && E.generated !== void 0 ? {
+      external: p(j, E.external),
+      generated: p(j, E.generated)
+    } : void 0, T = St(h);
+    let W = { parentId: "root", position: 1 };
     if (T !== "pretext" && T !== "mathbook")
       if (e.fragment) {
-        const l = e.docinfo ?? (e.docinfoSourcePath ? await ut(e.docinfoSourcePath, r) : void 0);
-        p = dt(
-          p,
+        const c = e.docinfo ?? (e.docinfoSourcePath ? await _t(e.docinfoSourcePath, r) : void 0);
+        h = kt(
+          h,
           T,
           m,
-          l
-        ), B = { parentId: l?.trim() ? "root-1-2" : "root-1-1", position: 2 };
+          c
+        ), W = { parentId: c?.trim() ? "root-1-2" : "root-1-1", position: 2 };
       } else
         throw new Error(
           `The document root is <${T ?? "?"}>, not <pretext> — this looks like an xi:included fragment. Render the project's main source file instead, or pass the fragment option.`
         );
-    const O = f ? Qe(f, t, B) : void 0, X = await n.fromString(p, {
-      url: `${u}/${a.split(D).join("/")}`,
+    const F = f ? mt(f, t, W) : void 0, N = await n.fromString(h, {
+      url: `${d}/${a.split(M).join("/")}`,
       options: { noEnt: !0, dtdLoad: !0, huge: !0 }
     }), H = {
-      publisher: J(d)
+      publisher: Y(u)
     };
-    for (const [l, v] of Object.entries(e.stringParams ?? {}))
-      H[l] = J(v);
-    let R;
+    for (const [c, b] of Object.entries(e.stringParams ?? {}))
+      H[c] = Y(b);
+    let k;
     try {
-      R = await we.apply(X, H);
-    } catch (l) {
-      throw Y(l), new Error(
+      k = await be.apply(N, H);
+    } catch (c) {
+      throw q(c), new Error(
         "PreTeXt XSLT transform failed; see the PTX:ERROR/PTX:FATAL messages on stderr for details.",
-        { cause: l }
+        { cause: c }
       );
     } finally {
-      X.delete();
+      N.delete();
     }
     try {
-      let l = st(R.toHtmlString());
-      return m === "slides" ? (l = ct(l), l = ze(l, e.revealView ?? "scroll", {
+      let c = Et(k.toHtmlString());
+      return (e.openKnowls ?? !0) && (c = je(c)), m === "slides" ? (c = $t(c), c = ct(c, e.revealView ?? "scroll", {
         zoom: e.revealZoom
-      })) : e.theme && (l = nt(l, e.theme)), {
-        html: l,
+      })) : e.theme && (c = bt(c, e.theme)), e.previewBanner && (c = Ie(c, e.previewBanner)), {
+        html: c,
         target: m,
-        ...O ? { sourceMap: O } : {},
-        ...W ? { assetDirs: W } : {}
+        ...F ? { sourceMap: F } : {},
+        ...O ? { assetDirs: O } : {}
       };
-    } catch (l) {
-      throw Y(l), l;
+    } catch (c) {
+      throw q(c), c;
     } finally {
-      R.delete();
+      k.delete();
     }
   } finally {
-    _e(u);
+    He(d);
   }
 }
 export {
-  he as PREVIEW_THEME_MESSAGE,
-  rt as defaultXslDir,
-  et as detectRenderTarget,
-  xt as findSourceMapEntry,
-  Le as forcePortablePublication,
-  ze as injectRevealBridge,
-  nt as injectThemeBridge,
-  it as isJspiAvailable,
-  Tt as isPreviewTheme,
-  Et as isRevealView,
-  St as previewThemeMessage,
-  $t as renderHtml,
-  Xe as revealBridgeScript,
-  bt as setAssetsBase,
-  yt as setMountReader,
-  tt as themeBridgeScript,
-  J as xpathStringLiteral
+  ye as PREVIEW_BANNER_STORAGE_KEY,
+  me as PREVIEW_THEME_MESSAGE,
+  gt as defaultXslDir,
+  wt as detectRenderTarget,
+  Ot as findSourceMapEntry,
+  Ke as forcePortablePublication,
+  Ie as injectPreviewBanner,
+  ct as injectRevealBridge,
+  bt as injectThemeBridge,
+  yt as isJspiAvailable,
+  Wt as isPreviewTheme,
+  jt as isRevealView,
+  je as openBornHiddenKnowls,
+  $e as previewBannerScript,
+  Ft as previewThemeMessage,
+  Nt as renderHtml,
+  rt as revealBridgeScript,
+  Ct as setAssetsBase,
+  Pt as setMountReader,
+  vt as themeBridgeScript,
+  Y as xpathStringLiteral
 };