@guidelytech/guide-runtime 0.4.0 → 0.5.0

package/dist/chunk-SGFC66YD.js

@@ -0,0 +1,322 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// 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", "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") {
+    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/help-view.ts
+import { isArticleListed, resourceCenterSections } from "@guidelytech/shared/runtime";
+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 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 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) {
+      active = { article, loading: false };
+      if (hasBody(article)) options.onArticleView?.(article);
+      return render();
+    }
+    active = { article, loading: true };
+    render();
+    options.loadArticle(article.id).then((full) => {
+      if (seq !== openSeq || !active) return;
+      active = { article: full ?? { ...article, body: "" }, loading: false };
+      if (full) options.onArticleView?.(full);
+      render();
+    }).catch(() => {
+      if (seq !== openSeq || !active) return;
+      active = { 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++;
+      active = 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);
+    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 b = listItem(doc, "\u{1F4C4}", a.title, a.summary);
+    b.addEventListener("click", () => openArticle(a));
+    body.appendChild(b);
+  };
+  function render() {
+    body.textContent = "";
+    if (active) return renderArticle(active);
+    const data = options.data();
+    const member = options.audienceIds?.() ?? [];
+    const sections = resourceCenterSections(data.collections, data.articles, member);
+    const q = query.trim().toLowerCase();
+    if (q) {
+      const visible = sections.flatMap((s) => s.articles);
+      const local = visible.filter((a) => a.title.toLowerCase().includes(q) || a.summary.toLowerCase().includes(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.recommended?.length) {
+      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);
+      });
+    }
+    if (data.checklists?.length) {
+      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);
+      });
+    }
+    for (const s of sections) {
+      section(s.collection ? s.path.join(" \u203A ") : "Articles", s.depth);
+      s.articles.forEach(articleButton);
+    }
+    if (data.faqs?.length) {
+      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");
+        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);
+      });
+    }
+    if (data.links?.length) {
+      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));
+        body.appendChild(a);
+      });
+    }
+    if (!body.childNodes.length) body.appendChild(el(doc, "div", "g-rc-empty", "Nothing here yet."));
+  }
+  let debounce = null;
+  const onInput = () => {
+    query = input.value;
+    openSeq++;
+    active = 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++;
+      active = 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);
+    },
+    focusSearch: () => input.focus?.({ preventScroll: true }),
+    setQuery(q) {
+      input.value = q;
+      onInput();
+    },
+    destroy() {
+      if (debounce) clearTimeout(debounce);
+      input.removeEventListener("input", onInput);
+      root.remove();
+    }
+  };
+}
+
+export {
+  __publicField,
+  sanitizeToFragment,
+  sanitizeHtml,
+  setSanitizedHtml,
+  el,
+  createHelpView
+};
+//# sourceMappingURL=chunk-SGFC66YD.js.map

