@countermeasure-platform/web-components 1.3.3-dev.33.1 → 1.3.4-dev.35.1

package/dist/component-Bxhxf21c.js

@@ -1,167 +0,0 @@
-import { getIconSvgInner as e } from "./icons/index.js";
-import { o as t } from "./sanitize-uWpY18N9.js";
-import { t as n } from "./utils-CSEWuKHo.js";
-import { createBrandLockupElement as r } from "./components/brand/index.js";
-//#region src/sidebar/component.ts
-function i(e) {
-	return `sidebar--${e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "app"}`;
-}
-function a(n, r) {
-	let i = "http://www.w3.org/2000/svg", a = document.createElementNS(i, "svg");
-	a.setAttribute("xmlns", i), a.setAttribute("width", "16"), a.setAttribute("height", "16"), a.setAttribute("viewBox", "0 0 24 24"), a.setAttribute("fill", "none"), a.setAttribute("stroke", "currentColor"), a.setAttribute("stroke-width", "2"), a.setAttribute("stroke-linecap", "round"), a.setAttribute("stroke-linejoin", "round"), a.classList.add("sidebar__item-icon"), a.setAttribute("data-icon", r), a.setAttribute("aria-hidden", "true");
-	let o = e(n, r);
-	return o && t(a, o), a;
-}
-var o = class {
-	container;
-	aside;
-	config;
-	iconSet;
-	collapseButton = null;
-	constructor(e) {
-		this.config = e, this.container = n(e.container), this.iconSet = e.iconSet ?? "lucide", this.aside = document.createElement("aside");
-		let t = e.variant ?? "app";
-		this.aside.classList.add("sidebar", i(t)), this.aside.setAttribute("data-sidebar", t), this.aside.setAttribute("data-open", String(e.open === !0)), e.collapsed === !0 && this.aside.classList.add("sidebar--collapsed"), this.render(), this.container.appendChild(this.aside);
-	}
-	render() {
-		this.config.collapsible === !0 && this.renderCollapseButton(), this.renderHeader();
-		let e = document.createElement("div");
-		e.classList.add("sidebar__body");
-		for (let t of this.config.sections) e.appendChild(this.buildSection(t));
-		this.aside.appendChild(e), this.renderFooter();
-	}
-	buildSection(e) {
-		let t = document.createElement("div");
-		t.classList.add("sidebar__section"), t.setAttribute("data-section-id", e.id);
-		let n = e.collapsible === !0, r = e.defaultExpanded !== !1;
-		if (n && e.label) {
-			t.classList.add("sidebar__section--collapsible"), r && t.classList.add("sidebar__section--expanded");
-			let n = document.createElement("button");
-			n.type = "button", n.classList.add("sidebar__group-header"), n.setAttribute("aria-expanded", String(r)), n.setAttribute("aria-controls", `sidebar-group-${e.id}`), e.icon && n.appendChild(a(this.iconSet, e.icon));
-			let i = document.createElement("span");
-			i.classList.add("sidebar__group-label"), i.textContent = e.label, n.appendChild(i);
-			let o = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-			o.setAttribute("class", "sidebar__group-chevron"), o.setAttribute("viewBox", "0 0 24 24"), o.setAttribute("width", "14"), o.setAttribute("height", "14"), o.setAttribute("fill", "none"), o.setAttribute("stroke", "currentColor"), o.setAttribute("stroke-width", "2"), o.setAttribute("stroke-linecap", "round"), o.setAttribute("stroke-linejoin", "round"), o.setAttribute("aria-hidden", "true");
-			let s = document.createElementNS("http://www.w3.org/2000/svg", "path");
-			s.setAttribute("d", "m6 9 6 6 6-6"), o.appendChild(s), n.appendChild(o), n.addEventListener("click", () => {
-				let e = t.classList.toggle("sidebar__section--expanded");
-				n.setAttribute("aria-expanded", String(e));
-			}), t.appendChild(n);
-		} else if (e.label) {
-			let n = document.createElement("div");
-			n.classList.add("sidebar__section-label"), n.textContent = e.label, t.appendChild(n);
-		}
-		let i = document.createElement("div");
-		i.classList.add("sidebar__items"), i.id = `sidebar-group-${e.id}`;
-		for (let t of e.items) {
-			let e = document.createElement("a");
-			if (e.classList.add("sidebar__item"), e.setAttribute("data-item-id", t.id), e.setAttribute("title", t.label), t.icon) {
-				let n = a(this.iconSet, t.icon);
-				e.appendChild(n);
-			}
-			let n = document.createElement("span");
-			if (n.classList.add("sidebar__item-label"), n.textContent = t.label, e.appendChild(n), t.badge !== void 0 && t.badge > 0) {
-				let n = document.createElement("span"), r = t.badgeTone ?? "primary";
-				e.setAttribute("data-badge-visible", "true"), e.setAttribute("data-badge-tone", r), n.classList.add("sidebar__badge", `sidebar__badge--${r}`), n.setAttribute("data-badge", t.id), n.textContent = String(t.badge), e.appendChild(n);
-			}
-			e.addEventListener("click", () => {
-				this.config.onNavigate && this.config.onNavigate(t), t.onClick && t.onClick();
-			}), i.appendChild(e);
-		}
-		return t.appendChild(i), t;
-	}
-	renderHeader() {
-		let e = this.config.brand;
-		if (e === void 0) return;
-		let t = document.createElement("div");
-		t.classList.add("sidebar__header");
-		let n = document.createElement("div");
-		n.classList.add("sidebar__header-row");
-		let i = e.href === void 0 ? e.onClick === void 0 ? document.createElement("span") : document.createElement("button") : document.createElement("a");
-		i.classList.add("sidebar__brand"), i instanceof HTMLAnchorElement && (i.href = e.href ?? "#", i.setAttribute("aria-label", e.label ?? "CounterMeasure")), i instanceof HTMLButtonElement && (i.type = "button", i.setAttribute("aria-label", e.label ?? "CounterMeasure")), e.onClick !== void 0 && i.addEventListener("click", e.onClick), i.appendChild(r({
-			label: e.label ?? "CounterMeasure",
-			markSize: e.markSize ?? 22,
-			showWordmark: e.showWordmark ?? !0,
-			decorative: e.decorative ?? !1
-		})), n.appendChild(i), t.appendChild(n), this.aside.appendChild(t);
-	}
-	renderCollapseButton() {
-		let e = document.createElement("button");
-		e.type = "button", e.classList.add("sidebar__collapse-btn", "sidebar__collapse-btn--edge"), e.setAttribute("data-sidebar-toggle", ""), this.config.collapseButtonVisible === !0 && e.setAttribute("data-visible", "true");
-		let t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-		t.setAttribute("aria-hidden", "true"), t.setAttribute("viewBox", "0 0 24 24"), t.setAttribute("fill", "none"), t.setAttribute("stroke", "currentColor"), t.setAttribute("stroke-width", "2"), t.setAttribute("stroke-linecap", "round"), t.setAttribute("stroke-linejoin", "round");
-		let n = document.createElementNS("http://www.w3.org/2000/svg", "path");
-		t.appendChild(n), e.appendChild(t), e.addEventListener("click", () => {
-			this.toggleCollapse();
-		}), this.collapseButton = e, this.updateCollapseButton(), this.aside.appendChild(e);
-	}
-	renderFooter() {
-		let e = this.config.user !== void 0, t = this.config.footerActions !== void 0 && this.config.footerActions.length > 0;
-		if (!e && !t) return;
-		let n = document.createElement("div");
-		n.classList.add("sidebar__footer");
-		let r = document.createElement("div");
-		if (r.classList.add("sidebar__footer-bar"), e && this.config.user) {
-			let e = document.createElement("span");
-			e.classList.add("sidebar__footer-user");
-			let t = document.createElement("span");
-			t.classList.add("sidebar__footer-name"), t.textContent = this.config.user.name, e.appendChild(t), r.appendChild(e);
-		}
-		if (t && this.config.footerActions) {
-			let e = document.createElement("span");
-			e.classList.add("sidebar__footer-icons");
-			for (let t of this.config.footerActions) {
-				let n = document.createElement("button");
-				n.classList.add("sidebar__footer-icon"), t.danger === !0 && n.classList.add("sidebar__footer-icon--danger"), n.setAttribute("aria-label", t.label);
-				let r = a(this.iconSet, t.icon);
-				if (n.appendChild(r), t.onClick) {
-					let e = t.onClick;
-					n.addEventListener("click", () => {
-						e();
-					});
-				}
-				e.appendChild(n);
-			}
-			r.appendChild(e);
-		}
-		n.appendChild(r), this.aside.appendChild(n);
-	}
-	setActive(e) {
-		this.aside.querySelectorAll(".sidebar__item").forEach((e) => {
-			e.classList.remove("sidebar__item--active");
-		});
-		let t = this.aside.querySelector(`[data-item-id="${e}"]`);
-		t && t.classList.add("sidebar__item--active");
-	}
-	updateBadge(e, t) {
-		let n = this.aside.querySelector(`[data-badge="${e}"]`);
-		n && (n.textContent = t > 0 ? String(t) : "", n.closest(".sidebar__item")?.setAttribute("data-badge-visible", String(t > 0)));
-	}
-	toggleCollapse() {
-		let e = this.aside.classList.toggle("sidebar--collapsed");
-		this.updateCollapseButton(), this.config.onCollapse && this.config.onCollapse(e);
-	}
-	collapse() {
-		let e = this.aside.classList.contains("sidebar--collapsed");
-		this.aside.classList.add("sidebar--collapsed"), this.updateCollapseButton(), !e && this.config.onCollapse && this.config.onCollapse(!0);
-	}
-	expand() {
-		let e = this.aside.classList.contains("sidebar--collapsed");
-		this.aside.classList.remove("sidebar--collapsed"), this.updateCollapseButton(), e && this.config.onCollapse && this.config.onCollapse(!1);
-	}
-	setOpen(e) {
-		this.aside.setAttribute("data-open", String(e));
-	}
-	destroy() {
-		this.aside.remove();
-	}
-	updateCollapseButton() {
-		if (this.collapseButton === null) return;
-		let e = this.aside.classList.contains("sidebar--collapsed"), t = e ? "Expand sidebar" : "Collapse sidebar";
-		this.collapseButton.setAttribute("aria-label", t), this.collapseButton.setAttribute("aria-expanded", String(!e)), this.collapseButton.setAttribute("title", t), this.collapseButton.setAttribute("data-collapsed", String(e)), this.collapseButton.querySelector("path")?.setAttribute("d", e ? "m9 18 6-6-6-6" : "m15 18-6-6 6-6");
-	}
-};
-//#endregion
-export { o as t };
-
-//# sourceMappingURL=component-Bxhxf21c.js.map

