@binarynoir/vitepress-blog 0.3.0 → 0.5.0

package/dist/client.d.ts

@@ -27,34 +27,46 @@ declare const BlogAnnouncementBanner: vue.DefineComponent<{}, () => vue.VNode<vu
 }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 /**
- * Keyword filtering and pagination for blog pages, in the browser. The build
- * writes every post into the page (see `renderPostList`); this hides the ones
- * the URL's `?tag=`, `?announcements` and `?page=` leave out, and fills in the
- * filter banner and the page links. Without it, every post simply shows.
+ * Filtering and pagination for blog pages, in the browser. The build writes
+ * every post into the page (see `renderPostList`); this hides the ones the
+ * URL's `?category=`, `?tag=`, `?year=`, `?month=`, `?announcements` and
+ * `?page=` leave out, keeps the browse panel's chips and counts in step with
+ * them, and fills in the active filters and the page links. Without it, every
+ * post simply shows.
  */
-interface BlogViewState {
+/**
+ * What the URL filters by. Every filter must match. The category and keyword
+ * are lowercased; `date` is `''`, a year (`2026`) or a month (`2026-10`).
+ */
+interface BlogFilter {
+    category: string;
     tag: string;
+    date: string;
     /** Whether only announcements show (`?announcements`). */
     announcements: boolean;
+}
+/** Reads the filter from `?category=`, `?tag=`, `?year=` and `?month=`. A month names its year too, so it wins over `?year=`. */
+declare function readFilter(url: URL): BlogFilter;
+interface BlogViewState extends BlogFilter {
     page: number;
     pageCount: number;
 }
 /**
- * Shows the posts of one blog page that `url` asks for: those with its
- * `?tag=` keyword (any case), only announcements with `?announcements`, and
- * of those, the ones on its `?page=`. Pinned
- * sticky posts only show on the first page and aren't counted in the page
- * size. Returns what is showing.
+ * Shows the posts of one blog page that `url` asks for: those matching every
+ * filter it gives (category and keyword in any case, a year or a month, only
+ * announcements), and of those, the ones on its `?page=`. Pinned posts
+ * only show on the first page and aren't counted in the page size. Returns
+ * what is showing.
  */
 declare function applyBlogView(blog: HTMLElement, url: URL): BlogViewState;
 /**
- * Applies `url` to every blog page in `root`. When the page or keyword of a
+ * Applies `url` to every blog page in `root`. When the page or a filter of a
  * blog already on screen changes, it is scrolled back to its top.
  */
 declare function applyBlogViews(root?: ParentNode, url?: URL): void;
 
 /**
- * Turns on keyword filtering (`?tag=`) and pagination (`?page=`) on blog
+ * Turns on filtering (`?category=`, `?tag=`, `?year=`, `?month=`) and pagination (`?page=`) on blog
  * pages. Call it from your theme's `setup()`:
  *
  * ```ts
@@ -71,7 +83,7 @@ declare function applyBlogViews(root?: ParentNode, url?: URL): void;
  * };
  * ```
  *
- * Keyword and page links are ordinary links: VitePress's router follows them
+ * Filter and page links are ordinary links: VitePress's router follows them
  * without reloading the page, and this re-applies the view whenever the path
  * or query string changes. It runs after the page has hydrated, so the
  * server-rendered HTML (every post) and the first client render agree.
@@ -79,4 +91,4 @@ declare function applyBlogViews(root?: ParentNode, url?: URL): void;
  */
 declare function useBlog(): void;
 
-export { BlogAnnouncementBanner, type BlogViewState, applyBlogView, applyBlogViews, useBlog };
+export { BlogAnnouncementBanner, type BlogFilter, type BlogViewState, applyBlogView, applyBlogViews, readFilter, useBlog };

package/dist/client.js

@@ -10,65 +10,241 @@ import { nextTick, onMounted as onMounted2, watch } from "vue";
 
 // src/view.ts
 var ITEM = "[data-vp-blog-item]";
+var FILTER_LINKS = ".vp-blog-facet__chips a, .vp-blog-card__category a, .vp-blog-card__tags a";
 function readLabels(blog) {
   const { dataset } = blog;
   return {
-    tagged: dataset.labelTagged ?? "Posts tagged {tag}",
     showAll: dataset.labelShowAll ?? "Show all posts",
-    noTagged: dataset.labelNoTagged ?? "No posts tagged {tag}.",
     previous: dataset.labelPrevious ?? "Previous",
     next: dataset.labelNext ?? "Next",
     pages: dataset.labelPages ?? "Pages",
     announcements: dataset.labelAnnouncements ?? "Announcements",
-    noAnnouncements: dataset.labelNoAnnouncements ?? "No announcements."
+    category: dataset.labelCategory ?? "Category",
+    tag: dataset.labelTag ?? "Keyword",
+    postCount: dataset.labelPostCount ?? "{n} posts",
+    postCountOne: dataset.labelPostCountOne ?? "{n} post",
+    noMatches: dataset.labelNoMatches ?? "No posts match these filters.",
+    removeFilter: dataset.labelRemoveFilter ?? "Remove filter: {filter}",
+    more: dataset.labelMore ?? "+{n} more",
+    less: dataset.labelLess ?? "Show fewer",
+    filter: dataset.labelFilter ?? "Filter {row}",
+    noFilterMatches: dataset.labelNoFilterMatches ?? "Nothing matches."
+  };
+}
+function readFilter(url) {
+  const text = (name) => (url.searchParams.get(name) ?? "").trim().toLowerCase();
+  const month = text("month");
+  const year = text("year");
+  return {
+    category: text("category"),
+    tag: text("tag"),
+    date: /^\d{4}-(?:0[1-9]|1[0-2])$/.test(month) ? month : /^\d{4}$/.test(year) ? year : "",
+    announcements: url.searchParams.has("announcements")
   };
 }
 function itemElement(marker) {
   return marker.tagName === "ARTICLE" ? marker : marker.closest("li") ?? marker;
 }
-function hasTag(marker, tag) {
-  return !tag || (marker.getAttribute("data-tags") ?? "").split("|").includes(tag);
-}
 function matches(marker, filter) {
-  return hasTag(marker, filter.tag) && (!filter.announcements || marker.hasAttribute("data-announcement"));
+  const { category, tag, date, announcements } = filter;
+  return (!tag || (marker.getAttribute("data-tags") ?? "").split("|").includes(tag)) && (!category || marker.getAttribute("data-category") === category) && // `2026` matches every month of 2026; `2026-10` only October.
+  (!date || (marker.getAttribute("data-month") ?? "").startsWith(date)) && (!announcements || marker.hasAttribute("data-announcement"));
 }
-function toHref(url, filter, page) {
+function toHref(url, filter, page = 1) {
   const next = new URL(url.href);
   next.hash = "";
-  if (filter.tag) next.searchParams.set("tag", filter.tag);
-  else next.searchParams.delete("tag");
+  const set = (name, value) => value ? next.searchParams.set(name, value) : next.searchParams.delete(name);
+  set("category", filter.category);
+  set("tag", filter.tag);
+  set("year", filter.date.length === 4 ? filter.date : "");
+  set("month", filter.date.length === 7 ? filter.date : "");
   if (filter.announcements) next.searchParams.set("announcements", "");
   else next.searchParams.delete("announcements");
-  if (page > 1) next.searchParams.set("page", String(page));
-  else next.searchParams.delete("page");
+  set("page", page > 1 ? String(page) : "");
   return next.pathname + next.search.replace(/([?&]announcements)=(?=&|$)/, "$1");
 }
-function fillWithTag(element, template, tag) {
-  const [before, after = ""] = template.split("{tag}");
-  const strong = document.createElement("strong");
-  strong.textContent = tag;
-  element.replaceChildren(document.createTextNode(before), ...template.includes("{tag}") ? [strong] : [], after);
+function readFilterLink(anchor) {
+  if (!anchor.dataset.vpBlogFacet) {
+    let params;
+    try {
+      params = new URL(anchor.href, location.href).searchParams;
+    } catch {
+      return null;
+    }
+    const param = ["category", "tag", "month", "year"].find((name) => params.has(name));
+    if (!param) return null;
+    anchor.dataset.vpBlogFacet = param === "year" || param === "month" ? "date" : param;
+    anchor.dataset.vpBlogValue = (params.get(param) ?? "").trim().toLowerCase();
+  }
+  return { facet: anchor.dataset.vpBlogFacet, value: anchor.dataset.vpBlogValue ?? "" };
+}
+function withValue(filter, { facet, value }) {
+  return { ...filter, [facet]: value };
+}
+function isActive({ facet, value }, filter) {
+  if (facet !== "date") return filter[facet] === value;
+  return value.length === 4 ? filter.date.startsWith(value) : filter.date === value;
+}
+function toggle(filter, link2) {
+  if (link2.facet !== "date")
+    return withValue(filter, { ...link2, value: filter[link2.facet] === link2.value ? "" : link2.value });
+  if (filter.date !== link2.value) return withValue(filter, link2);
+  return { ...filter, date: link2.value.length === 7 ? link2.value.slice(0, 4) : "" };
+}
+function markActive(anchor, active) {
+  anchor.classList.toggle("is-active", active);
+  if (active) anchor.setAttribute("aria-current", "true");
+  else anchor.removeAttribute("aria-current");
+}
+var FILTER_FIELD_MIN = 30;
+function chipName(anchor) {
+  return (anchor.querySelector(".vp-blog-facet__name") ?? anchor).textContent?.trim() ?? "";
+}
+function rowChips(row) {
+  return [...row.querySelectorAll(".vp-blog-facet__chips a")];
+}
+function setUpRow(row, labels) {
+  if (row.querySelector(".vp-blog-facet__more")) return;
+  const chips = row.querySelector(".vp-blog-facet__chips");
+  if (!chips) return;
+  const anchors = rowChips(row);
+  [...anchors].sort((a, b) => chipName(a).localeCompare(chipName(b), void 0, { sensitivity: "base" })).forEach((anchor, position) => anchor.dataset.vpBlogAlphabetical = String(position));
+  const more = element("button", "vp-blog-facet__more");
+  more.type = "button";
+  more.addEventListener("click", () => {
+    row.classList.toggle("is-open");
+    layoutRow(row, labels);
+  });
+  chips.after(more);
+  if (anchors.length <= FILTER_FIELD_MIN) return;
+  const field = document.createElement("input");
+  field.type = "search";
+  field.className = "vp-blog-facet__filter";
+  field.placeholder = labels.filter.replace("{row}", row.getAttribute("aria-label") ?? "");
+  field.setAttribute("aria-label", field.placeholder);
+  field.addEventListener("input", () => layoutRow(row, labels));
+  field.addEventListener("keydown", (event) => {
+    if (event.key !== "Escape" || !field.value) return;
+    field.value = "";
+    layoutRow(row, labels);
+  });
+  const empty = element("p", "vp-blog-facet__empty", labels.noFilterMatches);
+  chips.prepend(field);
+  chips.append(empty);
+}
+function layoutRow(row, labels) {
+  const limit = Number(row.dataset.limit) || 0;
+  if (!limit) return;
+  setUpRow(row, labels);
+  const open = row.classList.contains("is-open");
+  const field = row.querySelector(".vp-blog-facet__filter");
+  const query = open && field ? field.value.trim().toLowerCase() : "";
+  const anchors = rowChips(row);
+  let shown = 0;
+  anchors.forEach((anchor, rank) => {
+    const visible = open ? !query || chipName(anchor).toLowerCase().includes(query) : rank < limit || anchor.classList.contains("is-active");
+    anchor.hidden = !visible;
+    anchor.style.order = open ? anchor.dataset.vpBlogAlphabetical ?? "" : "";
+    if (visible) shown++;
+  });
+  const more = row.querySelector(".vp-blog-facet__more");
+  more.hidden = !open && shown === anchors.length;
+  more.textContent = open ? labels.less : labels.more.replace("{n}", String(anchors.length - shown));
+  more.setAttribute("aria-expanded", String(open));
+  if (field) field.hidden = !open;
+  const empty = row.querySelector(".vp-blog-facet__empty");
+  if (empty) empty.hidden = !(open && shown === 0);
+}
+function syncBrowse(blog, url, filter, markers, labels) {
+  const browse = blog.querySelector(".vp-blog-browse");
+  if (!browse) return;
+  for (const anchor of browse.querySelectorAll(".vp-blog-facet__chips a")) {
+    const link2 = readFilterLink(anchor);
+    if (!link2) continue;
+    const active = isActive(link2, filter);
+    const count = markers.filter((marker) => matches(marker, withValue(filter, link2))).length;
+    anchor.href = toHref(url, toggle(filter, link2));
+    markActive(anchor, active);
+    anchor.classList.toggle("is-empty", count === 0 && !active);
+    const counter = anchor.querySelector(".vp-blog-facet__count");
+    if (counter) counter.textContent = String(count);
+  }
+  const months = [...browse.querySelectorAll('[data-vp-blog-facet="month"]')];
+  for (const row of months) row.hidden = months.length > 1 && row.dataset.year !== filter.date.slice(0, 4);
+  for (const row of browse.querySelectorAll(".vp-blog-facet")) {
+    layoutRow(row, labels);
+    const chips = row.querySelector(".vp-blog-facet__chips");
+    if (chips) row.classList.toggle("is-scrollable", chips.scrollWidth > chips.clientWidth + 1);
+  }
+}
+function findName(blog, facet, value) {
+  for (const anchor of blog.querySelectorAll(FILTER_LINKS)) {
+    const link2 = readFilterLink(anchor);
+    if (link2?.facet === facet && link2.value === value) {
+      const name = (anchor.querySelector(".vp-blog-facet__name") ?? anchor).textContent?.trim();
+      if (name) return name;
+    }
+  }
+  return value;
+}
+function formatDate(date, locale) {
+  if (date.length === 4) return date;
+  const [year, month] = date.split("-").map(Number);
+  try {
+    return new Intl.DateTimeFormat(locale, { timeZone: "UTC", month: "long", year: "numeric" }).format(
+      Date.UTC(year, month - 1, 1, 12)
+    );
+  } catch {
+    return date;
+  }
+}
+function element(tag, className, text = "") {
+  const node = document.createElement(tag);
+  node.className = className;
+  node.textContent = text;
+  return node;
 }
 function link(text, href, className) {
-  const anchor = document.createElement("a");
-  anchor.className = className;
+  const anchor = element("a", className, text);
   anchor.href = href;
-  anchor.textContent = text;
   return anchor;
 }
-function renderFilter(slot, url, filter, count, labels) {
-  const { tag, announcements } = filter;
-  slot.hidden = !tag && !announcements;
+function listActiveFilters(blog, filter, labels) {
+  const active = [];
+  if (filter.announcements) {
+    active.push({ kind: "", name: labels.announcements, without: { ...filter, announcements: false } });
+  }
+  if (filter.category) {
+    const name = findName(blog, "category", filter.category);
+    active.push({ kind: labels.category, name, without: { ...filter, category: "" } });
+  }
+  if (filter.tag) {
+    active.push({ kind: labels.tag, name: findName(blog, "tag", filter.tag), without: { ...filter, tag: "" } });
+  }
+  if (filter.date) {
+    const name = formatDate(filter.date, blog.dataset.locale || document.documentElement.lang || "en-US");
+    active.push({ kind: "", name, without: { ...filter, date: "" } });
+  }
+  return active;
+}
+function renderFilter(slot, blog, url, filter, count, labels) {
+  const active = listActiveFilters(blog, filter, labels);
+  slot.hidden = active.length === 0;
   if (slot.hidden) return slot.replaceChildren();
-  const message = document.createElement("span");
-  if (tag) {
-    fillWithTag(message, count ? labels.tagged : labels.noTagged, tag);
-    if (announcements) message.prepend(`${labels.announcements} \xB7 `);
-  } else {
-    message.textContent = count ? labels.announcements : labels.noAnnouncements;
+  const summary = count === 0 ? labels.noMatches : count === 1 ? labels.postCountOne : labels.postCount;
+  const parts = [element("span", "vp-blog-filter__count", summary.replace("{n}", String(count)))];
+  for (const { kind, name, without } of active) {
+    const chip = link("", toHref(url, without), "vp-blog-filter__chip");
+    chip.setAttribute("aria-label", labels.removeFilter.replace("{filter}", kind ? `${kind} ${name}` : name));
+    if (kind) chip.append(element("span", "vp-blog-filter__kind", kind), " ");
+    const remove = element("span", "vp-blog-filter__remove", "\xD7");
+    remove.setAttribute("aria-hidden", "true");
+    chip.append(name, remove);
+    parts.push(chip);
   }
-  const clear = { tag: "", announcements: false };
-  slot.replaceChildren(message, " ", link(labels.showAll, toHref(url, clear, 1), "vp-blog-filter__clear"));
+  const clear = { category: "", tag: "", date: "", announcements: false };
+  parts.push(link(labels.showAll, toHref(url, clear), "vp-blog-filter__clear"));
+  slot.replaceChildren(...parts);
 }
 function renderPagination(slot, url, filter, page, pageCount, labels) {
   slot.hidden = pageCount < 2;
@@ -78,10 +254,8 @@ function renderPagination(slot, url, filter, page, pageCount, labels) {
   if (page > 1) parts.push(link(labels.previous, toHref(url, filter, page - 1), "vp-blog-pagination__previous"));
   for (let number = 1; number <= pageCount; number++) {
     if (number === page) {
-      const current = document.createElement("span");
-      current.className = "vp-blog-pagination__page is-current";
+      const current = element("span", "vp-blog-pagination__page is-current", String(number));
       current.setAttribute("aria-current", "page");
-      current.textContent = String(number);
       parts.push(current);
     } else {
       parts.push(link(String(number), toHref(url, filter, number), "vp-blog-pagination__page"));
@@ -90,53 +264,49 @@ function renderPagination(slot, url, filter, page, pageCount, labels) {
   if (page < pageCount) parts.push(link(labels.next, toHref(url, filter, page + 1), "vp-blog-pagination__next"));
   slot.replaceChildren(...parts);
 }
-function markActiveTags(blog, tag) {
-  for (const anchor of blog.querySelectorAll(".vp-blog-tags a, .vp-blog-card__tags a")) {
-    let linkTag = "";
-    try {
-      linkTag = new URL(anchor.href, location.href).searchParams.get("tag") ?? "";
-    } catch {
-    }
-    const active = !!tag && linkTag.toLowerCase() === tag;
-    anchor.classList.toggle("is-active", active);
-    if (active) anchor.setAttribute("aria-current", "true");
-    else anchor.removeAttribute("aria-current");
+function markCardLinks(blog, filter) {
+  for (const anchor of blog.querySelectorAll(".vp-blog-card__category a, .vp-blog-card__tags a")) {
+    const link2 = readFilterLink(anchor);
+    markActive(anchor, !!link2 && isActive(link2, filter));
   }
 }
 function applyBlogView(blog, url) {
   const labels = readLabels(blog);
-  const tag = (url.searchParams.get("tag") ?? "").trim().toLowerCase();
-  const filter = { tag, announcements: url.searchParams.has("announcements") };
+  const filter = readFilter(url);
   const pageSize = Math.max(0, Number(blog.dataset.pageSize) || 0);
   const markers = [...blog.querySelectorAll(ITEM)];
-  const isSticky = (marker) => !!marker.closest("[data-vp-blog-sticky]");
-  const sticky = markers.filter((marker) => isSticky(marker) && matches(marker, filter));
-  const rest = markers.filter((marker) => !isSticky(marker) && matches(marker, filter));
+  const isPinned = (marker) => !!marker.closest("[data-vp-blog-pinned]");
+  const pinned = markers.filter((marker) => isPinned(marker) && matches(marker, filter));
+  const rest = markers.filter((marker) => !isPinned(marker) && matches(marker, filter));
   const pageCount = pageSize ? Math.max(1, Math.ceil(rest.length / pageSize)) : 1;
   const requested = Number.parseInt(url.searchParams.get("page") ?? "1", 10);
   const page = Math.min(pageCount, Math.max(1, Number.isFinite(requested) ? requested : 1));
   const shown = /* @__PURE__ */ new Set([
-    ...page === 1 ? sticky : [],
+    ...page === 1 ? pinned : [],
     ...pageSize ? rest.slice((page - 1) * pageSize, page * pageSize) : rest
   ]);
   for (const marker of markers) itemElement(marker).hidden = !shown.has(marker);
-  for (const group of blog.querySelectorAll("[data-vp-blog-sticky], .vp-blog-year")) {
+  for (const group of blog.querySelectorAll("[data-vp-blog-pinned], .vp-blog-group")) {
     group.hidden = ![...group.querySelectorAll(ITEM)].some((marker) => shown.has(marker));
   }
   const banner = blog.querySelector("[data-vp-blog-filter]");
-  if (banner) renderFilter(banner, url, filter, sticky.length + rest.length, labels);
+  if (banner) renderFilter(banner, blog, url, filter, pinned.length + rest.length, labels);
   const pagination = blog.querySelector("[data-vp-blog-pagination]");
   if (pagination) renderPagination(pagination, url, filter, page, pageCount, labels);
-  markActiveTags(blog, tag);
-  return { tag, announcements: filter.announcements, page, pageCount };
+  syncBrowse(blog, url, filter, markers, labels);
+  markCardLinks(blog, filter);
+  return { ...filter, page, pageCount };
 }
 var lastViews = /* @__PURE__ */ new WeakMap();
+function viewChanged(previous, view) {
+  return ["category", "tag", "date", "announcements", "page"].some((key) => previous[key] !== view[key]);
+}
 function applyBlogViews(root = document, url = new URL(location.href)) {
   for (const blog of root.querySelectorAll("[data-vp-blog]")) {
     const previous = lastViews.get(blog);
     const view = applyBlogView(blog, url);
     lastViews.set(blog, view);
-    if (previous && (previous.page !== view.page || previous.tag !== view.tag || previous.announcements !== view.announcements) && blog.getBoundingClientRect().top < 0) {
+    if (previous && viewChanged(previous, view) && blog.getBoundingClientRect().top < 0) {
       blog.scrollIntoView({ block: "start" });
     }
   }
@@ -244,6 +414,7 @@ export {
   BlogAnnouncementBanner,
   applyBlogView,
   applyBlogViews,
+  readFilter,
   useBlog
 };
 //# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/client.ts","../src/view.ts","../src/banner.ts"],"sourcesContent":["// A namespace import, not named ones: during the server-side build Node loads\n// VitePress's node entry, which has no `inBrowser`, `useRoute` or\n// `onContentUpdated`. Named imports would fail to link there; on the\n// namespace they are just `undefined`.\nimport * as vitepress from 'vitepress';\nimport { nextTick, onMounted, watch } from 'vue';\nimport { applyBlogViews } from './view.js';\n\n/**\n * Turns on keyword filtering (`?tag=`) and pagination (`?page=`) on blog\n * pages. Call it from your theme's `setup()`:\n *\n * ```ts\n * // .vitepress/theme/index.ts\n * import DefaultTheme from 'vitepress/theme';\n * import { useBlog } from '@binarynoir/vitepress-blog/client';\n * import '@binarynoir/vitepress-blog/style.css';\n *\n * export default {\n *   extends: DefaultTheme,\n *   setup() {\n *     useBlog();\n *   },\n * };\n * ```\n *\n * Keyword and page links are ordinary links: VitePress's router follows them\n * without reloading the page, and this re-applies the view whenever the path\n * or query string changes. It runs after the page has hydrated, so the\n * server-rendered HTML (every post) and the first client render agree.\n * Does nothing during the server-side build.\n */\nexport function useBlog(): void {\n  if (!vitepress.inBrowser) return;\n  const route = vitepress.useRoute();\n  const apply = () => nextTick(() => applyBlogViews());\n  onMounted(() => {\n    watch(() => [route.path, route.query], apply, { immediate: true });\n  });\n  // `vitepress dev` swaps a page's content in place when it is edited.\n  vitepress.onContentUpdated(apply);\n}\n\nexport { BlogAnnouncementBanner } from './banner.js';\nexport { applyBlogView, applyBlogViews, type BlogViewState } from './view.js';\n","/**\n * Keyword filtering and pagination for blog pages, in the browser. The build\n * writes every post into the page (see `renderPostList`); this hides the ones\n * the URL's `?tag=`, `?announcements` and `?page=` leave out, and fills in the\n * filter banner and the page links. Without it, every post simply shows.\n */\n\nconst ITEM = '[data-vp-blog-item]';\n\ninterface BlogLabels {\n  tagged: string;\n  showAll: string;\n  noTagged: string;\n  previous: string;\n  next: string;\n  pages: string;\n  announcements: string;\n  noAnnouncements: string;\n}\n\nfunction readLabels(blog: HTMLElement): BlogLabels {\n  const { dataset } = blog;\n  return {\n    tagged: dataset.labelTagged ?? 'Posts tagged {tag}',\n    showAll: dataset.labelShowAll ?? 'Show all posts',\n    noTagged: dataset.labelNoTagged ?? 'No posts tagged {tag}.',\n    previous: dataset.labelPrevious ?? 'Previous',\n    next: dataset.labelNext ?? 'Next',\n    pages: dataset.labelPages ?? 'Pages',\n    announcements: dataset.labelAnnouncements ?? 'Announcements',\n    noAnnouncements: dataset.labelNoAnnouncements ?? 'No announcements.',\n  };\n}\n\n/** The element a marker stands for: a card is its own marker; a compact list item holds one. */\nfunction itemElement(marker: Element): HTMLElement {\n  return (marker.tagName === 'ARTICLE' ? marker : (marker.closest('li') ?? marker)) as HTMLElement;\n}\n\nfunction hasTag(marker: Element, tag: string): boolean {\n  return !tag || (marker.getAttribute('data-tags') ?? '').split('|').includes(tag);\n}\n\n/** What the URL filters by: a keyword, lowercased, and whether only announcements show. */\ninterface Filter {\n  tag: string;\n  announcements: boolean;\n}\n\nfunction matches(marker: Element, filter: Filter): boolean {\n  return hasTag(marker, filter.tag) && (!filter.announcements || marker.hasAttribute('data-announcement'));\n}\n\n/** `url` with the filter and `page` set (or removed when empty or page 1), as a path the router can follow. */\nfunction toHref(url: URL, filter: Filter, page: number): string {\n  const next = new URL(url.href);\n  next.hash = '';\n  if (filter.tag) next.searchParams.set('tag', filter.tag);\n  else next.searchParams.delete('tag');\n  if (filter.announcements) next.searchParams.set('announcements', '');\n  else next.searchParams.delete('announcements');\n  if (page > 1) next.searchParams.set('page', String(page));\n  else next.searchParams.delete('page');\n  // A bare `?announcements`, not `?announcements=`.\n  return next.pathname + next.search.replace(/([?&]announcements)=(?=&|$)/, '$1');\n}\n\n/** `template` with `{tag}` replaced by a `<strong>` holding the tag, as text: the tag comes from the URL. */\nfunction fillWithTag(element: HTMLElement, template: string, tag: string): void {\n  const [before, after = ''] = template.split('{tag}');\n  const strong = document.createElement('strong');\n  strong.textContent = tag;\n  element.replaceChildren(document.createTextNode(before), ...(template.includes('{tag}') ? [strong] : []), after);\n}\n\nfunction link(text: string, href: string, className: string): HTMLAnchorElement {\n  const anchor = document.createElement('a');\n  anchor.className = className;\n  anchor.href = href;\n  anchor.textContent = text;\n  return anchor;\n}\n\nfunction renderFilter(slot: HTMLElement, url: URL, filter: Filter, count: number, labels: BlogLabels): void {\n  const { tag, announcements } = filter;\n  slot.hidden = !tag && !announcements;\n  if (slot.hidden) return slot.replaceChildren();\n  const message = document.createElement('span');\n  if (tag) {\n    fillWithTag(message, count ? labels.tagged : labels.noTagged, tag);\n    if (announcements) message.prepend(`${labels.announcements} · `);\n  } else {\n    message.textContent = count ? labels.announcements : labels.noAnnouncements;\n  }\n  const clear = { tag: '', announcements: false };\n  slot.replaceChildren(message, ' ', link(labels.showAll, toHref(url, clear, 1), 'vp-blog-filter__clear'));\n}\n\nfunction renderPagination(\n  slot: HTMLElement,\n  url: URL,\n  filter: Filter,\n  page: number,\n  pageCount: number,\n  labels: BlogLabels,\n): void {\n  slot.hidden = pageCount < 2;\n  slot.setAttribute('aria-label', labels.pages);\n  if (pageCount < 2) return slot.replaceChildren();\n\n  const parts: Node[] = [];\n  if (page > 1) parts.push(link(labels.previous, toHref(url, filter, page - 1), 'vp-blog-pagination__previous'));\n  for (let number = 1; number <= pageCount; number++) {\n    if (number === page) {\n      const current = document.createElement('span');\n      current.className = 'vp-blog-pagination__page is-current';\n      current.setAttribute('aria-current', 'page');\n      current.textContent = String(number);\n      parts.push(current);\n    } else {\n      parts.push(link(String(number), toHref(url, filter, number), 'vp-blog-pagination__page'));\n    }\n  }\n  if (page < pageCount) parts.push(link(labels.next, toHref(url, filter, page + 1), 'vp-blog-pagination__next'));\n  slot.replaceChildren(...parts);\n}\n\n/** Marks the keyword links (in the keyword list and on cards) that match the active keyword. */\nfunction markActiveTags(blog: HTMLElement, tag: string): void {\n  for (const anchor of blog.querySelectorAll<HTMLAnchorElement>('.vp-blog-tags a, .vp-blog-card__tags a')) {\n    let linkTag = '';\n    try {\n      linkTag = new URL(anchor.href, location.href).searchParams.get('tag') ?? '';\n    } catch {\n      // Leave a link that isn't a URL unmarked.\n    }\n    const active = !!tag && linkTag.toLowerCase() === tag;\n    anchor.classList.toggle('is-active', active);\n    if (active) anchor.setAttribute('aria-current', 'true');\n    else anchor.removeAttribute('aria-current');\n  }\n}\n\nexport interface BlogViewState {\n  tag: string;\n  /** Whether only announcements show (`?announcements`). */\n  announcements: boolean;\n  page: number;\n  pageCount: number;\n}\n\n/**\n * Shows the posts of one blog page that `url` asks for: those with its\n * `?tag=` keyword (any case), only announcements with `?announcements`, and\n * of those, the ones on its `?page=`. Pinned\n * sticky posts only show on the first page and aren't counted in the page\n * size. Returns what is showing.\n */\nexport function applyBlogView(blog: HTMLElement, url: URL): BlogViewState {\n  const labels = readLabels(blog);\n  const tag = (url.searchParams.get('tag') ?? '').trim().toLowerCase();\n  const filter: Filter = { tag, announcements: url.searchParams.has('announcements') };\n  const pageSize = Math.max(0, Number(blog.dataset.pageSize) || 0);\n\n  const markers = [...blog.querySelectorAll(ITEM)];\n  const isSticky = (marker: Element) => !!marker.closest('[data-vp-blog-sticky]');\n  const sticky = markers.filter((marker) => isSticky(marker) && matches(marker, filter));\n  const rest = markers.filter((marker) => !isSticky(marker) && matches(marker, filter));\n\n  const pageCount = pageSize ? Math.max(1, Math.ceil(rest.length / pageSize)) : 1;\n  const requested = Number.parseInt(url.searchParams.get('page') ?? '1', 10);\n  const page = Math.min(pageCount, Math.max(1, Number.isFinite(requested) ? requested : 1));\n\n  const shown = new Set<Element>([\n    ...(page === 1 ? sticky : []),\n    ...(pageSize ? rest.slice((page - 1) * pageSize, page * pageSize) : rest),\n  ]);\n  for (const marker of markers) itemElement(marker).hidden = !shown.has(marker);\n\n  // A sticky section or year with nothing showing is hidden, heading and all.\n  for (const group of blog.querySelectorAll<HTMLElement>('[data-vp-blog-sticky], .vp-blog-year')) {\n    group.hidden = ![...group.querySelectorAll(ITEM)].some((marker) => shown.has(marker));\n  }\n\n  const banner = blog.querySelector<HTMLElement>('[data-vp-blog-filter]');\n  if (banner) renderFilter(banner, url, filter, sticky.length + rest.length, labels);\n  const pagination = blog.querySelector<HTMLElement>('[data-vp-blog-pagination]');\n  if (pagination) renderPagination(pagination, url, filter, page, pageCount, labels);\n  markActiveTags(blog, tag);\n\n  return { tag, announcements: filter.announcements, page, pageCount };\n}\n\nconst lastViews = new WeakMap<HTMLElement, BlogViewState>();\n\n/**\n * Applies `url` to every blog page in `root`. When the page or keyword of a\n * blog already on screen changes, it is scrolled back to its top.\n */\nexport function applyBlogViews(root: ParentNode = document, url: URL = new URL(location.href)): void {\n  for (const blog of root.querySelectorAll<HTMLElement>('[data-vp-blog]')) {\n    const previous = lastViews.get(blog);\n    const view = applyBlogView(blog, url);\n    lastViews.set(blog, view);\n    if (\n      previous &&\n      (previous.page !== view.page || previous.tag !== view.tag || previous.announcements !== view.announcements) &&\n      blog.getBoundingClientRect().top < 0\n    ) {\n      blog.scrollIntoView({ block: 'start' });\n    }\n  }\n}\n","// A namespace import, as in `client.ts`: loaded by Node without the Vite\n// plugin, VitePress's node entry has no `useData` or `withBase`.\nimport * as vitepress from 'vitepress';\nimport { computed, defineComponent, h, onMounted, ref } from 'vue';\nimport type { BlogAnnouncementData } from './types.js';\nimport { ANNOUNCEMENTS_KEY, DISMISSED_CLASS, DISMISSED_STORAGE_KEY } from './util.js';\n\nconst closeIcon = () =>\n  h('svg', { viewBox: '0 0 24 24', width: 16, height: 16, 'aria-hidden': 'true' }, [\n    h('path', {\n      fill: 'currentColor',\n      d: 'M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z',\n    }),\n  ]);\n\nfunction readDismissed(): string[] {\n  try {\n    const value: unknown = JSON.parse(localStorage.getItem(DISMISSED_STORAGE_KEY) ?? '[]');\n    return Array.isArray(value) ? value.filter((id): id is string => typeof id === 'string') : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction writeDismissed(ids: string[]): void {\n  try {\n    localStorage.setItem(DISMISSED_STORAGE_KEY, JSON.stringify(ids));\n  } catch {\n    // Storage blocked (a private window, say): dismissed until the next page load.\n  }\n}\n\n/**\n * The announcement banner: one line across the top of the page, above the\n * nav bar, with the newest announcement linked to its post. With more than\n * one not yet dismissed, a badge counts them and links to the blog page\n * filtered to announcements. Its close button dismisses every current one;\n * a newer announcement brings it back. Put it in the theme's `layout-top` slot:\n *\n * ```ts\n * // .vitepress/theme/index.ts\n * import { h } from 'vue';\n * import DefaultTheme from 'vitepress/theme';\n * import { BlogAnnouncementBanner } from '@binarynoir/vitepress-blog/client';\n *\n * export default {\n *   extends: DefaultTheme,\n *   Layout: () => h(DefaultTheme.Layout, null, { 'layout-top': () => h(BlogAnnouncementBanner) }),\n * };\n * ```\n *\n * It reads what `blogVitePlugin` (or `withBlog`) puts on the site data, and\n * renders nothing without it.\n */\nexport const BlogAnnouncementBanner = defineComponent({\n  name: 'BlogAnnouncementBanner',\n  setup() {\n    if (typeof vitepress.useData !== 'function') return () => null;\n    const { site } = vitepress.useData();\n    const data = computed(\n      () => (site.value as unknown as Record<string, unknown>)[ANNOUNCEMENTS_KEY] as BlogAnnouncementData | undefined,\n    );\n    // Unknown until mounted: the server can't read storage, so the first render\n    // matches its HTML, and the `<head>` script has already hidden it if dismissed.\n    const dismissed = ref<string[] | null>(null);\n    onMounted(() => {\n      dismissed.value = readDismissed();\n    });\n\n    const latest = computed(() => data.value?.items[0]);\n    const active = computed(() => (data.value?.items ?? []).filter((item) => !dismissed.value?.includes(item.id)));\n\n    const dismiss = () => {\n      const ids = (data.value?.items ?? []).map((item) => item.id);\n      dismissed.value = ids;\n      writeDismissed(ids);\n      document.documentElement.classList.add(DISMISSED_CLASS);\n    };\n\n    return () => {\n      const announcement = latest.value;\n      if (!data.value || !announcement || dismissed.value?.includes(announcement.id)) return null;\n      const { labels, listLink } = data.value;\n      const count = active.value.length;\n      const countLabel = labels.announcementCount.replace('{n}', String(count));\n      const badge =\n        count > 1\n          ? listLink\n            ? h(\n                'a',\n                {\n                  class: 'vp-blog-announcement__count',\n                  href: vitepress.withBase(listLink),\n                  title: countLabel,\n                  'aria-label': countLabel,\n                },\n                String(count),\n              )\n            : h(\n                'span',\n                { class: 'vp-blog-announcement__count', title: countLabel, 'aria-label': countLabel },\n                String(count),\n              )\n          : null;\n      return h('div', { class: 'vp-blog-announcement', role: 'region', 'aria-label': labels.announcement }, [\n        h('div', { class: 'vp-blog-announcement__content' }, [\n          h(\n            'a',\n            { class: 'vp-blog-announcement__text', href: vitepress.withBase(announcement.link) },\n            announcement.text,\n          ),\n          badge,\n        ]),\n        h(\n          'button',\n          {\n            class: 'vp-blog-announcement__dismiss',\n            type: 'button',\n            title: labels.dismiss,\n            'aria-label': labels.dismiss,\n            onClick: dismiss,\n          },\n          [closeIcon()],\n        ),\n      ]);\n    };\n  },\n});\n"],"mappings":"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","names":["vitepress","onMounted","onMounted"]}
+{"version":3,"sources":["../src/client.ts","../src/view.ts","../src/banner.ts"],"sourcesContent":["// A namespace import, not named ones: during the server-side build Node loads\n// VitePress's node entry, which has no `inBrowser`, `useRoute` or\n// `onContentUpdated`. Named imports would fail to link there; on the\n// namespace they are just `undefined`.\nimport * as vitepress from 'vitepress';\nimport { nextTick, onMounted, watch } from 'vue';\nimport { applyBlogViews } from './view.js';\n\n/**\n * Turns on filtering (`?category=`, `?tag=`, `?year=`, `?month=`) and pagination (`?page=`) on blog\n * pages. Call it from your theme's `setup()`:\n *\n * ```ts\n * // .vitepress/theme/index.ts\n * import DefaultTheme from 'vitepress/theme';\n * import { useBlog } from '@binarynoir/vitepress-blog/client';\n * import '@binarynoir/vitepress-blog/style.css';\n *\n * export default {\n *   extends: DefaultTheme,\n *   setup() {\n *     useBlog();\n *   },\n * };\n * ```\n *\n * Filter and page links are ordinary links: VitePress's router follows them\n * without reloading the page, and this re-applies the view whenever the path\n * or query string changes. It runs after the page has hydrated, so the\n * server-rendered HTML (every post) and the first client render agree.\n * Does nothing during the server-side build.\n */\nexport function useBlog(): void {\n  if (!vitepress.inBrowser) return;\n  const route = vitepress.useRoute();\n  const apply = () => nextTick(() => applyBlogViews());\n  onMounted(() => {\n    watch(() => [route.path, route.query], apply, { immediate: true });\n  });\n  // `vitepress dev` swaps a page's content in place when it is edited.\n  vitepress.onContentUpdated(apply);\n}\n\nexport { BlogAnnouncementBanner } from './banner.js';\nexport { applyBlogView, applyBlogViews, readFilter, type BlogFilter, type BlogViewState } from './view.js';\n","/**\n * Filtering and pagination for blog pages, in the browser. The build writes\n * every post into the page (see `renderPostList`); this hides the ones the\n * URL's `?category=`, `?tag=`, `?year=`, `?month=`, `?announcements` and\n * `?page=` leave out, keeps the browse panel's chips and counts in step with\n * them, and fills in the active filters and the page links. Without it, every\n * post simply shows.\n */\n\nconst ITEM = '[data-vp-blog-item]';\n/** Links that filter the blog: the browse panel's chips, and the category and keyword links on cards. */\nconst FILTER_LINKS = '.vp-blog-facet__chips a, .vp-blog-card__category a, .vp-blog-card__tags a';\n\ninterface BlogLabels {\n  showAll: string;\n  previous: string;\n  next: string;\n  pages: string;\n  announcements: string;\n  category: string;\n  tag: string;\n  postCount: string;\n  postCountOne: string;\n  noMatches: string;\n  removeFilter: string;\n  more: string;\n  less: string;\n  filter: string;\n  noFilterMatches: string;\n}\n\nfunction readLabels(blog: HTMLElement): BlogLabels {\n  const { dataset } = blog;\n  return {\n    showAll: dataset.labelShowAll ?? 'Show all posts',\n    previous: dataset.labelPrevious ?? 'Previous',\n    next: dataset.labelNext ?? 'Next',\n    pages: dataset.labelPages ?? 'Pages',\n    announcements: dataset.labelAnnouncements ?? 'Announcements',\n    category: dataset.labelCategory ?? 'Category',\n    tag: dataset.labelTag ?? 'Keyword',\n    postCount: dataset.labelPostCount ?? '{n} posts',\n    postCountOne: dataset.labelPostCountOne ?? '{n} post',\n    noMatches: dataset.labelNoMatches ?? 'No posts match these filters.',\n    removeFilter: dataset.labelRemoveFilter ?? 'Remove filter: {filter}',\n    more: dataset.labelMore ?? '+{n} more',\n    less: dataset.labelLess ?? 'Show fewer',\n    filter: dataset.labelFilter ?? 'Filter {row}',\n    noFilterMatches: dataset.labelNoFilterMatches ?? 'Nothing matches.',\n  };\n}\n\n/**\n * What the URL filters by. Every filter must match. The category and keyword\n * are lowercased; `date` is `''`, a year (`2026`) or a month (`2026-10`).\n */\nexport interface BlogFilter {\n  category: string;\n  tag: string;\n  date: string;\n  /** Whether only announcements show (`?announcements`). */\n  announcements: boolean;\n}\n\ntype Facet = 'category' | 'tag' | 'date';\n\n/** Reads the filter from `?category=`, `?tag=`, `?year=` and `?month=`. A month names its year too, so it wins over `?year=`. */\nexport function readFilter(url: URL): BlogFilter {\n  const text = (name: string) => (url.searchParams.get(name) ?? '').trim().toLowerCase();\n  const month = text('month');\n  const year = text('year');\n  return {\n    category: text('category'),\n    tag: text('tag'),\n    date: /^\\d{4}-(?:0[1-9]|1[0-2])$/.test(month) ? month : /^\\d{4}$/.test(year) ? year : '',\n    announcements: url.searchParams.has('announcements'),\n  };\n}\n\n/** The element a marker stands for: a card is its own marker; a compact list item holds one. */\nfunction itemElement(marker: Element): HTMLElement {\n  return (marker.tagName === 'ARTICLE' ? marker : (marker.closest('li') ?? marker)) as HTMLElement;\n}\n\nfunction matches(marker: Element, filter: BlogFilter): boolean {\n  const { category, tag, date, announcements } = filter;\n  return (\n    (!tag || (marker.getAttribute('data-tags') ?? '').split('|').includes(tag)) &&\n    (!category || marker.getAttribute('data-category') === category) &&\n    // `2026` matches every month of 2026; `2026-10` only October.\n    (!date || (marker.getAttribute('data-month') ?? '').startsWith(date)) &&\n    (!announcements || marker.hasAttribute('data-announcement'))\n  );\n}\n\n/** `url` with the filter and `page` set (or removed when empty or page 1), as a path the router can follow. */\nfunction toHref(url: URL, filter: BlogFilter, page = 1): string {\n  const next = new URL(url.href);\n  next.hash = '';\n  const set = (name: string, value: string) =>\n    value ? next.searchParams.set(name, value) : next.searchParams.delete(name);\n  set('category', filter.category);\n  set('tag', filter.tag);\n  set('year', filter.date.length === 4 ? filter.date : '');\n  set('month', filter.date.length === 7 ? filter.date : '');\n  if (filter.announcements) next.searchParams.set('announcements', '');\n  else next.searchParams.delete('announcements');\n  set('page', page > 1 ? String(page) : '');\n  // A bare `?announcements`, not `?announcements=`.\n  return next.pathname + next.search.replace(/([?&]announcements)=(?=&|$)/, '$1');\n}\n\n/** The filter a link applies, as the build wrote it: `?category=x`, `?tag=x`, `?year=2026` or `?month=2026-10`. */\ninterface FilterLink {\n  facet: Facet;\n  value: string;\n}\n\n/**\n * The filter a link stands for. It is read from the link's URL the first time\n * and remembered, because the browse panel's links are then rewritten to\n * combine it with the other active filters.\n */\nfunction readFilterLink(anchor: HTMLAnchorElement): FilterLink | null {\n  if (!anchor.dataset.vpBlogFacet) {\n    let params: URLSearchParams;\n    try {\n      params = new URL(anchor.href, location.href).searchParams;\n    } catch {\n      return null;\n    }\n    const param = (['category', 'tag', 'month', 'year'] as const).find((name) => params.has(name));\n    if (!param) return null;\n    anchor.dataset.vpBlogFacet = param === 'year' || param === 'month' ? 'date' : param;\n    anchor.dataset.vpBlogValue = (params.get(param) ?? '').trim().toLowerCase();\n  }\n  return { facet: anchor.dataset.vpBlogFacet as Facet, value: anchor.dataset.vpBlogValue ?? '' };\n}\n\nfunction withValue(filter: BlogFilter, { facet, value }: FilterLink): BlogFilter {\n  return { ...filter, [facet]: value };\n}\n\n/** Whether the link's filter is applied. A year is also active while one of its months is. */\nfunction isActive({ facet, value }: FilterLink, filter: BlogFilter): boolean {\n  if (facet !== 'date') return filter[facet] === value;\n  return value.length === 4 ? filter.date.startsWith(value) : filter.date === value;\n}\n\n/**\n * Where a browse chip leads: its filter added to the active ones (replacing\n * any other value of the same kind), or, when it is the active one, taken off\n * again. An active month steps back out to its year.\n */\nfunction toggle(filter: BlogFilter, link: FilterLink): BlogFilter {\n  if (link.facet !== 'date')\n    return withValue(filter, { ...link, value: filter[link.facet] === link.value ? '' : link.value });\n  if (filter.date !== link.value) return withValue(filter, link);\n  return { ...filter, date: link.value.length === 7 ? link.value.slice(0, 4) : '' };\n}\n\nfunction markActive(anchor: HTMLAnchorElement, active: boolean): void {\n  anchor.classList.toggle('is-active', active);\n  if (active) anchor.setAttribute('aria-current', 'true');\n  else anchor.removeAttribute('aria-current');\n}\n\n/** A row with more chips than this gets a field to narrow them, when it is open. */\nconst FILTER_FIELD_MIN = 30;\n\nfunction chipName(anchor: HTMLAnchorElement): string {\n  return (anchor.querySelector('.vp-blog-facet__name') ?? anchor).textContent?.trim() ?? '';\n}\n\nfunction rowChips(row: HTMLElement): HTMLAnchorElement[] {\n  return [...row.querySelectorAll<HTMLAnchorElement>('.vp-blog-facet__chips a')];\n}\n\n/**\n * Adds a long row's controls, once: a \"+N more\" button after its chips, in\n * view even while a narrow screen's row is scrolled, and for a very long row, a field that narrows them. Chips also\n * learn their place in alphabetical order, which an open row lists them in.\n */\nfunction setUpRow(row: HTMLElement, labels: BlogLabels): void {\n  if (row.querySelector('.vp-blog-facet__more')) return;\n  const chips = row.querySelector<HTMLElement>('.vp-blog-facet__chips');\n  if (!chips) return;\n  const anchors = rowChips(row);\n  [...anchors]\n    .sort((a, b) => chipName(a).localeCompare(chipName(b), undefined, { sensitivity: 'base' }))\n    .forEach((anchor, position) => (anchor.dataset.vpBlogAlphabetical = String(position)));\n\n  const more = element('button', 'vp-blog-facet__more') as HTMLButtonElement;\n  more.type = 'button';\n  more.addEventListener('click', () => {\n    row.classList.toggle('is-open');\n    layoutRow(row, labels);\n  });\n  chips.after(more);\n\n  if (anchors.length <= FILTER_FIELD_MIN) return;\n  const field = document.createElement('input');\n  field.type = 'search';\n  field.className = 'vp-blog-facet__filter';\n  field.placeholder = labels.filter.replace('{row}', row.getAttribute('aria-label') ?? '');\n  field.setAttribute('aria-label', field.placeholder);\n  field.addEventListener('input', () => layoutRow(row, labels));\n  field.addEventListener('keydown', (event) => {\n    if (event.key !== 'Escape' || !field.value) return;\n    field.value = '';\n    layoutRow(row, labels);\n  });\n  const empty = element('p', 'vp-blog-facet__empty', labels.noFilterMatches);\n  chips.prepend(field);\n  chips.append(empty);\n}\n\n/**\n * Shows as much of a row as it should. A row with a `data-limit` shows that\n * many chips, most used first, plus any active one, then \"+N more\". Open, it\n * lists every chip alphabetically, narrowed to those matching its filter\n * field. Rows without a limit show every chip.\n */\nfunction layoutRow(row: HTMLElement, labels: BlogLabels): void {\n  const limit = Number(row.dataset.limit) || 0;\n  if (!limit) return;\n  setUpRow(row, labels);\n  const open = row.classList.contains('is-open');\n  const field = row.querySelector<HTMLInputElement>('.vp-blog-facet__filter');\n  const query = open && field ? field.value.trim().toLowerCase() : '';\n  const anchors = rowChips(row);\n  let shown = 0;\n  anchors.forEach((anchor, rank) => {\n    const visible = open\n      ? !query || chipName(anchor).toLowerCase().includes(query)\n      : rank < limit || anchor.classList.contains('is-active');\n    anchor.hidden = !visible;\n    anchor.style.order = open ? (anchor.dataset.vpBlogAlphabetical ?? '') : '';\n    if (visible) shown++;\n  });\n  const more = row.querySelector<HTMLButtonElement>('.vp-blog-facet__more')!;\n  more.hidden = !open && shown === anchors.length;\n  more.textContent = open ? labels.less : labels.more.replace('{n}', String(anchors.length - shown));\n  more.setAttribute('aria-expanded', String(open));\n  if (field) field.hidden = !open;\n  const empty = row.querySelector<HTMLElement>('.vp-blog-facet__empty');\n  if (empty) empty.hidden = !(open && shown === 0);\n}\n\n/**\n * Brings the browse panel in step with the filter. Each chip links to the\n * view with it toggled, and counts the posts it would show with the other\n * filters kept, so a reader can see where every next step leads; chips that\n * would show nothing are dimmed. The months of the year in view show below\n * the years.\n */\nfunction syncBrowse(blog: HTMLElement, url: URL, filter: BlogFilter, markers: Element[], labels: BlogLabels): void {\n  const browse = blog.querySelector<HTMLElement>('.vp-blog-browse');\n  if (!browse) return;\n  for (const anchor of browse.querySelectorAll<HTMLAnchorElement>('.vp-blog-facet__chips a')) {\n    const link = readFilterLink(anchor);\n    if (!link) continue;\n    const active = isActive(link, filter);\n    const count = markers.filter((marker) => matches(marker, withValue(filter, link))).length;\n    anchor.href = toHref(url, toggle(filter, link));\n    markActive(anchor, active);\n    anchor.classList.toggle('is-empty', count === 0 && !active);\n    const counter = anchor.querySelector('.vp-blog-facet__count');\n    if (counter) counter.textContent = String(count);\n  }\n  // With only one year, its months always show.\n  const months = [...browse.querySelectorAll<HTMLElement>('[data-vp-blog-facet=\"month\"]')];\n  for (const row of months) row.hidden = months.length > 1 && row.dataset.year !== filter.date.slice(0, 4);\n  for (const row of browse.querySelectorAll<HTMLElement>('.vp-blog-facet')) {\n    layoutRow(row, labels);\n    // On narrow screens a row is one line that scrolls sideways; its end fades while there is more.\n    const chips = row.querySelector<HTMLElement>('.vp-blog-facet__chips');\n    if (chips) row.classList.toggle('is-scrollable', chips.scrollWidth > chips.clientWidth + 1);\n  }\n}\n\n/** The name a filter value is shown with: as a chip or card link spells it, else as the URL gave it. */\nfunction findName(blog: HTMLElement, facet: 'category' | 'tag', value: string): string {\n  for (const anchor of blog.querySelectorAll<HTMLAnchorElement>(FILTER_LINKS)) {\n    const link = readFilterLink(anchor);\n    if (link?.facet === facet && link.value === value) {\n      const name = (anchor.querySelector('.vp-blog-facet__name') ?? anchor).textContent?.trim();\n      if (name) return name;\n    }\n  }\n  return value;\n}\n\n/** A year as written, or a month as \"October 2026\" in the blog's locale. */\nfunction formatDate(date: string, locale: string): string {\n  if (date.length === 4) return date;\n  const [year, month] = date.split('-').map(Number);\n  try {\n    return new Intl.DateTimeFormat(locale, { timeZone: 'UTC', month: 'long', year: 'numeric' }).format(\n      Date.UTC(year, month - 1, 1, 12),\n    );\n  } catch {\n    return date;\n  }\n}\n\nfunction element(tag: string, className: string, text = ''): HTMLElement {\n  const node = document.createElement(tag);\n  node.className = className;\n  node.textContent = text;\n  return node;\n}\n\nfunction link(text: string, href: string, className: string): HTMLAnchorElement {\n  const anchor = element('a', className, text) as HTMLAnchorElement;\n  anchor.href = href;\n  return anchor;\n}\n\n/** One active filter: what kind it is (`''` for a date or announcements), its name, and the view without it. */\ninterface ActiveFilter {\n  kind: string;\n  name: string;\n  without: BlogFilter;\n}\n\nfunction listActiveFilters(blog: HTMLElement, filter: BlogFilter, labels: BlogLabels): ActiveFilter[] {\n  const active: ActiveFilter[] = [];\n  if (filter.announcements) {\n    active.push({ kind: '', name: labels.announcements, without: { ...filter, announcements: false } });\n  }\n  if (filter.category) {\n    const name = findName(blog, 'category', filter.category);\n    active.push({ kind: labels.category, name, without: { ...filter, category: '' } });\n  }\n  if (filter.tag) {\n    active.push({ kind: labels.tag, name: findName(blog, 'tag', filter.tag), without: { ...filter, tag: '' } });\n  }\n  if (filter.date) {\n    const name = formatDate(filter.date, blog.dataset.locale || document.documentElement.lang || 'en-US');\n    active.push({ kind: '', name, without: { ...filter, date: '' } });\n  }\n  return active;\n}\n\n/**\n * The active filters, above the posts: how many posts match, a chip for each\n * filter that removes just that one, and a link that clears them all. All of\n * it is written as text: the values come from the URL.\n */\nfunction renderFilter(\n  slot: HTMLElement,\n  blog: HTMLElement,\n  url: URL,\n  filter: BlogFilter,\n  count: number,\n  labels: BlogLabels,\n): void {\n  const active = listActiveFilters(blog, filter, labels);\n  slot.hidden = active.length === 0;\n  if (slot.hidden) return slot.replaceChildren();\n\n  const summary = count === 0 ? labels.noMatches : count === 1 ? labels.postCountOne : labels.postCount;\n  const parts: Node[] = [element('span', 'vp-blog-filter__count', summary.replace('{n}', String(count)))];\n  for (const { kind, name, without } of active) {\n    const chip = link('', toHref(url, without), 'vp-blog-filter__chip');\n    chip.setAttribute('aria-label', labels.removeFilter.replace('{filter}', kind ? `${kind} ${name}` : name));\n    if (kind) chip.append(element('span', 'vp-blog-filter__kind', kind), ' ');\n    const remove = element('span', 'vp-blog-filter__remove', '×');\n    remove.setAttribute('aria-hidden', 'true');\n    chip.append(name, remove);\n    parts.push(chip);\n  }\n  const clear = { category: '', tag: '', date: '', announcements: false };\n  parts.push(link(labels.showAll, toHref(url, clear), 'vp-blog-filter__clear'));\n  slot.replaceChildren(...parts);\n}\n\nfunction renderPagination(\n  slot: HTMLElement,\n  url: URL,\n  filter: BlogFilter,\n  page: number,\n  pageCount: number,\n  labels: BlogLabels,\n): void {\n  slot.hidden = pageCount < 2;\n  slot.setAttribute('aria-label', labels.pages);\n  if (pageCount < 2) return slot.replaceChildren();\n\n  const parts: Node[] = [];\n  if (page > 1) parts.push(link(labels.previous, toHref(url, filter, page - 1), 'vp-blog-pagination__previous'));\n  for (let number = 1; number <= pageCount; number++) {\n    if (number === page) {\n      const current = element('span', 'vp-blog-pagination__page is-current', String(number));\n      current.setAttribute('aria-current', 'page');\n      parts.push(current);\n    } else {\n      parts.push(link(String(number), toHref(url, filter, number), 'vp-blog-pagination__page'));\n    }\n  }\n  if (page < pageCount) parts.push(link(labels.next, toHref(url, filter, page + 1), 'vp-blog-pagination__next'));\n  slot.replaceChildren(...parts);\n}\n\n/** Marks the category and keyword links on cards that match the active filter. */\nfunction markCardLinks(blog: HTMLElement, filter: BlogFilter): void {\n  for (const anchor of blog.querySelectorAll<HTMLAnchorElement>('.vp-blog-card__category a, .vp-blog-card__tags a')) {\n    const link = readFilterLink(anchor);\n    markActive(anchor, !!link && isActive(link, filter));\n  }\n}\n\nexport interface BlogViewState extends BlogFilter {\n  page: number;\n  pageCount: number;\n}\n\n/**\n * Shows the posts of one blog page that `url` asks for: those matching every\n * filter it gives (category and keyword in any case, a year or a month, only\n * announcements), and of those, the ones on its `?page=`. Pinned posts\n * only show on the first page and aren't counted in the page size. Returns\n * what is showing.\n */\nexport function applyBlogView(blog: HTMLElement, url: URL): BlogViewState {\n  const labels = readLabels(blog);\n  const filter = readFilter(url);\n  const pageSize = Math.max(0, Number(blog.dataset.pageSize) || 0);\n\n  const markers = [...blog.querySelectorAll(ITEM)];\n  const isPinned = (marker: Element) => !!marker.closest('[data-vp-blog-pinned]');\n  const pinned = markers.filter((marker) => isPinned(marker) && matches(marker, filter));\n  const rest = markers.filter((marker) => !isPinned(marker) && matches(marker, filter));\n\n  const pageCount = pageSize ? Math.max(1, Math.ceil(rest.length / pageSize)) : 1;\n  const requested = Number.parseInt(url.searchParams.get('page') ?? '1', 10);\n  const page = Math.min(pageCount, Math.max(1, Number.isFinite(requested) ? requested : 1));\n\n  const shown = new Set<Element>([\n    ...(page === 1 ? pinned : []),\n    ...(pageSize ? rest.slice((page - 1) * pageSize, page * pageSize) : rest),\n  ]);\n  for (const marker of markers) itemElement(marker).hidden = !shown.has(marker);\n\n  // A pinned section, year or month with nothing showing is hidden, heading and all.\n  for (const group of blog.querySelectorAll<HTMLElement>('[data-vp-blog-pinned], .vp-blog-group')) {\n    group.hidden = ![...group.querySelectorAll(ITEM)].some((marker) => shown.has(marker));\n  }\n\n  const banner = blog.querySelector<HTMLElement>('[data-vp-blog-filter]');\n  if (banner) renderFilter(banner, blog, url, filter, pinned.length + rest.length, labels);\n  const pagination = blog.querySelector<HTMLElement>('[data-vp-blog-pagination]');\n  if (pagination) renderPagination(pagination, url, filter, page, pageCount, labels);\n  syncBrowse(blog, url, filter, markers, labels);\n  markCardLinks(blog, filter);\n\n  return { ...filter, page, pageCount };\n}\n\nconst lastViews = new WeakMap<HTMLElement, BlogViewState>();\n\nfunction viewChanged(previous: BlogViewState, view: BlogViewState): boolean {\n  return (['category', 'tag', 'date', 'announcements', 'page'] as const).some((key) => previous[key] !== view[key]);\n}\n\n/**\n * Applies `url` to every blog page in `root`. When the page or a filter of a\n * blog already on screen changes, it is scrolled back to its top.\n */\nexport function applyBlogViews(root: ParentNode = document, url: URL = new URL(location.href)): void {\n  for (const blog of root.querySelectorAll<HTMLElement>('[data-vp-blog]')) {\n    const previous = lastViews.get(blog);\n    const view = applyBlogView(blog, url);\n    lastViews.set(blog, view);\n    if (previous && viewChanged(previous, view) && blog.getBoundingClientRect().top < 0) {\n      blog.scrollIntoView({ block: 'start' });\n    }\n  }\n}\n","// A namespace import, as in `client.ts`: loaded by Node without the Vite\n// plugin, VitePress's node entry has no `useData` or `withBase`.\nimport * as vitepress from 'vitepress';\nimport { computed, defineComponent, h, onMounted, ref } from 'vue';\nimport type { BlogAnnouncementData } from './types.js';\nimport { ANNOUNCEMENTS_KEY, DISMISSED_CLASS, DISMISSED_STORAGE_KEY } from './util.js';\n\nconst closeIcon = () =>\n  h('svg', { viewBox: '0 0 24 24', width: 16, height: 16, 'aria-hidden': 'true' }, [\n    h('path', {\n      fill: 'currentColor',\n      d: 'M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z',\n    }),\n  ]);\n\nfunction readDismissed(): string[] {\n  try {\n    const value: unknown = JSON.parse(localStorage.getItem(DISMISSED_STORAGE_KEY) ?? '[]');\n    return Array.isArray(value) ? value.filter((id): id is string => typeof id === 'string') : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction writeDismissed(ids: string[]): void {\n  try {\n    localStorage.setItem(DISMISSED_STORAGE_KEY, JSON.stringify(ids));\n  } catch {\n    // Storage blocked (a private window, say): dismissed until the next page load.\n  }\n}\n\n/**\n * The announcement banner: one line across the top of the page, above the\n * nav bar, with the newest announcement linked to its post. With more than\n * one not yet dismissed, a badge counts them and links to the blog page\n * filtered to announcements. Its close button dismisses every current one;\n * a newer announcement brings it back. Put it in the theme's `layout-top` slot:\n *\n * ```ts\n * // .vitepress/theme/index.ts\n * import { h } from 'vue';\n * import DefaultTheme from 'vitepress/theme';\n * import { BlogAnnouncementBanner } from '@binarynoir/vitepress-blog/client';\n *\n * export default {\n *   extends: DefaultTheme,\n *   Layout: () => h(DefaultTheme.Layout, null, { 'layout-top': () => h(BlogAnnouncementBanner) }),\n * };\n * ```\n *\n * It reads what `blogVitePlugin` (or `withBlog`) puts on the site data, and\n * renders nothing without it.\n */\nexport const BlogAnnouncementBanner = defineComponent({\n  name: 'BlogAnnouncementBanner',\n  setup() {\n    if (typeof vitepress.useData !== 'function') return () => null;\n    const { site } = vitepress.useData();\n    const data = computed(\n      () => (site.value as unknown as Record<string, unknown>)[ANNOUNCEMENTS_KEY] as BlogAnnouncementData | undefined,\n    );\n    // Unknown until mounted: the server can't read storage, so the first render\n    // matches its HTML, and the `<head>` script has already hidden it if dismissed.\n    const dismissed = ref<string[] | null>(null);\n    onMounted(() => {\n      dismissed.value = readDismissed();\n    });\n\n    const latest = computed(() => data.value?.items[0]);\n    const active = computed(() => (data.value?.items ?? []).filter((item) => !dismissed.value?.includes(item.id)));\n\n    const dismiss = () => {\n      const ids = (data.value?.items ?? []).map((item) => item.id);\n      dismissed.value = ids;\n      writeDismissed(ids);\n      document.documentElement.classList.add(DISMISSED_CLASS);\n    };\n\n    return () => {\n      const announcement = latest.value;\n      if (!data.value || !announcement || dismissed.value?.includes(announcement.id)) return null;\n      const { labels, listLink } = data.value;\n      const count = active.value.length;\n      const countLabel = labels.announcementCount.replace('{n}', String(count));\n      const badge =\n        count > 1\n          ? listLink\n            ? h(\n                'a',\n                {\n                  class: 'vp-blog-announcement__count',\n                  href: vitepress.withBase(listLink),\n                  title: countLabel,\n                  'aria-label': countLabel,\n                },\n                String(count),\n              )\n            : h(\n                'span',\n                { class: 'vp-blog-announcement__count', title: countLabel, 'aria-label': countLabel },\n                String(count),\n              )\n          : null;\n      return h('div', { class: 'vp-blog-announcement', role: 'region', 'aria-label': labels.announcement }, [\n        h('div', { class: 'vp-blog-announcement__content' }, [\n          h(\n            'a',\n            { class: 'vp-blog-announcement__text', href: vitepress.withBase(announcement.link) },\n            announcement.text,\n          ),\n          badge,\n        ]),\n        h(\n          'button',\n          {\n            class: 'vp-blog-announcement__dismiss',\n            type: 'button',\n            title: labels.dismiss,\n            'aria-label': labels.dismiss,\n            onClick: dismiss,\n          },\n          [closeIcon()],\n        ),\n      ]);\n    };\n  },\n});\n"],"mappings":";;;;;;;AAIA,YAAYA,gBAAe;AAC3B,SAAS,UAAU,aAAAC,YAAW,aAAa;;;ACI3C,IAAM,OAAO;AAEb,IAAM,eAAe;AAoBrB,SAAS,WAAW,MAA+B;AACjD,QAAM,EAAE,QAAQ,IAAI;AACpB,SAAO;AAAA,IACL,SAAS,QAAQ,gBAAgB;AAAA,IACjC,UAAU,QAAQ,iBAAiB;AAAA,IACnC,MAAM,QAAQ,aAAa;AAAA,IAC3B,OAAO,QAAQ,cAAc;AAAA,IAC7B,eAAe,QAAQ,sBAAsB;AAAA,IAC7C,UAAU,QAAQ,iBAAiB;AAAA,IACnC,KAAK,QAAQ,YAAY;AAAA,IACzB,WAAW,QAAQ,kBAAkB;AAAA,IACrC,cAAc,QAAQ,qBAAqB;AAAA,IAC3C,WAAW,QAAQ,kBAAkB;AAAA,IACrC,cAAc,QAAQ,qBAAqB;AAAA,IAC3C,MAAM,QAAQ,aAAa;AAAA,IAC3B,MAAM,QAAQ,aAAa;AAAA,IAC3B,QAAQ,QAAQ,eAAe;AAAA,IAC/B,iBAAiB,QAAQ,wBAAwB;AAAA,EACnD;AACF;AAiBO,SAAS,WAAW,KAAsB;AAC/C,QAAM,OAAO,CAAC,UAAkB,IAAI,aAAa,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE,YAAY;AACrF,QAAM,QAAQ,KAAK,OAAO;AAC1B,QAAM,OAAO,KAAK,MAAM;AACxB,SAAO;AAAA,IACL,UAAU,KAAK,UAAU;AAAA,IACzB,KAAK,KAAK,KAAK;AAAA,IACf,MAAM,4BAA4B,KAAK,KAAK,IAAI,QAAQ,UAAU,KAAK,IAAI,IAAI,OAAO;AAAA,IACtF,eAAe,IAAI,aAAa,IAAI,eAAe;AAAA,EACrD;AACF;AAGA,SAAS,YAAY,QAA8B;AACjD,SAAQ,OAAO,YAAY,YAAY,SAAU,OAAO,QAAQ,IAAI,KAAK;AAC3E;AAEA,SAAS,QAAQ,QAAiB,QAA6B;AAC7D,QAAM,EAAE,UAAU,KAAK,MAAM,cAAc,IAAI;AAC/C,UACG,CAAC,QAAQ,OAAO,aAAa,WAAW,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,GAAG,OACxE,CAAC,YAAY,OAAO,aAAa,eAAe,MAAM;AAAA,GAEtD,CAAC,SAAS,OAAO,aAAa,YAAY,KAAK,IAAI,WAAW,IAAI,OAClE,CAAC,iBAAiB,OAAO,aAAa,mBAAmB;AAE9D;AAGA,SAAS,OAAO,KAAU,QAAoB,OAAO,GAAW;AAC9D,QAAM,OAAO,IAAI,IAAI,IAAI,IAAI;AAC7B,OAAK,OAAO;AACZ,QAAM,MAAM,CAAC,MAAc,UACzB,QAAQ,KAAK,aAAa,IAAI,MAAM,KAAK,IAAI,KAAK,aAAa,OAAO,IAAI;AAC5E,MAAI,YAAY,OAAO,QAAQ;AAC/B,MAAI,OAAO,OAAO,GAAG;AACrB,MAAI,QAAQ,OAAO,KAAK,WAAW,IAAI,OAAO,OAAO,EAAE;AACvD,MAAI,SAAS,OAAO,KAAK,WAAW,IAAI,OAAO,OAAO,EAAE;AACxD,MAAI,OAAO,cAAe,MAAK,aAAa,IAAI,iBAAiB,EAAE;AAAA,MAC9D,MAAK,aAAa,OAAO,eAAe;AAC7C,MAAI,QAAQ,OAAO,IAAI,OAAO,IAAI,IAAI,EAAE;AAExC,SAAO,KAAK,WAAW,KAAK,OAAO,QAAQ,+BAA+B,IAAI;AAChF;AAaA,SAAS,eAAe,QAA8C;AACpE,MAAI,CAAC,OAAO,QAAQ,aAAa;AAC/B,QAAI;AACJ,QAAI;AACF,eAAS,IAAI,IAAI,OAAO,MAAM,SAAS,IAAI,EAAE;AAAA,IAC/C,QAAQ;AACN,aAAO;AAAA,IACT;AACA,UAAM,QAAS,CAAC,YAAY,OAAO,SAAS,MAAM,EAAY,KAAK,CAAC,SAAS,OAAO,IAAI,IAAI,CAAC;AAC7F,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,QAAQ,cAAc,UAAU,UAAU,UAAU,UAAU,SAAS;AAC9E,WAAO,QAAQ,eAAe,OAAO,IAAI,KAAK,KAAK,IAAI,KAAK,EAAE,YAAY;AAAA,EAC5E;AACA,SAAO,EAAE,OAAO,OAAO,QAAQ,aAAsB,OAAO,OAAO,QAAQ,eAAe,GAAG;AAC/F;AAEA,SAAS,UAAU,QAAoB,EAAE,OAAO,MAAM,GAA2B;AAC/E,SAAO,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,MAAM;AACrC;AAGA,SAAS,SAAS,EAAE,OAAO,MAAM,GAAe,QAA6B;AAC3E,MAAI,UAAU,OAAQ,QAAO,OAAO,KAAK,MAAM;AAC/C,SAAO,MAAM,WAAW,IAAI,OAAO,KAAK,WAAW,KAAK,IAAI,OAAO,SAAS;AAC9E;AAOA,SAAS,OAAO,QAAoBC,OAA8B;AAChE,MAAIA,MAAK,UAAU;AACjB,WAAO,UAAU,QAAQ,EAAE,GAAGA,OAAM,OAAO,OAAOA,MAAK,KAAK,MAAMA,MAAK,QAAQ,KAAKA,MAAK,MAAM,CAAC;AAClG,MAAI,OAAO,SAASA,MAAK,MAAO,QAAO,UAAU,QAAQA,KAAI;AAC7D,SAAO,EAAE,GAAG,QAAQ,MAAMA,MAAK,MAAM,WAAW,IAAIA,MAAK,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG;AAClF;AAEA,SAAS,WAAW,QAA2B,QAAuB;AACpE,SAAO,UAAU,OAAO,aAAa,MAAM;AAC3C,MAAI,OAAQ,QAAO,aAAa,gBAAgB,MAAM;AAAA,MACjD,QAAO,gBAAgB,cAAc;AAC5C;AAGA,IAAM,mBAAmB;AAEzB,SAAS,SAAS,QAAmC;AACnD,UAAQ,OAAO,cAAc,sBAAsB,KAAK,QAAQ,aAAa,KAAK,KAAK;AACzF;AAEA,SAAS,SAAS,KAAuC;AACvD,SAAO,CAAC,GAAG,IAAI,iBAAoC,yBAAyB,CAAC;AAC/E;AAOA,SAAS,SAAS,KAAkB,QAA0B;AAC5D,MAAI,IAAI,cAAc,sBAAsB,EAAG;AAC/C,QAAM,QAAQ,IAAI,cAA2B,uBAAuB;AACpE,MAAI,CAAC,MAAO;AACZ,QAAM,UAAU,SAAS,GAAG;AAC5B,GAAC,GAAG,OAAO,EACR,KAAK,CAAC,GAAG,MAAM,SAAS,CAAC,EAAE,cAAc,SAAS,CAAC,GAAG,QAAW,EAAE,aAAa,OAAO,CAAC,CAAC,EACzF,QAAQ,CAAC,QAAQ,aAAc,OAAO,QAAQ,qBAAqB,OAAO,QAAQ,CAAE;AAEvF,QAAM,OAAO,QAAQ,UAAU,qBAAqB;AACpD,OAAK,OAAO;AACZ,OAAK,iBAAiB,SAAS,MAAM;AACnC,QAAI,UAAU,OAAO,SAAS;AAC9B,cAAU,KAAK,MAAM;AAAA,EACvB,CAAC;AACD,QAAM,MAAM,IAAI;AAEhB,MAAI,QAAQ,UAAU,iBAAkB;AACxC,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AACb,QAAM,YAAY;AAClB,QAAM,cAAc,OAAO,OAAO,QAAQ,SAAS,IAAI,aAAa,YAAY,KAAK,EAAE;AACvF,QAAM,aAAa,cAAc,MAAM,WAAW;AAClD,QAAM,iBAAiB,SAAS,MAAM,UAAU,KAAK,MAAM,CAAC;AAC5D,QAAM,iBAAiB,WAAW,CAAC,UAAU;AAC3C,QAAI,MAAM,QAAQ,YAAY,CAAC,MAAM,MAAO;AAC5C,UAAM,QAAQ;AACd,cAAU,KAAK,MAAM;AAAA,EACvB,CAAC;AACD,QAAM,QAAQ,QAAQ,KAAK,wBAAwB,OAAO,eAAe;AACzE,QAAM,QAAQ,KAAK;AACnB,QAAM,OAAO,KAAK;AACpB;AAQA,SAAS,UAAU,KAAkB,QAA0B;AAC7D,QAAM,QAAQ,OAAO,IAAI,QAAQ,KAAK,KAAK;AAC3C,MAAI,CAAC,MAAO;AACZ,WAAS,KAAK,MAAM;AACpB,QAAM,OAAO,IAAI,UAAU,SAAS,SAAS;AAC7C,QAAM,QAAQ,IAAI,cAAgC,wBAAwB;AAC1E,QAAM,QAAQ,QAAQ,QAAQ,MAAM,MAAM,KAAK,EAAE,YAAY,IAAI;AACjE,QAAM,UAAU,SAAS,GAAG;AAC5B,MAAI,QAAQ;AACZ,UAAQ,QAAQ,CAAC,QAAQ,SAAS;AAChC,UAAM,UAAU,OACZ,CAAC,SAAS,SAAS,MAAM,EAAE,YAAY,EAAE,SAAS,KAAK,IACvD,OAAO,SAAS,OAAO,UAAU,SAAS,WAAW;AACzD,WAAO,SAAS,CAAC;AACjB,WAAO,MAAM,QAAQ,OAAQ,OAAO,QAAQ,sBAAsB,KAAM;AACxE,QAAI,QAAS;AAAA,EACf,CAAC;AACD,QAAM,OAAO,IAAI,cAAiC,sBAAsB;AACxE,OAAK,SAAS,CAAC,QAAQ,UAAU,QAAQ;AACzC,OAAK,cAAc,OAAO,OAAO,OAAO,OAAO,KAAK,QAAQ,OAAO,OAAO,QAAQ,SAAS,KAAK,CAAC;AACjG,OAAK,aAAa,iBAAiB,OAAO,IAAI,CAAC;AAC/C,MAAI,MAAO,OAAM,SAAS,CAAC;AAC3B,QAAM,QAAQ,IAAI,cAA2B,uBAAuB;AACpE,MAAI,MAAO,OAAM,SAAS,EAAE,QAAQ,UAAU;AAChD;AASA,SAAS,WAAW,MAAmB,KAAU,QAAoB,SAAoB,QAA0B;AACjH,QAAM,SAAS,KAAK,cAA2B,iBAAiB;AAChE,MAAI,CAAC,OAAQ;AACb,aAAW,UAAU,OAAO,iBAAoC,yBAAyB,GAAG;AAC1F,UAAMA,QAAO,eAAe,MAAM;AAClC,QAAI,CAACA,MAAM;AACX,UAAM,SAAS,SAASA,OAAM,MAAM;AACpC,UAAM,QAAQ,QAAQ,OAAO,CAAC,WAAW,QAAQ,QAAQ,UAAU,QAAQA,KAAI,CAAC,CAAC,EAAE;AACnF,WAAO,OAAO,OAAO,KAAK,OAAO,QAAQA,KAAI,CAAC;AAC9C,eAAW,QAAQ,MAAM;AACzB,WAAO,UAAU,OAAO,YAAY,UAAU,KAAK,CAAC,MAAM;AAC1D,UAAM,UAAU,OAAO,cAAc,uBAAuB;AAC5D,QAAI,QAAS,SAAQ,cAAc,OAAO,KAAK;AAAA,EACjD;AAEA,QAAM,SAAS,CAAC,GAAG,OAAO,iBAA8B,8BAA8B,CAAC;AACvF,aAAW,OAAO,OAAQ,KAAI,SAAS,OAAO,SAAS,KAAK,IAAI,QAAQ,SAAS,OAAO,KAAK,MAAM,GAAG,CAAC;AACvG,aAAW,OAAO,OAAO,iBAA8B,gBAAgB,GAAG;AACxE,cAAU,KAAK,MAAM;AAErB,UAAM,QAAQ,IAAI,cAA2B,uBAAuB;AACpE,QAAI,MAAO,KAAI,UAAU,OAAO,iBAAiB,MAAM,cAAc,MAAM,cAAc,CAAC;AAAA,EAC5F;AACF;AAGA,SAAS,SAAS,MAAmB,OAA2B,OAAuB;AACrF,aAAW,UAAU,KAAK,iBAAoC,YAAY,GAAG;AAC3E,UAAMA,QAAO,eAAe,MAAM;AAClC,QAAIA,OAAM,UAAU,SAASA,MAAK,UAAU,OAAO;AACjD,YAAM,QAAQ,OAAO,cAAc,sBAAsB,KAAK,QAAQ,aAAa,KAAK;AACxF,UAAI,KAAM,QAAO;AAAA,IACnB;AAAA,EACF;AACA,SAAO;AACT;AAGA,SAAS,WAAW,MAAc,QAAwB;AACxD,MAAI,KAAK,WAAW,EAAG,QAAO;AAC9B,QAAM,CAAC,MAAM,KAAK,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI,MAAM;AAChD,MAAI;AACF,WAAO,IAAI,KAAK,eAAe,QAAQ,EAAE,UAAU,OAAO,OAAO,QAAQ,MAAM,UAAU,CAAC,EAAE;AAAA,MAC1F,KAAK,IAAI,MAAM,QAAQ,GAAG,GAAG,EAAE;AAAA,IACjC;AAAA,EACF,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,QAAQ,KAAa,WAAmB,OAAO,IAAiB;AACvE,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,OAAK,YAAY;AACjB,OAAK,cAAc;AACnB,SAAO;AACT;AAEA,SAAS,KAAK,MAAc,MAAc,WAAsC;AAC9E,QAAM,SAAS,QAAQ,KAAK,WAAW,IAAI;AAC3C,SAAO,OAAO;AACd,SAAO;AACT;AASA,SAAS,kBAAkB,MAAmB,QAAoB,QAAoC;AACpG,QAAM,SAAyB,CAAC;AAChC,MAAI,OAAO,eAAe;AACxB,WAAO,KAAK,EAAE,MAAM,IAAI,MAAM,OAAO,eAAe,SAAS,EAAE,GAAG,QAAQ,eAAe,MAAM,EAAE,CAAC;AAAA,EACpG;AACA,MAAI,OAAO,UAAU;AACnB,UAAM,OAAO,SAAS,MAAM,YAAY,OAAO,QAAQ;AACvD,WAAO,KAAK,EAAE,MAAM,OAAO,UAAU,MAAM,SAAS,EAAE,GAAG,QAAQ,UAAU,GAAG,EAAE,CAAC;AAAA,EACnF;AACA,MAAI,OAAO,KAAK;AACd,WAAO,KAAK,EAAE,MAAM,OAAO,KAAK,MAAM,SAAS,MAAM,OAAO,OAAO,GAAG,GAAG,SAAS,EAAE,GAAG,QAAQ,KAAK,GAAG,EAAE,CAAC;AAAA,EAC5G;AACA,MAAI,OAAO,MAAM;AACf,UAAM,OAAO,WAAW,OAAO,MAAM,KAAK,QAAQ,UAAU,SAAS,gBAAgB,QAAQ,OAAO;AACpG,WAAO,KAAK,EAAE,MAAM,IAAI,MAAM,SAAS,EAAE,GAAG,QAAQ,MAAM,GAAG,EAAE,CAAC;AAAA,EAClE;AACA,SAAO;AACT;AAOA,SAAS,aACP,MACA,MACA,KACA,QACA,OACA,QACM;AACN,QAAM,SAAS,kBAAkB,MAAM,QAAQ,MAAM;AACrD,OAAK,SAAS,OAAO,WAAW;AAChC,MAAI,KAAK,OAAQ,QAAO,KAAK,gBAAgB;AAE7C,QAAM,UAAU,UAAU,IAAI,OAAO,YAAY,UAAU,IAAI,OAAO,eAAe,OAAO;AAC5F,QAAM,QAAgB,CAAC,QAAQ,QAAQ,yBAAyB,QAAQ,QAAQ,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC;AACtG,aAAW,EAAE,MAAM,MAAM,QAAQ,KAAK,QAAQ;AAC5C,UAAM,OAAO,KAAK,IAAI,OAAO,KAAK,OAAO,GAAG,sBAAsB;AAClE,SAAK,aAAa,cAAc,OAAO,aAAa,QAAQ,YAAY,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC;AACxG,QAAI,KAAM,MAAK,OAAO,QAAQ,QAAQ,wBAAwB,IAAI,GAAG,GAAG;AACxE,UAAM,SAAS,QAAQ,QAAQ,0BAA0B,MAAG;AAC5D,WAAO,aAAa,eAAe,MAAM;AACzC,SAAK,OAAO,MAAM,MAAM;AACxB,UAAM,KAAK,IAAI;AAAA,EACjB;AACA,QAAM,QAAQ,EAAE,UAAU,IAAI,KAAK,IAAI,MAAM,IAAI,eAAe,MAAM;AACtE,QAAM,KAAK,KAAK,OAAO,SAAS,OAAO,KAAK,KAAK,GAAG,uBAAuB,CAAC;AAC5E,OAAK,gBAAgB,GAAG,KAAK;AAC/B;AAEA,SAAS,iBACP,MACA,KACA,QACA,MACA,WACA,QACM;AACN,OAAK,SAAS,YAAY;AAC1B,OAAK,aAAa,cAAc,OAAO,KAAK;AAC5C,MAAI,YAAY,EAAG,QAAO,KAAK,gBAAgB;AAE/C,QAAM,QAAgB,CAAC;AACvB,MAAI,OAAO,EAAG,OAAM,KAAK,KAAK,OAAO,UAAU,OAAO,KAAK,QAAQ,OAAO,CAAC,GAAG,8BAA8B,CAAC;AAC7G,WAAS,SAAS,GAAG,UAAU,WAAW,UAAU;AAClD,QAAI,WAAW,MAAM;AACnB,YAAM,UAAU,QAAQ,QAAQ,uCAAuC,OAAO,MAAM,CAAC;AACrF,cAAQ,aAAa,gBAAgB,MAAM;AAC3C,YAAM,KAAK,OAAO;AAAA,IACpB,OAAO;AACL,YAAM,KAAK,KAAK,OAAO,MAAM,GAAG,OAAO,KAAK,QAAQ,MAAM,GAAG,0BAA0B,CAAC;AAAA,IAC1F;AAAA,EACF;AACA,MAAI,OAAO,UAAW,OAAM,KAAK,KAAK,OAAO,MAAM,OAAO,KAAK,QAAQ,OAAO,CAAC,GAAG,0BAA0B,CAAC;AAC7G,OAAK,gBAAgB,GAAG,KAAK;AAC/B;AAGA,SAAS,cAAc,MAAmB,QAA0B;AAClE,aAAW,UAAU,KAAK,iBAAoC,kDAAkD,GAAG;AACjH,UAAMA,QAAO,eAAe,MAAM;AAClC,eAAW,QAAQ,CAAC,CAACA,SAAQ,SAASA,OAAM,MAAM,CAAC;AAAA,EACrD;AACF;AAcO,SAAS,cAAc,MAAmB,KAAyB;AACxE,QAAM,SAAS,WAAW,IAAI;AAC9B,QAAM,SAAS,WAAW,GAAG;AAC7B,QAAM,WAAW,KAAK,IAAI,GAAG,OAAO,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAE/D,QAAM,UAAU,CAAC,GAAG,KAAK,iBAAiB,IAAI,CAAC;AAC/C,QAAM,WAAW,CAAC,WAAoB,CAAC,CAAC,OAAO,QAAQ,uBAAuB;AAC9E,QAAM,SAAS,QAAQ,OAAO,CAAC,WAAW,SAAS,MAAM,KAAK,QAAQ,QAAQ,MAAM,CAAC;AACrF,QAAM,OAAO,QAAQ,OAAO,CAAC,WAAW,CAAC,SAAS,MAAM,KAAK,QAAQ,QAAQ,MAAM,CAAC;AAEpF,QAAM,YAAY,WAAW,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,SAAS,QAAQ,CAAC,IAAI;AAC9E,QAAM,YAAY,OAAO,SAAS,IAAI,aAAa,IAAI,MAAM,KAAK,KAAK,EAAE;AACzE,QAAM,OAAO,KAAK,IAAI,WAAW,KAAK,IAAI,GAAG,OAAO,SAAS,SAAS,IAAI,YAAY,CAAC,CAAC;AAExF,QAAM,QAAQ,oBAAI,IAAa;AAAA,IAC7B,GAAI,SAAS,IAAI,SAAS,CAAC;AAAA,IAC3B,GAAI,WAAW,KAAK,OAAO,OAAO,KAAK,UAAU,OAAO,QAAQ,IAAI;AAAA,EACtE,CAAC;AACD,aAAW,UAAU,QAAS,aAAY,MAAM,EAAE,SAAS,CAAC,MAAM,IAAI,MAAM;AAG5E,aAAW,SAAS,KAAK,iBAA8B,uCAAuC,GAAG;AAC/F,UAAM,SAAS,CAAC,CAAC,GAAG,MAAM,iBAAiB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,MAAM,IAAI,MAAM,CAAC;AAAA,EACtF;AAEA,QAAM,SAAS,KAAK,cAA2B,uBAAuB;AACtE,MAAI,OAAQ,cAAa,QAAQ,MAAM,KAAK,QAAQ,OAAO,SAAS,KAAK,QAAQ,MAAM;AACvF,QAAM,aAAa,KAAK,cAA2B,2BAA2B;AAC9E,MAAI,WAAY,kBAAiB,YAAY,KAAK,QAAQ,MAAM,WAAW,MAAM;AACjF,aAAW,MAAM,KAAK,QAAQ,SAAS,MAAM;AAC7C,gBAAc,MAAM,MAAM;AAE1B,SAAO,EAAE,GAAG,QAAQ,MAAM,UAAU;AACtC;AAEA,IAAM,YAAY,oBAAI,QAAoC;AAE1D,SAAS,YAAY,UAAyB,MAA8B;AAC1E,SAAQ,CAAC,YAAY,OAAO,QAAQ,iBAAiB,MAAM,EAAY,KAAK,CAAC,QAAQ,SAAS,GAAG,MAAM,KAAK,GAAG,CAAC;AAClH;AAMO,SAAS,eAAe,OAAmB,UAAU,MAAW,IAAI,IAAI,SAAS,IAAI,GAAS;AACnG,aAAW,QAAQ,KAAK,iBAA8B,gBAAgB,GAAG;AACvE,UAAM,WAAW,UAAU,IAAI,IAAI;AACnC,UAAM,OAAO,cAAc,MAAM,GAAG;AACpC,cAAU,IAAI,MAAM,IAAI;AACxB,QAAI,YAAY,YAAY,UAAU,IAAI,KAAK,KAAK,sBAAsB,EAAE,MAAM,GAAG;AACnF,WAAK,eAAe,EAAE,OAAO,QAAQ,CAAC;AAAA,IACxC;AAAA,EACF;AACF;;;AC7dA,YAAY,eAAe;AAC3B,SAAS,UAAU,iBAAiB,GAAG,WAAW,WAAW;AAI7D,IAAM,YAAY,MAChB,EAAE,OAAO,EAAE,SAAS,aAAa,OAAO,IAAI,QAAQ,IAAI,eAAe,OAAO,GAAG;AAAA,EAC/E,EAAE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,GAAG;AAAA,EACL,CAAC;AACH,CAAC;AAEH,SAAS,gBAA0B;AACjC,MAAI;AACF,UAAM,QAAiB,KAAK,MAAM,aAAa,QAAQ,qBAAqB,KAAK,IAAI;AACrF,WAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,OAAO,CAAC,OAAqB,OAAO,OAAO,QAAQ,IAAI,CAAC;AAAA,EAC9F,QAAQ;AACN,WAAO,CAAC;AAAA,EACV;AACF;AAEA,SAAS,eAAe,KAAqB;AAC3C,MAAI;AACF,iBAAa,QAAQ,uBAAuB,KAAK,UAAU,GAAG,CAAC;AAAA,EACjE,QAAQ;AAAA,EAER;AACF;AAwBO,IAAM,yBAAyB,gBAAgB;AAAA,EACpD,MAAM;AAAA,EACN,QAAQ;AACN,QAAI,OAAiB,sBAAY,WAAY,QAAO,MAAM;AAC1D,UAAM,EAAE,KAAK,IAAc,kBAAQ;AACnC,UAAM,OAAO;AAAA,MACX,MAAO,KAAK,MAA6C,iBAAiB;AAAA,IAC5E;AAGA,UAAM,YAAY,IAAqB,IAAI;AAC3C,cAAU,MAAM;AACd,gBAAU,QAAQ,cAAc;AAAA,IAClC,CAAC;AAED,UAAM,SAAS,SAAS,MAAM,KAAK,OAAO,MAAM,CAAC,CAAC;AAClD,UAAM,SAAS,SAAS,OAAO,KAAK,OAAO,SAAS,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,UAAU,OAAO,SAAS,KAAK,EAAE,CAAC,CAAC;AAE7G,UAAM,UAAU,MAAM;AACpB,YAAM,OAAO,KAAK,OAAO,SAAS,CAAC,GAAG,IAAI,CAAC,SAAS,KAAK,EAAE;AAC3D,gBAAU,QAAQ;AAClB,qBAAe,GAAG;AAClB,eAAS,gBAAgB,UAAU,IAAI,eAAe;AAAA,IACxD;AAEA,WAAO,MAAM;AACX,YAAM,eAAe,OAAO;AAC5B,UAAI,CAAC,KAAK,SAAS,CAAC,gBAAgB,UAAU,OAAO,SAAS,aAAa,EAAE,EAAG,QAAO;AACvF,YAAM,EAAE,QAAQ,SAAS,IAAI,KAAK;AAClC,YAAM,QAAQ,OAAO,MAAM;AAC3B,YAAM,aAAa,OAAO,kBAAkB,QAAQ,OAAO,OAAO,KAAK,CAAC;AACxE,YAAM,QACJ,QAAQ,IACJ,WACE;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAgB,mBAAS,QAAQ;AAAA,UACjC,OAAO;AAAA,UACP,cAAc;AAAA,QAChB;AAAA,QACA,OAAO,KAAK;AAAA,MACd,IACA;AAAA,QACE;AAAA,QACA,EAAE,OAAO,+BAA+B,OAAO,YAAY,cAAc,WAAW;AAAA,QACpF,OAAO,KAAK;AAAA,MACd,IACF;AACN,aAAO,EAAE,OAAO,EAAE,OAAO,wBAAwB,MAAM,UAAU,cAAc,OAAO,aAAa,GAAG;AAAA,QACpG,EAAE,OAAO,EAAE,OAAO,gCAAgC,GAAG;AAAA,UACnD;AAAA,YACE;AAAA,YACA,EAAE,OAAO,8BAA8B,MAAgB,mBAAS,aAAa,IAAI,EAAE;AAAA,YACnF,aAAa;AAAA,UACf;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,UACE;AAAA,UACA;AAAA,YACE,OAAO;AAAA,YACP,MAAM;AAAA,YACN,OAAO,OAAO;AAAA,YACd,cAAc,OAAO;AAAA,YACrB,SAAS;AAAA,UACX;AAAA,UACA,CAAC,UAAU,CAAC;AAAA,QACd;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;;;AF/FM,SAAS,UAAgB;AAC9B,MAAI,CAAW,qBAAW;AAC1B,QAAM,QAAkB,oBAAS;AACjC,QAAM,QAAQ,MAAM,SAAS,MAAM,eAAe,CAAC;AACnD,EAAAC,WAAU,MAAM;AACd,UAAM,MAAM,CAAC,MAAM,MAAM,MAAM,KAAK,GAAG,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,EACnE,CAAC;AAED,EAAU,4BAAiB,KAAK;AAClC;","names":["vitepress","onMounted","link","onMounted"]}