@guidelytech/guide-runtime 0.10.0 → 0.11.0

package/dist/capture.js

@@ -3,10 +3,10 @@ import {
   describeElement,
   isGuidelyElement,
   normalizeText
-} from "./chunk-GUH2PQJ7.js";
+} from "./chunk-VQJ7MZ2K.js";
 import {
   createScope
-} from "./chunk-PG7CMBHD.js";
+} from "./chunk-VJSQM23R.js";
 
 // src/capture-styles.ts
 var CAPTURE_STYLES = `

package/dist/chunk-H3CROHPR.js

@@ -0,0 +1,585 @@
+import {
+  prefersReducedMotion
+} from "./chunk-VJSQM23R.js";
+
+// src/sanitize.ts
+import { EMBED_IFRAME_ATTRS, VIDEO_ATTRS, isAllowedEmbedSrc, isSafeMediaUrl } from "@guidelytech/shared/runtime";
+var ALLOWED_TAGS = /* @__PURE__ */ new Set(["p", "br", "strong", "b", "em", "i", "u", "a", "ul", "ol", "li", "img", "h1", "h2", "h3", "h4", "code", "pre", "blockquote", "span", "div", "hr", "button"]);
+var DROP_TAGS = /* @__PURE__ */ new Set(["script", "style", "object", "embed", "form", "input", "textarea", "select", "link", "meta", "base", "template", "svg", "math", "frame", "frameset", "noscript"]);
+var ALLOWED_ATTRS = /* @__PURE__ */ new Set(["href", "src", "alt", "title", "target", "rel", "class", "width", "height", "data-g-action", "data-g-value"]);
+function isSafeUrl(value, attr, tag) {
+  const v = value.trim().replace(/[\u0000-\u001f\s]/g, "").toLowerCase();
+  if (!v) return false;
+  const m = /^([a-z][a-z0-9+.-]*):/.exec(v);
+  if (!m) return true;
+  const scheme = m[1];
+  if (scheme === "data") return tag === "img" && attr === "src" && v.startsWith("data:image/");
+  return scheme === "http" || scheme === "https" || scheme === "mailto" || scheme === "tel";
+}
+function sanitizeElement(el2) {
+  const tag = el2.tagName.toLowerCase();
+  for (const attr of Array.from(el2.attributes)) {
+    const name = attr.name.toLowerCase();
+    if (name.startsWith("on") || !ALLOWED_ATTRS.has(name)) {
+      el2.removeAttribute(attr.name);
+      continue;
+    }
+    if ((name === "href" || name === "src") && !isSafeUrl(attr.value, name, tag)) el2.removeAttribute(attr.name);
+  }
+  if (tag === "a") {
+    const target = el2.getAttribute("target");
+    if (target && target !== "_blank" && target !== "_self") el2.removeAttribute("target");
+    if (el2.getAttribute("target") === "_blank") el2.setAttribute("rel", "noopener noreferrer");
+  }
+  if (tag === "button") el2.setAttribute("type", "button");
+  if (tag === "img") {
+    for (const dim of ["width", "height"]) if (el2.hasAttribute(dim) && !/^\d{1,5}$/.test(el2.getAttribute(dim))) el2.removeAttribute(dim);
+    el2.setAttribute("loading", "lazy");
+    if (!el2.getAttribute("alt")) el2.setAttribute("alt", "");
+  }
+}
+function rebuildMedia(el2) {
+  const doc = el2.ownerDocument;
+  const tag = el2.tagName.toLowerCase();
+  const src = el2.getAttribute("src");
+  let out;
+  if (tag === "iframe") {
+    if (!isAllowedEmbedSrc(src)) return null;
+    out = doc.createElement("iframe");
+    out.setAttribute("src", src);
+    out.setAttribute("title", el2.getAttribute("title") || "Embedded video");
+    for (const [k, v] of Object.entries(EMBED_IFRAME_ATTRS)) out.setAttribute(k, v);
+  } else {
+    if (!isSafeMediaUrl(src)) return null;
+    out = doc.createElement("video");
+    out.setAttribute("src", src);
+    const poster = el2.getAttribute("poster");
+    if (isSafeMediaUrl(poster)) out.setAttribute("poster", poster);
+    for (const [k, v] of Object.entries(VIDEO_ATTRS)) out.setAttribute(k, v);
+  }
+  return out;
+}
+function walk(node) {
+  const children = Array.from(node.childNodes);
+  for (const child of children) {
+    if (child.nodeType === 8) {
+      node.removeChild(child);
+      continue;
+    }
+    if (child.nodeType !== 1) continue;
+    const el2 = child;
+    const tag = el2.tagName.toLowerCase();
+    if (DROP_TAGS.has(tag)) {
+      node.removeChild(el2);
+      continue;
+    }
+    if (tag === "iframe" || tag === "video") {
+      const media = rebuildMedia(el2);
+      if (media) node.replaceChild(media, el2);
+      else node.removeChild(el2);
+      continue;
+    }
+    if (!ALLOWED_TAGS.has(tag)) {
+      while (el2.firstChild) node.insertBefore(el2.firstChild, el2);
+      node.removeChild(el2);
+      walk(node);
+      return;
+    }
+    sanitizeElement(el2);
+    walk(el2);
+  }
+}
+function sanitizeToFragment(html, doc = document) {
+  const tpl = doc.createElement("template");
+  tpl.innerHTML = html || "";
+  walk(tpl.content);
+  return tpl.content;
+}
+function sanitizeHtml(html, doc = document) {
+  const frag = sanitizeToFragment(html, doc);
+  const div = doc.createElement("div");
+  div.appendChild(frag);
+  return div.innerHTML;
+}
+function setSanitizedHtml(el2, html) {
+  el2.textContent = "";
+  el2.appendChild(sanitizeToFragment(html, el2.ownerDocument));
+}
+
+// src/pdf-viewer.ts
+import { FILE_LINK_CLASS, PDF_BLOCK_CLASS, PDF_PAGES_CLASS } from "@guidelytech/shared/runtime";
+function enhancePdfViewers(root, doc = root.ownerDocument) {
+  for (const block of Array.from(root.querySelectorAll(`div.${PDF_BLOCK_CLASS}`))) {
+    const link = block.querySelector(`a.${FILE_LINK_CLASS}`);
+    const strip = block.querySelector(`.${PDF_PAGES_CLASS}`);
+    if (!link || !strip || block.hasAttribute("data-g-ready")) continue;
+    for (const img of Array.from(strip.querySelectorAll("img:not([src])"))) img.remove();
+    const pages = Array.from(strip.querySelectorAll("img"));
+    if (!pages.length) {
+      strip.remove();
+      continue;
+    }
+    block.setAttribute("data-g-ready", "");
+    const name = (link.textContent || "").trim() || "PDF";
+    block.setAttribute("role", "group");
+    block.setAttribute("aria-label", `${name}, ${pages.length} ${pages.length === 1 ? "page" : "pages"}`);
+    link.setAttribute("aria-label", `Read ${name} full screen`);
+    link.addEventListener("click", (e) => {
+      e.preventDefault();
+      openReader(doc, block, link, pages, 0);
+    });
+    const viewport = doc.createElement("div");
+    viewport.className = "g-pdf-viewport";
+    strip.replaceWith(viewport);
+    viewport.appendChild(strip);
+    strip.tabIndex = 0;
+    strip.setAttribute("aria-label", `${name} pages`);
+    const counter = doc.createElement("span");
+    counter.className = "g-pdf-count";
+    counter.setAttribute("aria-live", "polite");
+    const prev = navButton(doc, "prev", "Previous page", "\u2039");
+    const next = navButton(doc, "next", "Next page", "\u203A");
+    viewport.append(prev, next, counter);
+    const stride = () => Math.max(1, pages.length > 1 ? pages[1].offsetLeft - pages[0].offsetLeft : strip.clientWidth);
+    const current = () => Math.round(strip.scrollLeft / stride());
+    const go = (i) => strip.scrollTo({ left: Math.max(0, Math.min(pages.length - 1, i)) * stride(), behavior: prefersReducedMotion() ? "auto" : "smooth" });
+    const update = () => {
+      const i = Math.min(pages.length - 1, current());
+      counter.textContent = `${i + 1} / ${pages.length}`;
+      prev.disabled = i === 0;
+      next.disabled = i >= pages.length - 1;
+    };
+    prev.addEventListener("click", () => go(current() - 1));
+    next.addEventListener("click", () => go(current() + 1));
+    strip.addEventListener("scroll", update, { passive: true });
+    strip.addEventListener("keydown", (e) => {
+      if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
+        e.preventDefault();
+        go(current() + (e.key === "ArrowRight" ? 1 : -1));
+      } else if (e.key === "Enter") openReader(doc, block, link, pages, current());
+    });
+    pages.forEach((img, i) => img.addEventListener("click", () => openReader(doc, block, link, pages, i)));
+    if (pages.length === 1) viewport.classList.add("g-pdf-single");
+    update();
+  }
+}
+function navButton(doc, cls, label, text) {
+  const b = doc.createElement("button");
+  b.type = "button";
+  b.className = `g-pdf-nav g-pdf-${cls}`;
+  b.setAttribute("aria-label", label);
+  b.textContent = text;
+  return b;
+}
+function openReader(doc, block, link, pages, start) {
+  const host = block.closest(".g-scope") ?? doc.body;
+  const returnFocus = block.getRootNode().activeElement;
+  const name = (link.textContent || "").trim() || "PDF";
+  const reader = doc.createElement("div");
+  reader.className = "g-pdf-reader";
+  reader.setAttribute("role", "dialog");
+  reader.setAttribute("aria-modal", "true");
+  reader.setAttribute("aria-label", name);
+  const bar = doc.createElement("div");
+  bar.className = "g-pdf-bar";
+  const title = doc.createElement("span");
+  title.className = "g-pdf-title";
+  title.textContent = name;
+  const original = doc.createElement("a");
+  original.className = "g-btn g-btn-secondary";
+  original.href = link.href;
+  original.target = "_blank";
+  original.rel = "noopener noreferrer";
+  original.textContent = "Open PDF \u2197";
+  const close = doc.createElement("button");
+  close.type = "button";
+  close.className = "g-close g-pdf-close";
+  close.setAttribute("aria-label", "Close");
+  close.textContent = "\xD7";
+  bar.append(title, original, close);
+  const scroller = doc.createElement("div");
+  scroller.className = "g-pdf-scroll";
+  scroller.tabIndex = 0;
+  for (const page of pages) {
+    const img = doc.createElement("img");
+    img.src = page.src;
+    img.alt = page.alt;
+    img.decoding = "async";
+    for (const dim of ["width", "height"]) if (page.hasAttribute(dim)) img.setAttribute(dim, page.getAttribute(dim));
+    scroller.appendChild(img);
+  }
+  reader.append(bar, scroller);
+  const onKey = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      done();
+    } else if (e.key === "Tab") {
+      const items = [original, close, scroller];
+      const at = items.indexOf(reader.getRootNode().activeElement);
+      e.preventDefault();
+      items[(at + (e.shiftKey ? items.length - 1 : 1)) % items.length].focus();
+    }
+  };
+  const done = () => {
+    reader.remove();
+    returnFocus?.focus?.({ preventScroll: true });
+  };
+  close.addEventListener("click", done);
+  reader.addEventListener("keydown", onKey);
+  host.appendChild(reader);
+  close.focus();
+  const target = scroller.children[start];
+  if (target && start > 0) {
+    const land = () => scroller.scrollTop = target.offsetTop - 12;
+    requestAnimationFrame(land);
+    if (!target.hasAttribute("height")) for (const img of Array.from(scroller.children).slice(0, start)) img.addEventListener("load", land, { once: true });
+  }
+}
+
+// src/help-view.ts
+import { isArticleListed, matchesHelpQuery, RC_MODULE_IDS, RC_MODULE_LABELS, resourceCenterSections, showMeKeyFromHref, SHOW_ME_HREF_PREFIX } from "@guidelytech/shared/runtime";
+var SHOW_ME_KINDS = /* @__PURE__ */ new Set(["flow", "modal", "tooltip", "announcement"]);
+function startableGuide(guides, keyOrId) {
+  if (!keyOrId || !guides) return null;
+  return guides.find((g) => (g.key === keyOrId || g.id === keyOrId) && SHOW_ME_KINDS.has(g.kind)) ?? null;
+}
+function resultRow(doc, icon, title, summary, onOpen, showMe) {
+  const item = listItem(doc, icon, title, summary);
+  item.addEventListener("click", onOpen);
+  if (!showMe) return item;
+  const row = el(doc, "div", "g-rc-row");
+  const b = el(doc, "button", "g-btn g-btn-primary g-rc-showme", "\u25B6 Show me");
+  b.type = "button";
+  b.setAttribute("aria-label", `Show me: ${title}`);
+  b.addEventListener("click", showMe);
+  row.append(item, b);
+  return row;
+}
+function enhanceShowMe(root, doc, canStart, start) {
+  for (const a of Array.from(root.querySelectorAll(`a[href^="${SHOW_ME_HREF_PREFIX}"]`))) {
+    const key = showMeKeyFromHref(a.getAttribute("href"));
+    const holder = a.closest("p.gd-show-me") ?? a;
+    if (!key || !canStart(key)) {
+      if (holder !== a) holder.remove();
+      else a.replaceWith(doc.createTextNode(a.textContent ?? ""));
+      continue;
+    }
+    const b = el(doc, "button", "g-btn g-btn-primary g-help-showme", `\u25B6 ${(a.textContent ?? "").trim() || "Show me"}`);
+    b.type = "button";
+    b.addEventListener("click", () => start(key));
+    a.replaceWith(b);
+  }
+}
+function el(doc, tag, cls, text) {
+  const e = doc.createElement(tag);
+  if (cls) e.className = cls;
+  if (text != null) e.textContent = text;
+  return e;
+}
+function listItem(doc, icon, title, summary) {
+  const b = el(doc, "button", "g-rc-item");
+  b.type = "button";
+  const i = el(doc, "span", "g-rc-icon", icon);
+  i.setAttribute("aria-hidden", "true");
+  const text = el(doc, "span");
+  text.appendChild(el(doc, "div", "g-rc-title", title));
+  if (summary) text.appendChild(el(doc, "div", "g-rc-sum", summary));
+  b.append(i, text);
+  return b;
+}
+function createHelpView(options) {
+  const { doc } = options;
+  let query = "";
+  let serverResults = [];
+  let searchSeq = 0;
+  let openSeq = 0;
+  let active = null;
+  const setActive = (next) => {
+    const was = !!active;
+    active = next;
+    if (was !== !!next) options.onArticleChange?.(!!next);
+  };
+  const root = el(doc, "div", "g-help");
+  const searchWrap = el(doc, "div", "g-rc-search");
+  const input = el(doc, "input", "g-input");
+  input.type = "search";
+  input.placeholder = "Search help articles\u2026";
+  input.setAttribute("aria-label", "Search help articles");
+  searchWrap.appendChild(input);
+  const body = el(doc, "div", "g-panel-body");
+  root.append(searchWrap, body);
+  const hasBody = (a) => typeof a.body === "string" && !a.bodyOmitted;
+  const canShowMe = (key) => !!options.onShowMe && !!startableGuide(options.guides?.(), key);
+  const showMe = (key) => options.onShowMe?.(startableGuide(options.guides?.(), key)?.key ?? key);
+  const openArticle = (article) => {
+    if (article.externalUrl) {
+      window.open(article.externalUrl, "_blank", "noopener,noreferrer");
+      if (hasBody(article)) options.onArticleView?.(article);
+      return;
+    }
+    const seq = ++openSeq;
+    if (hasBody(article) || !options.loadArticle) {
+      setActive({ article, loading: false });
+      if (hasBody(article)) options.onArticleView?.(article);
+      return render();
+    }
+    setActive({ article, loading: true });
+    render();
+    options.loadArticle(article.id).then((full) => {
+      if (seq !== openSeq || !active) return;
+      setActive({ article: full ?? { ...article, body: "" }, loading: false });
+      if (full) options.onArticleView?.(full);
+      render();
+    }).catch(() => {
+      if (seq !== openSeq || !active) return;
+      setActive({ article: { ...article, body: "" }, loading: false });
+      render();
+    });
+  };
+  const renderArticle = ({ article, loading }) => {
+    const wrap = el(doc, "div", "g-rc-article");
+    const back = el(doc, "button", "g-btn g-btn-link g-rc-back", "\u2190 Back");
+    back.type = "button";
+    back.addEventListener("click", () => {
+      openSeq++;
+      setActive(null);
+      render();
+    });
+    const title = el(doc, "h3", "g-title", article.title);
+    const content = el(doc, "div", "g-body");
+    if (loading) content.appendChild(el(doc, "div", "g-rc-empty", "Loading\u2026"));
+    else if (article.body) {
+      setSanitizedHtml(content, article.body);
+      enhancePdfViewers(content, doc);
+      enhanceShowMe(content, doc, canShowMe, showMe);
+    } else content.appendChild(el(doc, "div", "g-rc-empty", "This article couldn't be loaded."));
+    wrap.append(back, title, content);
+    body.appendChild(wrap);
+    back.focus?.({ preventScroll: true });
+  };
+  const section = (label, depth = 0) => {
+    const s = body.appendChild(el(doc, "div", "g-rc-section", label));
+    if (depth) s.dataset.depth = String(depth);
+    return s;
+  };
+  const articleButton = (a) => {
+    const key = a.walkthroughs?.find(canShowMe);
+    const summary = a.hasVideo ? a.summary ? `Video \xB7 ${a.summary}` : "Video" : a.summary;
+    body.appendChild(resultRow(doc, a.hasVideo ? "\u25B6" : "\u{1F4C4}", a.title, summary, () => openArticle(a), key ? () => showMe(key) : void 0));
+  };
+  function render() {
+    body.textContent = "";
+    if (active) return renderArticle(active);
+    const data = options.data();
+    const member = options.audienceIds?.() ?? [];
+    searchWrap.hidden = !!data.modules && !data.modules.includes("search");
+    const sections = resourceCenterSections(data.collections, data.articles, member);
+    const q = query.trim().toLowerCase();
+    if (q) {
+      const walkthroughs = (data.recommended ?? []).filter((g) => matchesHelpQuery(g.name, q) && startableGuide(options.guides?.() ?? data.recommended, g.id));
+      if (walkthroughs.length) {
+        section(`Walkthroughs (${walkthroughs.length})`);
+        for (const g of walkthroughs) body.appendChild(resultRow(doc, "\u25B6", g.name, "Show me, step by step", () => options.onStartGuide?.(g.id)));
+      }
+    }
+    body.append(...options.extra?.(q) ?? []);
+    if (q) {
+      const visible = sections.flatMap((s) => s.articles);
+      const local = visible.filter((a) => matchesHelpQuery(`${a.title} ${a.summary}`, q));
+      const seen = new Set(local.map((a) => a.id));
+      const hidden = new Set(data.articles.map((a) => a.id).filter((id) => !visible.some((v) => v.id === id)));
+      const merged = [...local, ...serverResults.filter((a) => !seen.has(a.id) && !hidden.has(a.id) && isArticleListed(data.collections, a, member))];
+      section(`Results (${merged.length})`);
+      if (!merged.length) body.appendChild(el(doc, "div", "g-rc-empty", "No articles match your search."));
+      merged.forEach(articleButton);
+      return;
+    }
+    if (data.suggested?.items.length) {
+      section(data.suggested.title);
+      const glyph = { guide: "\u25B6", howto: "\u2630", article: "\u{1F4C4}" };
+      data.suggested.items.forEach((item) => {
+        const b = listItem(doc, glyph[item.kind], item.title, item.summary);
+        b.addEventListener("click", item.run);
+        body.appendChild(b);
+      });
+    }
+    const renderers = {
+      search: () => {
+      },
+      announcements: () => {
+        if (!data.announcements?.length) return;
+        section(RC_MODULE_LABELS.announcements);
+        const seen = data.announcementsSeenAt ? Date.parse(data.announcementsSeenAt) : NaN;
+        data.announcements.slice(0, 20).forEach((n) => body.appendChild(announcementItem(n, Number.isNaN(seen) || Date.parse(n.publishedAt) > seen)));
+      },
+      guides: () => {
+        if (!data.recommended?.length) return;
+        section("Recommended");
+        data.recommended.forEach((g) => {
+          const b = listItem(doc, "\u25B6", g.name, "Start guide");
+          b.addEventListener("click", () => options.onStartGuide?.(g.id));
+          body.appendChild(b);
+        });
+      },
+      checklists: () => {
+        if (!data.checklists?.length) return;
+        section("Checklists");
+        data.checklists.forEach((g) => {
+          const b = listItem(doc, "\u2611", g.name, "Open checklist");
+          b.addEventListener("click", () => options.onOpenChecklist?.(g.id));
+          body.appendChild(b);
+        });
+      },
+      articles: () => {
+        for (const s of sections) {
+          section(s.collection ? s.path.join(" \u203A ") : "Articles", s.depth);
+          s.articles.forEach(articleButton);
+        }
+      },
+      faqs: () => {
+        if (!data.faqs?.length) return;
+        section("FAQ");
+        data.faqs.forEach((f) => {
+          const b = listItem(doc, "?", f.question);
+          b.setAttribute("aria-expanded", "false");
+          const a = el(doc, "div", "g-faq-a");
+          a.id = `g-faq-${f.id}`;
+          b.setAttribute("aria-controls", a.id);
+          setSanitizedHtml(a, f.answer);
+          a.hidden = true;
+          b.addEventListener("click", () => {
+            a.hidden = !a.hidden;
+            b.setAttribute("aria-expanded", String(!a.hidden));
+          });
+          body.append(b, a);
+        });
+      },
+      links: () => {
+        if (!data.links?.length) return;
+        section("Links");
+        data.links.forEach((l) => {
+          const a = el(doc, "a", "g-rc-item");
+          a.href = l.url;
+          a.target = "_blank";
+          a.rel = "noopener noreferrer";
+          const i = el(doc, "span", "g-rc-icon", "\u2197");
+          i.setAttribute("aria-hidden", "true");
+          a.append(i, el(doc, "span", "g-rc-title", l.label));
+          a.setAttribute("aria-label", `${l.label} (opens in a new tab)`);
+          body.appendChild(a);
+        });
+      }
+    };
+    for (const id of data.modules ?? RC_MODULE_IDS) renderers[id]?.();
+    if (!body.childNodes.length) body.appendChild(el(doc, "div", "g-rc-empty", "Nothing here yet."));
+  }
+  function announcementItem(n, unread) {
+    const item = el(doc, "article", `g-rc-news${unread ? " g-rc-news-unread" : ""}`);
+    const head = el(doc, "div", "g-rc-news-head");
+    const title = el(doc, "h3", "g-rc-news-title", n.title);
+    head.appendChild(title);
+    if (unread) {
+      const dot = el(doc, "span", "g-rc-news-new", "New");
+      head.appendChild(dot);
+    }
+    const date = el(doc, "time", "g-rc-news-date");
+    date.dateTime = n.publishedAt;
+    try {
+      date.textContent = new Date(n.publishedAt).toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+    } catch {
+      date.textContent = n.publishedAt.slice(0, 10);
+    }
+    item.append(head, date);
+    if (n.body) {
+      const b = el(doc, "div", "g-body g-rc-news-body");
+      setSanitizedHtml(b, n.body);
+      item.appendChild(b);
+    }
+    const actions = el(doc, "div", "g-rc-news-actions");
+    const guide = n.guideId ? startableGuide(options.guides?.(), n.guideId) : null;
+    if (guide) {
+      const b = el(doc, "button", "g-btn g-btn-primary", n.linkLabel || "Show me");
+      b.type = "button";
+      b.addEventListener("click", () => options.onShowMe ? options.onShowMe(guide.key) : options.onStartGuide?.(guide.id));
+      actions.appendChild(b);
+    }
+    if (n.articleId) {
+      const listed = options.data().articles.find((a) => a.id === n.articleId);
+      if (listed) {
+        const b = el(doc, "button", "g-btn g-btn-secondary", guide ? "Read more" : n.linkLabel || "Read more");
+        b.type = "button";
+        b.addEventListener("click", () => openArticle(listed));
+        actions.appendChild(b);
+      }
+    }
+    if (n.url && /^https?:\/\//i.test(n.url)) {
+      const a = el(doc, "a", "g-btn g-btn-link", !guide && !n.articleId && n.linkLabel ? n.linkLabel : "Learn more");
+      a.href = n.url;
+      a.target = "_blank";
+      a.rel = "noopener noreferrer";
+      actions.appendChild(a);
+    }
+    if (actions.childNodes.length) item.appendChild(actions);
+    return item;
+  }
+  let debounce = null;
+  const onInput = () => {
+    query = input.value;
+    openSeq++;
+    setActive(null);
+    render();
+    if (debounce) clearTimeout(debounce);
+    if (!options.search || !query.trim()) {
+      serverResults = [];
+      return;
+    }
+    const seq = ++searchSeq;
+    debounce = setTimeout(() => {
+      options.search?.(query.trim()).then((results) => {
+        if (seq !== searchSeq) return;
+        serverResults = Array.isArray(results) ? results : [];
+        render();
+      }).catch(() => {
+      });
+    }, 250);
+  };
+  input.addEventListener("input", onInput);
+  return {
+    el: root,
+    render,
+    reset() {
+      openSeq++;
+      setActive(null);
+      query = "";
+      input.value = "";
+      serverResults = [];
+    },
+    openArticle(id) {
+      const listed = options.data().articles.find((a) => a.id === id) ?? { id, slug: id, title: "Article", summary: "", updatedAt: "", bodyOmitted: true };
+      openArticle(listed);
+    },
+    isArticleOpen: () => !!active,
+    focusSearch: () => input.focus?.({ preventScroll: true }),
+    setQuery(q) {
+      input.value = q;
+      onInput();
+    },
+    destroy() {
+      if (debounce) clearTimeout(debounce);
+      input.removeEventListener("input", onInput);
+      root.remove();
+    }
+  };
+}
+
+export {
+  sanitizeToFragment,
+  sanitizeHtml,
+  setSanitizedHtml,
+  enhancePdfViewers,
+  startableGuide,
+  resultRow,
+  el,
+  createHelpView
+};
+//# sourceMappingURL=chunk-H3CROHPR.js.map