package/dist/chunk-SGFC66YD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sanitize.ts","../src/help-view.ts"],"sourcesContent":["import { EMBED_IFRAME_ATTRS, VIDEO_ATTRS, isAllowedEmbedSrc, isSafeMediaUrl } from \"@guidelytech/shared/runtime\";\n\nconst ALLOWED_TAGS = 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\"]);\nconst DROP_TAGS = new Set([\"script\", \"style\", \"object\", \"embed\", \"form\", \"input\", \"textarea\", \"select\", \"link\", \"meta\", \"base\", \"template\", \"svg\", \"math\", \"frame\", \"frameset\", \"noscript\"]);\nconst ALLOWED_ATTRS = new Set([\"href\", \"src\", \"alt\", \"title\", \"target\", \"rel\", \"class\", \"data-g-action\", \"data-g-value\"]);\nfunction isSafeUrl(value: string, attr: string, tag: string): boolean {\n  // eslint-disable-next-line no-control-regex\n  const v = value.trim().replace(/[\\u0000-\\u001f\\s]/g, \"\").toLowerCase();\n  if (!v) return false;\n  const m = /^([a-z][a-z0-9+.-]*):/.exec(v);\n  if (!m) return true; // relative URL\n  const scheme = m[1];\n  if (scheme === \"data\") return tag === \"img\" && attr === \"src\" && v.startsWith(\"data:image/\");\n  return scheme === \"http\" || scheme === \"https\" || scheme === \"mailto\" || scheme === \"tel\";\n}\n\nfunction sanitizeElement(el: Element): void {\n  const tag = el.tagName.toLowerCase();\n  for (const attr of Array.from(el.attributes)) {\n    const name = attr.name.toLowerCase();\n    if (name.startsWith(\"on\") || !ALLOWED_ATTRS.has(name)) {\n      el.removeAttribute(attr.name);\n      continue;\n    }\n    if ((name === \"href\" || name === \"src\") && !isSafeUrl(attr.value, name, tag)) el.removeAttribute(attr.name);\n  }\n  if (tag === \"a\") {\n    const target = el.getAttribute(\"target\");\n    if (target && target !== \"_blank\" && target !== \"_self\") el.removeAttribute(\"target\");\n    if (el.getAttribute(\"target\") === \"_blank\") el.setAttribute(\"rel\", \"noopener noreferrer\");\n  }\n  if (tag === \"button\") el.setAttribute(\"type\", \"button\");\n  if (tag === \"img\") {\n    el.setAttribute(\"loading\", \"lazy\");\n    if (!el.getAttribute(\"alt\")) el.setAttribute(\"alt\", \"\");\n  }\n}\n\n/**\n * Media elements are rebuilt from scratch rather than filtered: an `<iframe>` only for a canonical\n * YouTube/Vimeo/Loom/Wistia embed, a `<video>` only for an absolute http(s) file, each with fixed\n * attributes. Returns null when the element must go.\n */\nfunction rebuildMedia(el: Element): Element | null {\n  const doc = el.ownerDocument;\n  const tag = el.tagName.toLowerCase();\n  const src = el.getAttribute(\"src\");\n  let out: Element;\n  if (tag === \"iframe\") {\n    if (!isAllowedEmbedSrc(src)) return null;\n    out = doc.createElement(\"iframe\");\n    out.setAttribute(\"src\", src!);\n    out.setAttribute(\"title\", el.getAttribute(\"title\") || \"Embedded video\");\n    for (const [k, v] of Object.entries(EMBED_IFRAME_ATTRS)) out.setAttribute(k, v);\n  } else {\n    if (!isSafeMediaUrl(src)) return null;\n    out = doc.createElement(\"video\");\n    out.setAttribute(\"src\", src!);\n    const poster = el.getAttribute(\"poster\");\n    if (isSafeMediaUrl(poster)) out.setAttribute(\"poster\", poster!);\n    for (const [k, v] of Object.entries(VIDEO_ATTRS)) out.setAttribute(k, v);\n  }\n  return out;\n}\n\nfunction walk(node: Node): void {\n  const children = Array.from(node.childNodes);\n  for (const child of children) {\n    if (child.nodeType === 8 /* comment */) {\n      node.removeChild(child);\n      continue;\n    }\n    if (child.nodeType !== 1) continue;\n    const el = child as Element;\n    const tag = el.tagName.toLowerCase();\n    if (DROP_TAGS.has(tag)) {\n      node.removeChild(el);\n      continue;\n    }\n    if (tag === \"iframe\" || tag === \"video\") {\n      const media = rebuildMedia(el);\n      if (media) node.replaceChild(media, el);\n      else node.removeChild(el);\n      continue;\n    }\n    if (!ALLOWED_TAGS.has(tag)) {\n      // Unwrap: keep text/children, drop the element itself.\n      while (el.firstChild) node.insertBefore(el.firstChild, el);\n      node.removeChild(el);\n      // Re-walk the parent since children moved up.\n      walk(node);\n      return;\n    }\n    sanitizeElement(el);\n    walk(el);\n  }\n}\n\n/**\n * Parses HTML into a sanitized DocumentFragment using a strict allowlist. No external\n * dependency: a `<template>` element parses inertly and the tree is walked element by element.\n */\nexport function sanitizeToFragment(html: string, doc: Document = document): DocumentFragment {\n  const tpl = doc.createElement(\"template\");\n  tpl.innerHTML = html || \"\";\n  walk(tpl.content);\n  return tpl.content;\n}\n\n/** Returns sanitized HTML as a string. */\nexport function sanitizeHtml(html: string, doc: Document = document): string {\n  const frag = sanitizeToFragment(html, doc);\n  const div = doc.createElement(\"div\");\n  div.appendChild(frag);\n  return div.innerHTML;\n}\n\n/** Replaces the content of `el` with the sanitized HTML. */\nexport function setSanitizedHtml(el: Element, html: string): void {\n  el.textContent = \"\";\n  el.appendChild(sanitizeToFragment(html, el.ownerDocument));\n}\n","import type { ResourceCenterArticle, ResourceCenterConfig } from \"@guidelytech/shared\";\nimport { isArticleListed, resourceCenterSections } from \"@guidelytech/shared/runtime\";\nimport { setSanitizedHtml } from \"./sanitize\";\n\nexport interface HelpGuideRef {\n  id: string;\n  key: string;\n  name: string;\n  kind: string;\n}\n\n/** What the help view lists. Article bodies may be missing (`bodyOmitted` or summaries only): they load on open. */\nexport interface HelpData {\n  collections: ResourceCenterConfig[\"collections\"];\n  articles: Array<Omit<ResourceCenterArticle, \"body\"> & { body?: string }>;\n  recommended?: HelpGuideRef[];\n  checklists?: HelpGuideRef[];\n  faqs?: ResourceCenterConfig[\"faqs\"];\n  links?: ResourceCenterConfig[\"links\"];\n}\n\nexport interface HelpViewOptions {\n  doc: Document;\n  data: () => HelpData;\n  /** Server search. Results are merged with the client-side title/summary filter. */\n  search?: (q: string) => Promise<ResourceCenterArticle[]>;\n  /** The visitor's audiences; articles and collections targeted at others aren't listed. */\n  audienceIds?: () => ReadonlySet<string> | readonly string[];\n  /** Loads an article body that isn't in `data()`. */\n  loadArticle?: (id: string) => Promise<ResourceCenterArticle | null>;\n  onStartGuide?: (guideId: string) => void;\n  onOpenChecklist?: (guideId: string) => void;\n  onArticleView?: (article: ResourceCenterArticle) => void;\n}\n\nexport interface HelpView {\n  /** Search box + scrollable body. */\n  el: HTMLElement;\n  render(): void;\n  /** Back to the article list and clear the search. */\n  reset(): void;\n  openArticle(id: string): void;\n  focusSearch(): void;\n  setQuery(q: string): void;\n  destroy(): void;\n}\n\nexport function el<K extends keyof HTMLElementTagNameMap>(doc: Document, tag: K, cls?: string, text?: string): HTMLElementTagNameMap[K] {\n  const e = doc.createElement(tag);\n  if (cls) e.className = cls;\n  if (text != null) e.textContent = text;\n  return e;\n}\n\nexport function listItem(doc: Document, icon: string, title: string, summary?: string): HTMLButtonElement {\n  const b = el(doc, \"button\", \"g-rc-item\");\n  b.type = \"button\";\n  const i = el(doc, \"span\", \"g-rc-icon\", icon);\n  i.setAttribute(\"aria-hidden\", \"true\");\n  const text = el(doc, \"span\");\n  text.appendChild(el(doc, \"div\", \"g-rc-title\", title));\n  if (summary) text.appendChild(el(doc, \"div\", \"g-rc-sum\", summary));\n  b.append(i, text);\n  return b;\n}\n\ntype ListedArticle = HelpData[\"articles\"][number];\n\n/** Article browser shared by the resource center and the messenger Help tab. */\nexport function createHelpView(options: HelpViewOptions): HelpView {\n  const { doc } = options;\n  let query = \"\";\n  let serverResults: ResourceCenterArticle[] = [];\n  let searchSeq = 0;\n  let openSeq = 0;\n  let active: { article: ListedArticle; loading: boolean } | null = null;\n\n  const root = el(doc, \"div\", \"g-help\");\n  const searchWrap = el(doc, \"div\", \"g-rc-search\");\n  const input = el(doc, \"input\", \"g-input\");\n  input.type = \"search\";\n  input.placeholder = \"Search help articles…\";\n  input.setAttribute(\"aria-label\", \"Search help articles\");\n  searchWrap.appendChild(input);\n  const body = el(doc, \"div\", \"g-panel-body\");\n  root.append(searchWrap, body);\n\n  const hasBody = (a: ListedArticle): a is ResourceCenterArticle => typeof a.body === \"string\" && !a.bodyOmitted;\n\n  const openArticle = (article: ListedArticle) => {\n    if (article.externalUrl) {\n      window.open(article.externalUrl, \"_blank\", \"noopener,noreferrer\");\n      if (hasBody(article)) options.onArticleView?.(article);\n      return;\n    }\n    const seq = ++openSeq;\n    if (hasBody(article) || !options.loadArticle) {\n      active = { article, loading: false };\n      if (hasBody(article)) options.onArticleView?.(article);\n      return render();\n    }\n    active = { article, loading: true };\n    render();\n    options\n      .loadArticle(article.id)\n      .then((full) => {\n        if (seq !== openSeq || !active) return;\n        active = { article: full ?? { ...article, body: \"\" }, loading: false };\n        if (full) options.onArticleView?.(full);\n        render();\n      })\n      .catch(() => {\n        if (seq !== openSeq || !active) return;\n        active = { article: { ...article, body: \"\" }, loading: false };\n        render();\n      });\n  };\n\n  const renderArticle = ({ article, loading }: NonNullable<typeof active>) => {\n    const wrap = el(doc, \"div\", \"g-rc-article\");\n    const back = el(doc, \"button\", \"g-btn g-btn-link g-rc-back\", \"← Back\");\n    back.type = \"button\";\n    back.addEventListener(\"click\", () => {\n      openSeq++;\n      active = null;\n      render();\n    });\n    const title = el(doc, \"h3\", \"g-title\", article.title);\n    const content = el(doc, \"div\", \"g-body\");\n    if (loading) content.appendChild(el(doc, \"div\", \"g-rc-empty\", \"Loading…\"));\n    else if (article.body) setSanitizedHtml(content, article.body);\n    else content.appendChild(el(doc, \"div\", \"g-rc-empty\", \"This article couldn't be loaded.\"));\n    wrap.append(back, title, content);\n    body.appendChild(wrap);\n    back.focus?.({ preventScroll: true });\n  };\n\n  const section = (label: string, depth = 0) => {\n    const s = body.appendChild(el(doc, \"div\", \"g-rc-section\", label));\n    if (depth) s.dataset.depth = String(depth);\n    return s;\n  };\n  const articleButton = (a: ListedArticle) => {\n    const b = listItem(doc, \"📄\", a.title, a.summary);\n    b.addEventListener(\"click\", () => openArticle(a));\n    body.appendChild(b);\n  };\n\n  function render() {\n    body.textContent = \"\";\n    if (active) return renderArticle(active);\n    const data = options.data();\n    const member = options.audienceIds?.() ?? [];\n    const sections = resourceCenterSections(data.collections, data.articles, member);\n    const q = query.trim().toLowerCase();\n    if (q) {\n      const visible = sections.flatMap((s) => s.articles);\n      const local = visible.filter((a) => a.title.toLowerCase().includes(q) || a.summary.toLowerCase().includes(q));\n      const seen = new Set(local.map((a) => a.id));\n      // Server search covers every published article: keep only the ones listed for this visitor.\n      const hidden = new Set(data.articles.map((a) => a.id).filter((id) => !visible.some((v) => v.id === id)));\n      const merged: ListedArticle[] = [...local, ...serverResults.filter((a) => !seen.has(a.id) && !hidden.has(a.id) && isArticleListed(data.collections, a, member))];\n      section(`Results (${merged.length})`);\n      if (!merged.length) body.appendChild(el(doc, \"div\", \"g-rc-empty\", \"No articles match your search.\"));\n      merged.forEach(articleButton);\n      return;\n    }\n    if (data.recommended?.length) {\n      section(\"Recommended\");\n      data.recommended.forEach((g) => {\n        const b = listItem(doc, \"▶\", g.name, \"Start guide\");\n        b.addEventListener(\"click\", () => options.onStartGuide?.(g.id));\n        body.appendChild(b);\n      });\n    }\n    if (data.checklists?.length) {\n      section(\"Checklists\");\n      data.checklists.forEach((g) => {\n        const b = listItem(doc, \"☑\", g.name, \"Open checklist\");\n        b.addEventListener(\"click\", () => options.onOpenChecklist?.(g.id));\n        body.appendChild(b);\n      });\n    }\n    // Nested collections read as \"Billing › Invoices\", depth first.\n    for (const s of sections) {\n      section(s.collection ? s.path.join(\" › \") : \"Articles\", s.depth);\n      s.articles.forEach(articleButton);\n    }\n    if (data.faqs?.length) {\n      section(\"FAQ\");\n      data.faqs.forEach((f) => {\n        const b = listItem(doc, \"?\", f.question);\n        b.setAttribute(\"aria-expanded\", \"false\");\n        const a = el(doc, \"div\", \"g-faq-a\");\n        setSanitizedHtml(a, f.answer);\n        a.hidden = true;\n        b.addEventListener(\"click\", () => {\n          a.hidden = !a.hidden;\n          b.setAttribute(\"aria-expanded\", String(!a.hidden));\n        });\n        body.append(b, a);\n      });\n    }\n    if (data.links?.length) {\n      section(\"Links\");\n      data.links.forEach((l) => {\n        const a = el(doc, \"a\", \"g-rc-item\");\n        a.href = l.url;\n        a.target = \"_blank\";\n        a.rel = \"noopener noreferrer\";\n        const i = el(doc, \"span\", \"g-rc-icon\", \"↗\");\n        i.setAttribute(\"aria-hidden\", \"true\");\n        a.append(i, el(doc, \"span\", \"g-rc-title\", l.label));\n        body.appendChild(a);\n      });\n    }\n    if (!body.childNodes.length) body.appendChild(el(doc, \"div\", \"g-rc-empty\", \"Nothing here yet.\"));\n  }\n\n  let debounce: ReturnType<typeof setTimeout> | null = null;\n  const onInput = () => {\n    query = input.value;\n    openSeq++;\n    active = null;\n    render();\n    if (debounce) clearTimeout(debounce);\n    if (!options.search || !query.trim()) {\n      serverResults = [];\n      return;\n    }\n    const seq = ++searchSeq;\n    debounce = setTimeout(() => {\n      options\n        .search?.(query.trim())\n        .then((results) => {\n          if (seq !== searchSeq) return;\n          serverResults = Array.isArray(results) ? results : [];\n          render();\n        })\n        .catch(() => {});\n    }, 250);\n  };\n  input.addEventListener(\"input\", onInput);\n\n  return {\n    el: root,\n    render,\n    reset() {\n      openSeq++;\n      active = null;\n      query = \"\";\n      input.value = \"\";\n      serverResults = [];\n    },\n    openArticle(id: string) {\n      const listed = options.data().articles.find((a) => a.id === id) ?? { id, slug: id, title: \"Article\", summary: \"\", updatedAt: \"\", bodyOmitted: true };\n      openArticle(listed);\n    },\n    focusSearch: () => input.focus?.({ preventScroll: true }),\n    setQuery(q: string) {\n      input.value = q;\n      onInput();\n    },\n    destroy() {\n      if (debounce) clearTimeout(debounce);\n      input.removeEventListener(\"input\", onInput);\n      root.remove();\n    },\n  };\n}\n"],"mappings":";;;;;AAAA,SAAS,oBAAoB,aAAa,mBAAmB,sBAAsB;AAEnF,IAAM,eAAe,oBAAI,IAAI,CAAC,KAAK,MAAM,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,QAAQ,OAAO,cAAc,QAAQ,OAAO,MAAM,QAAQ,CAAC;AACzL,IAAM,YAAY,oBAAI,IAAI,CAAC,UAAU,SAAS,UAAU,SAAS,QAAQ,SAAS,YAAY,UAAU,QAAQ,QAAQ,QAAQ,YAAY,OAAO,QAAQ,SAAS,YAAY,UAAU,CAAC;AAC3L,IAAM,gBAAgB,oBAAI,IAAI,CAAC,QAAQ,OAAO,OAAO,SAAS,UAAU,OAAO,SAAS,iBAAiB,cAAc,CAAC;AACxH,SAAS,UAAU,OAAe,MAAc,KAAsB;AAEpE,QAAM,IAAI,MAAM,KAAK,EAAE,QAAQ,sBAAsB,EAAE,EAAE,YAAY;AACrE,MAAI,CAAC,EAAG,QAAO;AACf,QAAM,IAAI,wBAAwB,KAAK,CAAC;AACxC,MAAI,CAAC,EAAG,QAAO;AACf,QAAM,SAAS,EAAE,CAAC;AAClB,MAAI,WAAW,OAAQ,QAAO,QAAQ,SAAS,SAAS,SAAS,EAAE,WAAW,aAAa;AAC3F,SAAO,WAAW,UAAU,WAAW,WAAW,WAAW,YAAY,WAAW;AACtF;AAEA,SAAS,gBAAgBA,KAAmB;AAC1C,QAAM,MAAMA,IAAG,QAAQ,YAAY;AACnC,aAAW,QAAQ,MAAM,KAAKA,IAAG,UAAU,GAAG;AAC5C,UAAM,OAAO,KAAK,KAAK,YAAY;AACnC,QAAI,KAAK,WAAW,IAAI,KAAK,CAAC,cAAc,IAAI,IAAI,GAAG;AACrD,MAAAA,IAAG,gBAAgB,KAAK,IAAI;AAC5B;AAAA,IACF;AACA,SAAK,SAAS,UAAU,SAAS,UAAU,CAAC,UAAU,KAAK,OAAO,MAAM,GAAG,EAAG,CAAAA,IAAG,gBAAgB,KAAK,IAAI;AAAA,EAC5G;AACA,MAAI,QAAQ,KAAK;AACf,UAAM,SAASA,IAAG,aAAa,QAAQ;AACvC,QAAI,UAAU,WAAW,YAAY,WAAW,QAAS,CAAAA,IAAG,gBAAgB,QAAQ;AACpF,QAAIA,IAAG,aAAa,QAAQ,MAAM,SAAU,CAAAA,IAAG,aAAa,OAAO,qBAAqB;AAAA,EAC1F;AACA,MAAI,QAAQ,SAAU,CAAAA,IAAG,aAAa,QAAQ,QAAQ;AACtD,MAAI,QAAQ,OAAO;AACjB,IAAAA,IAAG,aAAa,WAAW,MAAM;AACjC,QAAI,CAACA,IAAG,aAAa,KAAK,EAAG,CAAAA,IAAG,aAAa,OAAO,EAAE;AAAA,EACxD;AACF;AAOA,SAAS,aAAaA,KAA6B;AACjD,QAAM,MAAMA,IAAG;AACf,QAAM,MAAMA,IAAG,QAAQ,YAAY;AACnC,QAAM,MAAMA,IAAG,aAAa,KAAK;AACjC,MAAI;AACJ,MAAI,QAAQ,UAAU;AACpB,QAAI,CAAC,kBAAkB,GAAG,EAAG,QAAO;AACpC,UAAM,IAAI,cAAc,QAAQ;AAChC,QAAI,aAAa,OAAO,GAAI;AAC5B,QAAI,aAAa,SAASA,IAAG,aAAa,OAAO,KAAK,gBAAgB;AACtE,eAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,kBAAkB,EAAG,KAAI,aAAa,GAAG,CAAC;AAAA,EAChF,OAAO;AACL,QAAI,CAAC,eAAe,GAAG,EAAG,QAAO;AACjC,UAAM,IAAI,cAAc,OAAO;AAC/B,QAAI,aAAa,OAAO,GAAI;AAC5B,UAAM,SAASA,IAAG,aAAa,QAAQ;AACvC,QAAI,eAAe,MAAM,EAAG,KAAI,aAAa,UAAU,MAAO;AAC9D,eAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,WAAW,EAAG,KAAI,aAAa,GAAG,CAAC;AAAA,EACzE;AACA,SAAO;AACT;AAEA,SAAS,KAAK,MAAkB;AAC9B,QAAM,WAAW,MAAM,KAAK,KAAK,UAAU;AAC3C,aAAW,SAAS,UAAU;AAC5B,QAAI,MAAM,aAAa,GAAiB;AACtC,WAAK,YAAY,KAAK;AACtB;AAAA,IACF;AACA,QAAI,MAAM,aAAa,EAAG;AAC1B,UAAMA,MAAK;AACX,UAAM,MAAMA,IAAG,QAAQ,YAAY;AACnC,QAAI,UAAU,IAAI,GAAG,GAAG;AACtB,WAAK,YAAYA,GAAE;AACnB;AAAA,IACF;AACA,QAAI,QAAQ,YAAY,QAAQ,SAAS;AACvC,YAAM,QAAQ,aAAaA,GAAE;AAC7B,UAAI,MAAO,MAAK,aAAa,OAAOA,GAAE;AAAA,UACjC,MAAK,YAAYA,GAAE;AACxB;AAAA,IACF;AACA,QAAI,CAAC,aAAa,IAAI,GAAG,GAAG;AAE1B,aAAOA,IAAG,WAAY,MAAK,aAAaA,IAAG,YAAYA,GAAE;AACzD,WAAK,YAAYA,GAAE;AAEnB,WAAK,IAAI;AACT;AAAA,IACF;AACA,oBAAgBA,GAAE;AAClB,SAAKA,GAAE;AAAA,EACT;AACF;AAMO,SAAS,mBAAmB,MAAc,MAAgB,UAA4B;AAC3F,QAAM,MAAM,IAAI,cAAc,UAAU;AACxC,MAAI,YAAY,QAAQ;AACxB,OAAK,IAAI,OAAO;AAChB,SAAO,IAAI;AACb;AAGO,SAAS,aAAa,MAAc,MAAgB,UAAkB;AAC3E,QAAM,OAAO,mBAAmB,MAAM,GAAG;AACzC,QAAM,MAAM,IAAI,cAAc,KAAK;AACnC,MAAI,YAAY,IAAI;AACpB,SAAO,IAAI;AACb;AAGO,SAAS,iBAAiBA,KAAa,MAAoB;AAChE,EAAAA,IAAG,cAAc;AACjB,EAAAA,IAAG,YAAY,mBAAmB,MAAMA,IAAG,aAAa,CAAC;AAC3D;;;ACxHA,SAAS,iBAAiB,8BAA8B;AA8CjD,SAAS,GAA0C,KAAe,KAAQ,KAAc,MAAyC;AACtI,QAAM,IAAI,IAAI,cAAc,GAAG;AAC/B,MAAI,IAAK,GAAE,YAAY;AACvB,MAAI,QAAQ,KAAM,GAAE,cAAc;AAClC,SAAO;AACT;AAEO,SAAS,SAAS,KAAe,MAAc,OAAe,SAAqC;AACxG,QAAM,IAAI,GAAG,KAAK,UAAU,WAAW;AACvC,IAAE,OAAO;AACT,QAAM,IAAI,GAAG,KAAK,QAAQ,aAAa,IAAI;AAC3C,IAAE,aAAa,eAAe,MAAM;AACpC,QAAM,OAAO,GAAG,KAAK,MAAM;AAC3B,OAAK,YAAY,GAAG,KAAK,OAAO,cAAc,KAAK,CAAC;AACpD,MAAI,QAAS,MAAK,YAAY,GAAG,KAAK,OAAO,YAAY,OAAO,CAAC;AACjE,IAAE,OAAO,GAAG,IAAI;AAChB,SAAO;AACT;AAKO,SAAS,eAAe,SAAoC;AACjE,QAAM,EAAE,IAAI,IAAI;AAChB,MAAI,QAAQ;AACZ,MAAI,gBAAyC,CAAC;AAC9C,MAAI,YAAY;AAChB,MAAI,UAAU;AACd,MAAI,SAA8D;AAElE,QAAM,OAAO,GAAG,KAAK,OAAO,QAAQ;AACpC,QAAM,aAAa,GAAG,KAAK,OAAO,aAAa;AAC/C,QAAM,QAAQ,GAAG,KAAK,SAAS,SAAS;AACxC,QAAM,OAAO;AACb,QAAM,cAAc;AACpB,QAAM,aAAa,cAAc,sBAAsB;AACvD,aAAW,YAAY,KAAK;AAC5B,QAAM,OAAO,GAAG,KAAK,OAAO,cAAc;AAC1C,OAAK,OAAO,YAAY,IAAI;AAE5B,QAAM,UAAU,CAAC,MAAiD,OAAO,EAAE,SAAS,YAAY,CAAC,EAAE;AAEnG,QAAM,cAAc,CAAC,YAA2B;AAC9C,QAAI,QAAQ,aAAa;AACvB,aAAO,KAAK,QAAQ,aAAa,UAAU,qBAAqB;AAChE,UAAI,QAAQ,OAAO,EAAG,SAAQ,gBAAgB,OAAO;AACrD;AAAA,IACF;AACA,UAAM,MAAM,EAAE;AACd,QAAI,QAAQ,OAAO,KAAK,CAAC,QAAQ,aAAa;AAC5C,eAAS,EAAE,SAAS,SAAS,MAAM;AACnC,UAAI,QAAQ,OAAO,EAAG,SAAQ,gBAAgB,OAAO;AACrD,aAAO,OAAO;AAAA,IAChB;AACA,aAAS,EAAE,SAAS,SAAS,KAAK;AAClC,WAAO;AACP,YACG,YAAY,QAAQ,EAAE,EACtB,KAAK,CAAC,SAAS;AACd,UAAI,QAAQ,WAAW,CAAC,OAAQ;AAChC,eAAS,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,MAAM,GAAG,GAAG,SAAS,MAAM;AACrE,UAAI,KAAM,SAAQ,gBAAgB,IAAI;AACtC,aAAO;AAAA,IACT,CAAC,EACA,MAAM,MAAM;AACX,UAAI,QAAQ,WAAW,CAAC,OAAQ;AAChC,eAAS,EAAE,SAAS,EAAE,GAAG,SAAS,MAAM,GAAG,GAAG,SAAS,MAAM;AAC7D,aAAO;AAAA,IACT,CAAC;AAAA,EACL;AAEA,QAAM,gBAAgB,CAAC,EAAE,SAAS,QAAQ,MAAkC;AAC1E,UAAM,OAAO,GAAG,KAAK,OAAO,cAAc;AAC1C,UAAM,OAAO,GAAG,KAAK,UAAU,8BAA8B,aAAQ;AACrE,SAAK,OAAO;AACZ,SAAK,iBAAiB,SAAS,MAAM;AACnC;AACA,eAAS;AACT,aAAO;AAAA,IACT,CAAC;AACD,UAAM,QAAQ,GAAG,KAAK,MAAM,WAAW,QAAQ,KAAK;AACpD,UAAM,UAAU,GAAG,KAAK,OAAO,QAAQ;AACvC,QAAI,QAAS,SAAQ,YAAY,GAAG,KAAK,OAAO,cAAc,eAAU,CAAC;AAAA,aAChE,QAAQ,KAAM,kBAAiB,SAAS,QAAQ,IAAI;AAAA,QACxD,SAAQ,YAAY,GAAG,KAAK,OAAO,cAAc,kCAAkC,CAAC;AACzF,SAAK,OAAO,MAAM,OAAO,OAAO;AAChC,SAAK,YAAY,IAAI;AACrB,SAAK,QAAQ,EAAE,eAAe,KAAK,CAAC;AAAA,EACtC;AAEA,QAAM,UAAU,CAAC,OAAe,QAAQ,MAAM;AAC5C,UAAM,IAAI,KAAK,YAAY,GAAG,KAAK,OAAO,gBAAgB,KAAK,CAAC;AAChE,QAAI,MAAO,GAAE,QAAQ,QAAQ,OAAO,KAAK;AACzC,WAAO;AAAA,EACT;AACA,QAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAM,IAAI,SAAS,KAAK,aAAM,EAAE,OAAO,EAAE,OAAO;AAChD,MAAE,iBAAiB,SAAS,MAAM,YAAY,CAAC,CAAC;AAChD,SAAK,YAAY,CAAC;AAAA,EACpB;AAEA,WAAS,SAAS;AAChB,SAAK,cAAc;AACnB,QAAI,OAAQ,QAAO,cAAc,MAAM;AACvC,UAAM,OAAO,QAAQ,KAAK;AAC1B,UAAM,SAAS,QAAQ,cAAc,KAAK,CAAC;AAC3C,UAAM,WAAW,uBAAuB,KAAK,aAAa,KAAK,UAAU,MAAM;AAC/E,UAAM,IAAI,MAAM,KAAK,EAAE,YAAY;AACnC,QAAI,GAAG;AACL,YAAM,UAAU,SAAS,QAAQ,CAAC,MAAM,EAAE,QAAQ;AAClD,YAAM,QAAQ,QAAQ,OAAO,CAAC,MAAM,EAAE,MAAM,YAAY,EAAE,SAAS,CAAC,KAAK,EAAE,QAAQ,YAAY,EAAE,SAAS,CAAC,CAAC;AAC5G,YAAM,OAAO,IAAI,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AAE3C,YAAM,SAAS,IAAI,IAAI,KAAK,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AACvG,YAAM,SAA0B,CAAC,GAAG,OAAO,GAAG,cAAc,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE,KAAK,gBAAgB,KAAK,aAAa,GAAG,MAAM,CAAC,CAAC;AAC/J,cAAQ,YAAY,OAAO,MAAM,GAAG;AACpC,UAAI,CAAC,OAAO,OAAQ,MAAK,YAAY,GAAG,KAAK,OAAO,cAAc,gCAAgC,CAAC;AACnG,aAAO,QAAQ,aAAa;AAC5B;AAAA,IACF;AACA,QAAI,KAAK,aAAa,QAAQ;AAC5B,cAAQ,aAAa;AACrB,WAAK,YAAY,QAAQ,CAAC,MAAM;AAC9B,cAAM,IAAI,SAAS,KAAK,UAAK,EAAE,MAAM,aAAa;AAClD,UAAE,iBAAiB,SAAS,MAAM,QAAQ,eAAe,EAAE,EAAE,CAAC;AAC9D,aAAK,YAAY,CAAC;AAAA,MACpB,CAAC;AAAA,IACH;AACA,QAAI,KAAK,YAAY,QAAQ;AAC3B,cAAQ,YAAY;AACpB,WAAK,WAAW,QAAQ,CAAC,MAAM;AAC7B,cAAM,IAAI,SAAS,KAAK,UAAK,EAAE,MAAM,gBAAgB;AACrD,UAAE,iBAAiB,SAAS,MAAM,QAAQ,kBAAkB,EAAE,EAAE,CAAC;AACjE,aAAK,YAAY,CAAC;AAAA,MACpB,CAAC;AAAA,IACH;AAEA,eAAW,KAAK,UAAU;AACxB,cAAQ,EAAE,aAAa,EAAE,KAAK,KAAK,UAAK,IAAI,YAAY,EAAE,KAAK;AAC/D,QAAE,SAAS,QAAQ,aAAa;AAAA,IAClC;AACA,QAAI,KAAK,MAAM,QAAQ;AACrB,cAAQ,KAAK;AACb,WAAK,KAAK,QAAQ,CAAC,MAAM;AACvB,cAAM,IAAI,SAAS,KAAK,KAAK,EAAE,QAAQ;AACvC,UAAE,aAAa,iBAAiB,OAAO;AACvC,cAAM,IAAI,GAAG,KAAK,OAAO,SAAS;AAClC,yBAAiB,GAAG,EAAE,MAAM;AAC5B,UAAE,SAAS;AACX,UAAE,iBAAiB,SAAS,MAAM;AAChC,YAAE,SAAS,CAAC,EAAE;AACd,YAAE,aAAa,iBAAiB,OAAO,CAAC,EAAE,MAAM,CAAC;AAAA,QACnD,CAAC;AACD,aAAK,OAAO,GAAG,CAAC;AAAA,MAClB,CAAC;AAAA,IACH;AACA,QAAI,KAAK,OAAO,QAAQ;AACtB,cAAQ,OAAO;AACf,WAAK,MAAM,QAAQ,CAAC,MAAM;AACxB,cAAM,IAAI,GAAG,KAAK,KAAK,WAAW;AAClC,UAAE,OAAO,EAAE;AACX,UAAE,SAAS;AACX,UAAE,MAAM;AACR,cAAM,IAAI,GAAG,KAAK,QAAQ,aAAa,QAAG;AAC1C,UAAE,aAAa,eAAe,MAAM;AACpC,UAAE,OAAO,GAAG,GAAG,KAAK,QAAQ,cAAc,EAAE,KAAK,CAAC;AAClD,aAAK,YAAY,CAAC;AAAA,MACpB,CAAC;AAAA,IACH;AACA,QAAI,CAAC,KAAK,WAAW,OAAQ,MAAK,YAAY,GAAG,KAAK,OAAO,cAAc,mBAAmB,CAAC;AAAA,EACjG;AAEA,MAAI,WAAiD;AACrD,QAAM,UAAU,MAAM;AACpB,YAAQ,MAAM;AACd;AACA,aAAS;AACT,WAAO;AACP,QAAI,SAAU,cAAa,QAAQ;AACnC,QAAI,CAAC,QAAQ,UAAU,CAAC,MAAM,KAAK,GAAG;AACpC,sBAAgB,CAAC;AACjB;AAAA,IACF;AACA,UAAM,MAAM,EAAE;AACd,eAAW,WAAW,MAAM;AAC1B,cACG,SAAS,MAAM,KAAK,CAAC,EACrB,KAAK,CAAC,YAAY;AACjB,YAAI,QAAQ,UAAW;AACvB,wBAAgB,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC;AACpD,eAAO;AAAA,MACT,CAAC,EACA,MAAM,MAAM;AAAA,MAAC,CAAC;AAAA,IACnB,GAAG,GAAG;AAAA,EACR;AACA,QAAM,iBAAiB,SAAS,OAAO;AAEvC,SAAO;AAAA,IACL,IAAI;AAAA,IACJ;AAAA,IACA,QAAQ;AACN;AACA,eAAS;AACT,cAAQ;AACR,YAAM,QAAQ;AACd,sBAAgB,CAAC;AAAA,IACnB;AAAA,IACA,YAAY,IAAY;AACtB,YAAM,SAAS,QAAQ,KAAK,EAAE,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,OAAO,WAAW,SAAS,IAAI,WAAW,IAAI,aAAa,KAAK;AACnJ,kBAAY,MAAM;AAAA,IACpB;AAAA,IACA,aAAa,MAAM,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAAA,IACxD,SAAS,GAAW;AAClB,YAAM,QAAQ;AACd,cAAQ;AAAA,IACV;AAAA,IACA,UAAU;AACR,UAAI,SAAU,cAAa,QAAQ;AACnC,YAAM,oBAAoB,SAAS,OAAO;AAC1C,WAAK,OAAO;AAAA,IACd;AAAA,EACF;AACF;","names":["el"]}