package/dist/component-Bxhxf21c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-Bxhxf21c.js","names":[],"sources":["../src/sidebar/component.ts"],"sourcesContent":["/**\n * SidebarComponent - Programmatic sidebar with sections, badges, and footer\n * @countermeasure/web-components/sidebar/component\n *\n * Unlike sidebar/enhance (which enhances server-rendered HTML), this module\n * builds the sidebar DOM from a config object. Use it when the sidebar\n * structure is driven entirely by client-side data.\n *\n * Usage:\n *   import { SidebarComponent } from '@countermeasure/web-components/sidebar/component'\n *\n *   const sidebar = new SidebarComponent({\n *     container: '#sidebar-root',\n *     sections: [{ id: 'main', label: 'Nav', items: [...] }],\n *     user: { name: 'Alice' },\n *     onNavigate: item => console.log(item.id),\n *   })\n *   sidebar.setActive('dashboard')\n */\n\nimport { createBrandLockupElement } from '../components/brand'\nimport { getIconSvgInner, type IconSet } from '../icons/index'\nimport { resolveContainer } from '../primitives/utils'\nimport { setSafeIconHtml } from '../utils/sanitize'\nimport { type SidebarComponentConfig, type SidebarSection } from './types'\n\nfunction toSidebarVariantClassName(variant: string): string {\n  const normalized = variant\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-|-$/g, '')\n  return `sidebar--${normalized || 'app'}`\n}\n\n/** Create an SVG element populated with icon content from the registry. */\nfunction createIconSvg(iconSet: IconSet, name: string): SVGElement {\n  const svgNs = 'http://www.w3.org/2000/svg'\n  const svg = document.createElementNS(svgNs, 'svg')\n  svg.setAttribute('xmlns', svgNs)\n  svg.setAttribute('width', '16')\n  svg.setAttribute('height', '16')\n  svg.setAttribute('viewBox', '0 0 24 24')\n  svg.setAttribute('fill', 'none')\n  svg.setAttribute('stroke', 'currentColor')\n  svg.setAttribute('stroke-width', '2')\n  svg.setAttribute('stroke-linecap', 'round')\n  svg.setAttribute('stroke-linejoin', 'round')\n  svg.classList.add('sidebar__item-icon')\n  svg.setAttribute('data-icon', name)\n  svg.setAttribute('aria-hidden', 'true')\n\n  const inner = getIconSvgInner(iconSet, name)\n  if (inner) {\n    setSafeIconHtml(svg, inner)\n  }\n\n  return svg\n}\n\nexport class SidebarComponent {\n  private readonly container: HTMLElement\n  private readonly aside: HTMLElement\n  private readonly config: SidebarComponentConfig\n  private readonly iconSet: IconSet\n  private collapseButton: HTMLButtonElement | null = null\n\n  constructor(config: SidebarComponentConfig) {\n    this.config = config\n    this.container = resolveContainer(config.container)\n    this.iconSet = config.iconSet ?? 'lucide'\n\n    this.aside = document.createElement('aside')\n    const variant = config.variant ?? 'app'\n    this.aside.classList.add('sidebar', toSidebarVariantClassName(variant))\n    this.aside.setAttribute('data-sidebar', variant)\n    this.aside.setAttribute('data-open', String(config.open === true))\n    if (config.collapsed === true) {\n      this.aside.classList.add('sidebar--collapsed')\n    }\n\n    this.render()\n    this.container.appendChild(this.aside)\n  }\n\n  private render(): void {\n    if (this.config.collapsible === true) {\n      this.renderCollapseButton()\n    }\n\n    this.renderHeader()\n\n    const body = document.createElement('div')\n    body.classList.add('sidebar__body')\n\n    for (const section of this.config.sections) {\n      body.appendChild(this.buildSection(section))\n    }\n\n    this.aside.appendChild(body)\n    this.renderFooter()\n  }\n\n  private buildSection(section: SidebarSection): HTMLElement {\n    const sectionEl = document.createElement('div')\n    sectionEl.classList.add('sidebar__section')\n    sectionEl.setAttribute('data-section-id', section.id)\n\n    const collapsible = section.collapsible === true\n    const expanded = section.defaultExpanded !== false\n\n    if (collapsible && section.label) {\n      sectionEl.classList.add('sidebar__section--collapsible')\n      if (expanded) sectionEl.classList.add('sidebar__section--expanded')\n\n      const header = document.createElement('button')\n      header.type = 'button'\n      header.classList.add('sidebar__group-header')\n      header.setAttribute('aria-expanded', String(expanded))\n      header.setAttribute('aria-controls', `sidebar-group-${section.id}`)\n\n      if (section.icon) {\n        header.appendChild(createIconSvg(this.iconSet, section.icon))\n      }\n\n      const labelSpan = document.createElement('span')\n      labelSpan.classList.add('sidebar__group-label')\n      labelSpan.textContent = section.label\n      header.appendChild(labelSpan)\n\n      const chevron = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n      chevron.setAttribute('class', 'sidebar__group-chevron')\n      chevron.setAttribute('viewBox', '0 0 24 24')\n      chevron.setAttribute('width', '14')\n      chevron.setAttribute('height', '14')\n      chevron.setAttribute('fill', 'none')\n      chevron.setAttribute('stroke', 'currentColor')\n      chevron.setAttribute('stroke-width', '2')\n      chevron.setAttribute('stroke-linecap', 'round')\n      chevron.setAttribute('stroke-linejoin', 'round')\n      chevron.setAttribute('aria-hidden', 'true')\n      const chevronPath = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n      chevronPath.setAttribute('d', 'm6 9 6 6 6-6')\n      chevron.appendChild(chevronPath)\n      header.appendChild(chevron)\n\n      header.addEventListener('click', () => {\n        const nowExpanded = sectionEl.classList.toggle('sidebar__section--expanded')\n        header.setAttribute('aria-expanded', String(nowExpanded))\n      })\n\n      sectionEl.appendChild(header)\n    } else if (section.label) {\n      const labelEl = document.createElement('div')\n      labelEl.classList.add('sidebar__section-label')\n      labelEl.textContent = section.label\n      sectionEl.appendChild(labelEl)\n    }\n\n    const itemsWrap = document.createElement('div')\n    itemsWrap.classList.add('sidebar__items')\n    itemsWrap.id = `sidebar-group-${section.id}`\n\n    for (const item of section.items) {\n      const link = document.createElement('a')\n      link.classList.add('sidebar__item')\n      link.setAttribute('data-item-id', item.id)\n      link.setAttribute('title', item.label)\n\n      if (item.icon) {\n        const icon = createIconSvg(this.iconSet, item.icon)\n        link.appendChild(icon)\n      }\n\n      const label = document.createElement('span')\n      label.classList.add('sidebar__item-label')\n      label.textContent = item.label\n      link.appendChild(label)\n\n      if (item.badge !== undefined && item.badge > 0) {\n        const badge = document.createElement('span')\n        const tone = item.badgeTone ?? 'primary'\n        link.setAttribute('data-badge-visible', 'true')\n        link.setAttribute('data-badge-tone', tone)\n        badge.classList.add('sidebar__badge', `sidebar__badge--${tone}`)\n        badge.setAttribute('data-badge', item.id)\n        badge.textContent = String(item.badge)\n        link.appendChild(badge)\n      }\n\n      link.addEventListener('click', () => {\n        if (this.config.onNavigate) {\n          this.config.onNavigate(item)\n        }\n        if (item.onClick) {\n          item.onClick()\n        }\n      })\n\n      itemsWrap.appendChild(link)\n    }\n\n    sectionEl.appendChild(itemsWrap)\n    return sectionEl\n  }\n\n  private renderHeader(): void {\n    const brand = this.config.brand\n    if (brand === undefined) {\n      return\n    }\n\n    const header = document.createElement('div')\n    header.classList.add('sidebar__header')\n\n    const row = document.createElement('div')\n    row.classList.add('sidebar__header-row')\n\n    const brandEl =\n      brand.href !== undefined\n        ? document.createElement('a')\n        : brand.onClick !== undefined\n          ? document.createElement('button')\n          : document.createElement('span')\n\n    brandEl.classList.add('sidebar__brand')\n\n    if (brandEl instanceof HTMLAnchorElement) {\n      brandEl.href = brand.href ?? '#'\n      brandEl.setAttribute('aria-label', brand.label ?? 'CounterMeasure')\n    }\n\n    if (brandEl instanceof HTMLButtonElement) {\n      brandEl.type = 'button'\n      brandEl.setAttribute('aria-label', brand.label ?? 'CounterMeasure')\n    }\n\n    if (brand.onClick !== undefined) {\n      brandEl.addEventListener('click', brand.onClick)\n    }\n\n    brandEl.appendChild(\n      createBrandLockupElement({\n        label: brand.label ?? 'CounterMeasure',\n        markSize: brand.markSize ?? 22,\n        showWordmark: brand.showWordmark ?? true,\n        decorative: brand.decorative ?? false,\n      })\n    )\n\n    row.appendChild(brandEl)\n    header.appendChild(row)\n    this.aside.appendChild(header)\n  }\n\n  private renderCollapseButton(): void {\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.classList.add('sidebar__collapse-btn', 'sidebar__collapse-btn--edge')\n    button.setAttribute('data-sidebar-toggle', '')\n\n    if (this.config.collapseButtonVisible === true) {\n      button.setAttribute('data-visible', 'true')\n    }\n\n    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n    svg.setAttribute('aria-hidden', 'true')\n    svg.setAttribute('viewBox', '0 0 24 24')\n    svg.setAttribute('fill', 'none')\n    svg.setAttribute('stroke', 'currentColor')\n    svg.setAttribute('stroke-width', '2')\n    svg.setAttribute('stroke-linecap', 'round')\n    svg.setAttribute('stroke-linejoin', 'round')\n\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    svg.appendChild(path)\n    button.appendChild(svg)\n\n    button.addEventListener('click', () => {\n      this.toggleCollapse()\n    })\n\n    this.collapseButton = button\n    this.updateCollapseButton()\n    this.aside.appendChild(button)\n  }\n\n  private renderFooter(): void {\n    const hasUser = this.config.user !== undefined\n    const hasActions =\n      this.config.footerActions !== undefined && this.config.footerActions.length > 0\n\n    if (!hasUser && !hasActions) {\n      return\n    }\n\n    const footer = document.createElement('div')\n    footer.classList.add('sidebar__footer')\n\n    const footerBar = document.createElement('div')\n    footerBar.classList.add('sidebar__footer-bar')\n\n    if (hasUser && this.config.user) {\n      const userSpan = document.createElement('span')\n      userSpan.classList.add('sidebar__footer-user')\n\n      const nameSpan = document.createElement('span')\n      nameSpan.classList.add('sidebar__footer-name')\n      nameSpan.textContent = this.config.user.name\n      userSpan.appendChild(nameSpan)\n\n      footerBar.appendChild(userSpan)\n    }\n\n    if (hasActions && this.config.footerActions) {\n      const iconsSpan = document.createElement('span')\n      iconsSpan.classList.add('sidebar__footer-icons')\n\n      for (const action of this.config.footerActions) {\n        const button = document.createElement('button')\n        button.classList.add('sidebar__footer-icon')\n        if (action.danger === true) {\n          button.classList.add('sidebar__footer-icon--danger')\n        }\n        button.setAttribute('aria-label', action.label)\n\n        const icon = createIconSvg(this.iconSet, action.icon)\n        button.appendChild(icon)\n\n        if (action.onClick) {\n          const handler = action.onClick\n          button.addEventListener('click', () => {\n            handler()\n          })\n        }\n\n        iconsSpan.appendChild(button)\n      }\n\n      footerBar.appendChild(iconsSpan)\n    }\n\n    footer.appendChild(footerBar)\n    this.aside.appendChild(footer)\n  }\n\n  /** Mark a nav item as active, removing active state from all others. */\n  setActive(itemId: string): void {\n    this.aside.querySelectorAll<HTMLElement>('.sidebar__item').forEach(el => {\n      el.classList.remove('sidebar__item--active')\n    })\n\n    const target = this.aside.querySelector<HTMLElement>(`[data-item-id=\"${itemId}\"]`)\n    if (target) {\n      target.classList.add('sidebar__item--active')\n    }\n  }\n\n  /** Update the badge count for a nav item (empty string when count is 0). */\n  updateBadge(itemId: string, count: number): void {\n    const badge = this.aside.querySelector<HTMLElement>(`[data-badge=\"${itemId}\"]`)\n    if (badge) {\n      badge.textContent = count > 0 ? String(count) : ''\n      const item = badge.closest<HTMLElement>('.sidebar__item')\n      item?.setAttribute('data-badge-visible', String(count > 0))\n    }\n  }\n\n  /** Toggle the sidebar between collapsed and expanded states. */\n  toggleCollapse(): void {\n    const isCollapsed = this.aside.classList.toggle('sidebar--collapsed')\n    this.updateCollapseButton()\n    if (this.config.onCollapse) {\n      this.config.onCollapse(isCollapsed)\n    }\n  }\n\n  /** Collapse the sidebar. */\n  collapse(): void {\n    const wasCollapsed = this.aside.classList.contains('sidebar--collapsed')\n    this.aside.classList.add('sidebar--collapsed')\n    this.updateCollapseButton()\n    if (!wasCollapsed && this.config.onCollapse) {\n      this.config.onCollapse(true)\n    }\n  }\n\n  /** Expand the sidebar. */\n  expand(): void {\n    const wasCollapsed = this.aside.classList.contains('sidebar--collapsed')\n    this.aside.classList.remove('sidebar--collapsed')\n    this.updateCollapseButton()\n    if (wasCollapsed && this.config.onCollapse) {\n      this.config.onCollapse(false)\n    }\n  }\n\n  /** Set the mobile open state reflected by the shared CSS contract. */\n  setOpen(open: boolean): void {\n    this.aside.setAttribute('data-open', String(open))\n  }\n\n  /** Remove the sidebar from the DOM. */\n  destroy(): void {\n    this.aside.remove()\n  }\n\n  private updateCollapseButton(): void {\n    if (this.collapseButton === null) {\n      return\n    }\n\n    const isCollapsed = this.aside.classList.contains('sidebar--collapsed')\n    const label = isCollapsed ? 'Expand sidebar' : 'Collapse sidebar'\n    this.collapseButton.setAttribute('aria-label', label)\n    this.collapseButton.setAttribute('aria-expanded', String(!isCollapsed))\n    this.collapseButton.setAttribute('title', label)\n    this.collapseButton.setAttribute('data-collapsed', String(isCollapsed))\n    this.collapseButton\n      .querySelector('path')\n      ?.setAttribute('d', isCollapsed ? 'm9 18 6-6-6-6' : 'm15 18-6-6 6-6')\n  }\n}\n"],"mappings":"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"}