package/dist/index.cjs

@@ -36,9 +36,9 @@ __export(src_exports, {
   generateSelectors: () => generateSelectors,
   highlightSelectors: () => highlightSelectors,
   isAnchoredStep: () => isAnchoredStep,
-  isChecklistComplete: () => import_runtime4.isChecklistComplete,
+  isChecklistComplete: () => import_runtime5.isChecklistComplete,
   isGuidelyElement: () => isGuidelyElement,
-  isQuestionVisible: () => import_runtime5.isQuestionVisible,
+  isQuestionVisible: () => import_runtime6.isQuestionVisible,
   isStableId: () => isStableId,
   isVisible: () => isVisible,
   normalizeText: () => normalizeText,
@@ -353,8 +353,9 @@ function describeElement(el2) {
 }
 
 // src/sanitize.ts
+var import_runtime3 = require("@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", "iframe", "object", "embed", "form", "input", "textarea", "select", "link", "meta", "base", "template", "svg", "math", "frame", "frameset", "noscript"]);
+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", "data-g-action", "data-g-value"]);
 function isSafeUrl(value, attr, tag) {
   const v = value.trim().replace(/[\u0000-\u001f\s]/g, "").toLowerCase();
@@ -386,6 +387,27 @@ function sanitizeElement(el2) {
     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 (!(0, import_runtime3.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(import_runtime3.EMBED_IFRAME_ATTRS)) out.setAttribute(k, v);
+  } else {
+    if (!(0, import_runtime3.isSafeMediaUrl)(src)) return null;
+    out = doc.createElement("video");
+    out.setAttribute("src", src);
+    const poster = el2.getAttribute("poster");
+    if ((0, import_runtime3.isSafeMediaUrl)(poster)) out.setAttribute("poster", poster);
+    for (const [k, v] of Object.entries(import_runtime3.VIDEO_ATTRS)) out.setAttribute(k, v);
+  }
+  return out;
+}
 function walk(node) {
   const children = Array.from(node.childNodes);
   for (const child of children) {
@@ -400,6 +422,12 @@ function walk(node) {
       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);
@@ -473,6 +501,9 @@ var STYLES = `
 .g-body ul,.g-body ol{margin:6px 0;padding-left:20px}
 .g-body a{color:var(--g-primary)}
 .g-body img{max-width:100%;height:auto;border-radius:6px}
+.g-body video,.g-body iframe{display:block;width:100%;max-width:100%;border:0;border-radius:6px;margin:8px 0;background:#000}
+.g-body video{height:auto;max-height:60vh}
+.g-body iframe{aspect-ratio:16/9;height:auto}
 .g-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--g-subtle);padding:1px 4px;border-radius:4px}
 .g-body pre{background:var(--g-subtle);padding:10px;border-radius:6px;overflow:auto}
 .g-body blockquote{margin:6px 0;padding-left:10px;border-left:3px solid var(--g-border);color:var(--g-muted)}
@@ -547,6 +578,7 @@ var STYLES = `
 /* resource center */
 .g-rc-search{padding:12px 20px 4px}
 .g-rc-section{padding:8px 20px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--g-muted);font-weight:600}
+.g-rc-section[data-depth]{text-transform:none;letter-spacing:0;font-size:12px}
 .g-rc-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 20px;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:44px;text-decoration:none}
 .g-rc-item:hover{background:var(--g-subtle)}
 .g-rc-item .g-rc-title{font-weight:500}
@@ -1165,7 +1197,7 @@ function isAnchoredStep(step) {
 }
 
 // src/controller.ts
-var import_runtime3 = require("@guidelytech/shared/runtime");
+var import_runtime4 = require("@guidelytech/shared/runtime");
 function noop() {
 }
 function runGuide(guide, options = {}) {
@@ -1247,7 +1279,7 @@ function runGuide(guide, options = {}) {
     const ctx = getCtx();
     if (step && ctx) {
       for (const branch of step.branches) {
-        if ((0, import_runtime3.evaluateRules)(branch.when, ctx)) {
+        if ((0, import_runtime4.evaluateRules)(branch.when, ctx)) {
           target = steps.findIndex((s) => s.id === branch.goTo);
           if (target >= 0) break;
         }
@@ -1401,7 +1433,7 @@ function runGuide(guide, options = {}) {
     index = i;
     const step = steps[i];
     const ctx = getCtx();
-    if (step.targeting && step.targeting.rules.length && ctx && !(0, import_runtime3.evaluateRules)(step.targeting, ctx)) {
+    if (step.targeting && step.targeting.rules.length && ctx && !(0, import_runtime4.evaluateRules)(step.targeting, ctx)) {
       const nextIndex = i + direction;
       if (nextIndex >= total) return end("completed");
       if (nextIndex < 0) return;
@@ -1495,7 +1527,7 @@ function runGuide(guide, options = {}) {
 }
 
 // src/checklist.ts
-var import_runtime4 = require("@guidelytech/shared/runtime");
+var import_runtime5 = require("@guidelytech/shared/runtime");
 function renderChecklist(options) {
   const { scope, config } = options;
   const doc = scope.ownerDocument;
@@ -1570,7 +1602,7 @@ function renderChecklist(options) {
     bar.setAttribute("aria-valuemax", "100");
     body.textContent = "";
     foot.textContent = "";
-    const complete = (0, import_runtime4.isChecklistComplete)(config, progress);
+    const complete = (0, import_runtime5.isChecklistComplete)(config, progress);
     if (complete) {
       const wrap = doc.createElement("div");
       wrap.className = "g-complete";
@@ -1658,7 +1690,7 @@ function renderChecklist(options) {
 }
 
 // src/survey.ts
-var import_runtime5 = require("@guidelytech/shared/runtime");
+var import_runtime6 = require("@guidelytech/shared/runtime");
 function renderSurvey(options) {
   const { scope, config } = options;
   const doc = scope.ownerDocument;
@@ -1850,14 +1882,14 @@ function renderSurvey(options) {
     config.questions.forEach((q) => {
       const el2 = questionEls.get(q.id);
       if (!el2) return;
-      const visible = (0, import_runtime5.isQuestionVisible)(q, answers);
+      const visible = (0, import_runtime6.isQuestionVisible)(q, answers);
       el2.hidden = !visible;
       if (!visible && answers[q.id] !== void 0) delete answers[q.id];
     });
   }
   form.addEventListener("submit", (e) => {
     e.preventDefault();
-    const missing = config.questions.filter((q) => q.required && (0, import_runtime5.isQuestionVisible)(q, answers) && answers[q.id] === void 0);
+    const missing = config.questions.filter((q) => q.required && (0, import_runtime6.isQuestionVisible)(q, answers) && answers[q.id] === void 0);
     if (missing.length) {
       errorEl.textContent = `Please answer: ${missing.map((q) => q.title).join(", ")}`;
       questionEls.get(missing[0].id)?.querySelector("button,textarea")?.focus();
@@ -1906,6 +1938,7 @@ function renderSurvey(options) {
 }
 
 // src/help-view.ts
+var import_runtime7 = require("@guidelytech/shared/runtime");
 function el(doc, tag, cls, text) {
   const e = doc.createElement(tag);
   if (cls) e.className = cls;
@@ -1983,7 +2016,11 @@ function createHelpView(options) {
     body.appendChild(wrap);
     back.focus?.({ preventScroll: true });
   };
-  const section = (label) => body.appendChild(el(doc, "div", "g-rc-section", label));
+  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 b = listItem(doc, "\u{1F4C4}", a.title, a.summary);
     b.addEventListener("click", () => openArticle(a));
@@ -1993,11 +2030,15 @@ function createHelpView(options) {
     body.textContent = "";
     if (active) return renderArticle(active);
     const data = options.data();
+    const member = options.audienceIds?.() ?? [];
+    const sections = (0, import_runtime7.resourceCenterSections)(data.collections, data.articles, member);
     const q = query.trim().toLowerCase();
     if (q) {
-      const local = data.articles.filter((a) => a.title.toLowerCase().includes(q) || a.summary.toLowerCase().includes(q));
+      const visible = sections.flatMap((s) => s.articles);
+      const local = visible.filter((a) => a.title.toLowerCase().includes(q) || a.summary.toLowerCase().includes(q));
       const seen = new Set(local.map((a) => a.id));
-      const merged = [...local, ...serverResults.filter((a) => !seen.has(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) && (0, import_runtime7.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);
@@ -2019,17 +2060,9 @@ function createHelpView(options) {
         body.appendChild(b);
       });
     }
-    const collections = [...data.collections].sort((a, b) => a.order - b.order);
-    const uncollected = data.articles.filter((a) => !a.collectionId || !collections.some((c) => c.id === a.collectionId));
-    collections.forEach((c) => {
-      const articles = data.articles.filter((a) => a.collectionId === c.id);
-      if (!articles.length) return;
-      section(c.name);
-      articles.forEach(articleButton);
-    });
-    if (uncollected.length) {
-      section("Articles");
-      uncollected.forEach(articleButton);
+    for (const s of sections) {
+      section(s.collection ? s.path.join(" \u203A ") : "Articles", s.depth);
+      s.articles.forEach(articleButton);
     }
     if (data.faqs?.length) {
       section("FAQ");
@@ -2144,6 +2177,7 @@ function renderResourceCenter(options) {
     doc,
     data: () => ({ collections: config.collections, articles: config.articles, recommended: byId(config.recommendedGuideIds), checklists: byId(config.checklistGuideIds), faqs: config.faqs, links: config.links }),
     search: options.search,
+    audienceIds: options.audienceIds,
     loadArticle: options.loadArticle,
     onStartGuide: options.onStartGuide,
     onOpenChecklist: options.onOpenChecklist,