@countermeasure-platform/web-components 0.2.0

package/dist/components/detail-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/detail-header/index.ts"],"sourcesContent":["/**\n * DetailHeader component - title, subtitle, status badge, action buttons\n * @countermeasure/web-components/components/detail-header\n */\n\nexport interface DetailHeaderAction {\n  label: string\n  onClick: () => void\n  variant?: 'default' | 'ghost' | 'destructive'\n  disabled?: boolean\n}\n\nimport { escapeHtml } from '../../utils/sanitize'\n\nexport interface DetailHeaderConfig {\n  container: HTMLElement | string\n  title: string\n  subtitle?: string\n  status?: {\n    label: string\n    variant?: 'success' | 'error' | 'warning' | 'info' | 'default'\n    dot?: boolean\n  }\n  actions?: DetailHeaderAction[]\n  breadcrumbs?: { label: string; href?: string }[]\n}\n\nfunction resolveContainer(container: HTMLElement | string): HTMLElement {\n  if (typeof container === 'string') {\n    const el = document.querySelector(container)\n    if (!el) {\n      throw new Error(`DetailHeader: container not found for selector \"${container}\"`)\n    }\n    return el as HTMLElement\n  }\n  return container\n}\n\nfunction isSafeHref(href: string): boolean {\n  if (\n    href.startsWith('/') ||\n    href.startsWith('./') ||\n    href.startsWith('../') ||\n    href.startsWith('?') ||\n    href.startsWith('#')\n  ) {\n    return !href.startsWith('//')\n  }\n\n  try {\n    const parsed = new URL(href)\n    return parsed.protocol === 'http:' || parsed.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\nexport class DetailHeader {\n  private readonly containerEl: HTMLElement\n  private readonly rootEl: HTMLElement\n  private readonly titleEl: HTMLElement\n  private readonly subtitleEl: HTMLElement\n  private readonly statusEl: HTMLElement\n  private readonly actionsEl: HTMLElement\n  private readonly breadcrumbEl: HTMLElement | null\n  private destroyed = false\n\n  constructor(config: DetailHeaderConfig) {\n    this.containerEl = resolveContainer(config.container)\n\n    this.rootEl = document.createElement('div')\n    this.rootEl.className = 'cmm-detail-header'\n\n    // Breadcrumb (optional)\n    if (config.breadcrumbs && config.breadcrumbs.length > 0) {\n      this.breadcrumbEl = document.createElement('nav')\n      this.breadcrumbEl.className = 'cmm-detail-header__breadcrumb'\n      this.renderBreadcrumbs(config.breadcrumbs)\n      this.containerEl.appendChild(this.breadcrumbEl)\n    } else {\n      this.breadcrumbEl = null\n    }\n\n    // Main header row\n    const left = document.createElement('div')\n    left.className = 'cmm-detail-header__left'\n\n    this.titleEl = document.createElement('h2')\n    this.titleEl.className = 'cmm-detail-header__title'\n    this.titleEl.textContent = config.title\n    left.appendChild(this.titleEl)\n\n    this.subtitleEl = document.createElement('div')\n    this.subtitleEl.className = 'cmm-detail-header__subtitle'\n    if (config.subtitle) this.subtitleEl.textContent = config.subtitle\n    left.appendChild(this.subtitleEl)\n\n    this.rootEl.appendChild(left)\n\n    // Right side: actions + status\n    const right = document.createElement('div')\n    right.className = 'cmm-detail-header__right'\n\n    this.actionsEl = document.createElement('div')\n    this.actionsEl.className = 'cmm-detail-header__actions'\n    if (config.actions) this.renderActions(config.actions)\n    right.appendChild(this.actionsEl)\n\n    this.statusEl = document.createElement('span')\n    this.statusEl.className = 'cmm-detail-header__status'\n    if (config.status) this.renderStatus(config.status)\n    right.appendChild(this.statusEl)\n\n    this.rootEl.appendChild(right)\n    this.containerEl.appendChild(this.rootEl)\n  }\n\n  setTitle(title: string): void {\n    this.titleEl.textContent = title\n  }\n\n  setSubtitle(subtitle: string): void {\n    this.subtitleEl.textContent = subtitle\n  }\n\n  setStatus(status: DetailHeaderConfig['status']): void {\n    if (status) {\n      this.renderStatus(status)\n    } else {\n      this.statusEl.innerHTML = ''\n    }\n  }\n\n  setActions(actions: DetailHeaderAction[]): void {\n    this.renderActions(actions)\n  }\n\n  destroy(): void {\n    if (this.destroyed) return\n    this.destroyed = true\n    if (this.breadcrumbEl?.parentNode) this.breadcrumbEl.parentNode.removeChild(this.breadcrumbEl)\n    if (this.rootEl.parentNode) this.rootEl.parentNode.removeChild(this.rootEl)\n  }\n\n  private renderBreadcrumbs(items: { label: string; href?: string }[]): void {\n    if (!this.breadcrumbEl) return\n    const fragment = document.createDocumentFragment()\n\n    for (const [index, item] of items.entries()) {\n      const isLast = index === items.length - 1\n      if (isLast) {\n        const current = document.createElement('span')\n        current.className = 'cmm-detail-header__breadcrumb-current'\n        current.textContent = item.label\n        fragment.appendChild(current)\n      } else if (item.href && isSafeHref(item.href)) {\n        const link = document.createElement('a')\n        link.className = 'cmm-detail-header__breadcrumb-link'\n        link.textContent = item.label\n        link.setAttribute('href', item.href)\n        fragment.appendChild(link)\n      } else {\n        const label = document.createElement('span')\n        label.textContent = item.label\n        fragment.appendChild(label)\n      }\n\n      if (!isLast) {\n        const sep = document.createElement('span')\n        sep.className = 'cmm-detail-header__breadcrumb-sep'\n        sep.textContent = '/'\n        fragment.appendChild(sep)\n      }\n    }\n\n    this.breadcrumbEl.replaceChildren(fragment)\n  }\n\n  private renderStatus(status: NonNullable<DetailHeaderConfig['status']>): void {\n    const variant = status.variant ?? 'default'\n    const dot =\n      status.dot !== false\n        ? `<span class=\"cmm-detail-header__status-dot cmm-detail-header__status-dot--${variant}\"></span>`\n        : ''\n    this.statusEl.className = `cmm-detail-header__status cmm-detail-header__status--${variant}`\n    this.statusEl.innerHTML = `${dot}${escapeHtml(status.label)}`\n  }\n\n  private renderActions(actions: DetailHeaderAction[]): void {\n    this.actionsEl.innerHTML = ''\n    for (const action of actions) {\n      const btn = document.createElement('button')\n      const variant = action.variant ?? 'ghost'\n      btn.className = `cmm-detail-header__action-btn cmm-detail-header__action-btn--${variant}`\n      btn.textContent = action.label\n      if (action.disabled) btn.disabled = true\n      btn.addEventListener('click', action.onClick)\n      this.actionsEl.appendChild(btn)\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Components - UI component library
+ * @countermeasure/web-components/components
+ */
+export { DataTable } from './data-table/index';
+export type { CellRenderer, ColumnDef, DataTableConfig, PaginationConfig, SortDirection, SortState, } from './data-table/types';
+export { TreeView } from './tree-view/index';
+export type { TreeNode, TreeViewConfig } from './tree-view/types';
+export { TabPanel } from './tabs/index';
+export type { Tab, TabPanelConfig } from './tabs/types';
+export { SplitPane } from './split-pane/index';
+export type { PaneConfig, SplitOrientation, SplitPaneConfig } from './split-pane/types';
+export { Modal } from './modal/index';
+export type { ModalConfig, ModalVariant } from './modal/types';
+export { ToastManager } from './toast/index';
+export type { ToastConfig, ToastLevel, ToastOptions, ToastPosition } from './toast/types';
+export { SearchInput } from './search/index';
+export { CommandPalette } from './search/command-palette';
+export type { SearchResult, SearchInputConfig, CommandPaletteConfig, CommandEntry, } from './search/types';
+export { Pagination } from './pagination/index';
+export { CopyButton } from './copy-button/index';
+export { StatusBar } from './status-bar/index';
+export { ContextMenu } from './context-menu/index';
+export { LogToolbar } from './log-toolbar/index';
+export type { LogToolbarConfig } from './log-toolbar/index';
+export { DetailHeader } from './detail-header/index';
+export type { DetailHeaderConfig, DetailHeaderAction } from './detail-header/index';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,YAAY,EACV,YAAY,EACZ,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGjE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,YAAY,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGvF,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAGzF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,GACb,MAAM,gBAAgB,CAAA;AAGvB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,15 @@
+import { t as e } from "../data-table-TZ_fmzbD.js";
+import { t } from "../tree-view-CQwOGwy0.js";
+import { TabPanel as n } from "./tabs/index.js";
+import { SplitPane as r } from "./split-pane/index.js";
+import { Modal as i } from "./modal/index.js";
+import { ToastManager as a } from "./toast/index.js";
+import { CommandPalette as o } from "./search/command-palette.js";
+import { SearchInput as s } from "./search/index.js";
+import { Pagination as c } from "./pagination/index.js";
+import { CopyButton as l } from "./copy-button/index.js";
+import { StatusBar as u } from "./status-bar/index.js";
+import { ContextMenu as d } from "./context-menu/index.js";
+import { LogToolbar as f } from "./log-toolbar/index.js";
+import { DetailHeader as p } from "./detail-header/index.js";
+export { o as CommandPalette, d as ContextMenu, l as CopyButton, e as DataTable, p as DetailHeader, f as LogToolbar, i as Modal, c as Pagination, s as SearchInput, r as SplitPane, u as StatusBar, n as TabPanel, a as ToastManager, t as TreeView };

package/dist/components/log-toolbar/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * LogToolbar component - search, follow, wrap, copy, download controls for log viewers
+ * @countermeasure/web-components/components/log-toolbar
+ */
+export interface LogToolbarConfig {
+    container: HTMLElement | string;
+    /** Callback when search query changes (debounced) */
+    onSearch?: (query: string) => void;
+    /** Callback when follow mode toggles */
+    onFollowChange?: (enabled: boolean) => void;
+    /** Callback when word-wrap toggles */
+    onWrapChange?: (enabled: boolean) => void;
+    /** Callback to get text for copy/download */
+    getText?: () => string;
+    /** File name stem for downloads (without extension) */
+    downloadName?: string;
+    /** Initial follow state */
+    follow?: boolean;
+    /** Initial wrap state */
+    wrap?: boolean;
+    /** Search debounce in ms */
+    debounceMs?: number;
+}
+export declare class LogToolbar {
+    private readonly containerEl;
+    private readonly rootEl;
+    private readonly searchEl;
+    private readonly followBtn;
+    private readonly wrapBtn;
+    private readonly copyBtn;
+    private readonly downloadBtn;
+    private follow;
+    private wrap;
+    private debounceTimer;
+    private destroyed;
+    private config;
+    constructor(config: LogToolbarConfig);
+    getSearchQuery(): string;
+    getFollowEnabled(): boolean;
+    setFollow(enabled: boolean): void;
+    setWrap(enabled: boolean): void;
+    destroy(): void;
+    private createToggle;
+    private readonly handleSearch;
+    private readonly handleFollow;
+    private readonly handleWrap;
+    private readonly handleCopy;
+    private readonly handleDownload;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/log-toolbar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,MAAM,CAAA;IACtB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAaD,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAa;IACzC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;IAC3C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmB;IAC7C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAmB;IAC/C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,aAAa,CAA6C;IAClE,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,MAAM,CAAkB;gBAEpB,MAAM,EAAE,gBAAgB;IA0CpC,cAAc,IAAI,MAAM;IAIxB,gBAAgB,IAAI,OAAO;IAI3B,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAMjC,OAAO,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAK/B,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAK5B;IAED,OAAO,CAAC,QAAQ,CAAC,YAAY,CAK5B;IAED,OAAO,CAAC,QAAQ,CAAC,UAAU,CAI1B;IAED,OAAO,CAAC,QAAQ,CAAC,UAAU,CAe1B;IAED,OAAO,CAAC,QAAQ,CAAC,cAAc,CAc9B;CACF"}

package/dist/components/log-toolbar/index.js

@@ -0,0 +1,74 @@
+//#region src/components/log-toolbar/index.ts
+function e(e) {
+	if (typeof e == "string") {
+		let t = document.querySelector(e);
+		if (!t) throw Error(`LogToolbar: container not found for selector "${e}"`);
+		return t;
+	}
+	return e;
+}
+var t = class {
+	containerEl;
+	rootEl;
+	searchEl;
+	followBtn;
+	wrapBtn;
+	copyBtn;
+	downloadBtn;
+	follow;
+	wrap;
+	debounceTimer = null;
+	destroyed = !1;
+	config;
+	constructor(t) {
+		this.config = t, this.containerEl = e(t.container), this.follow = t.follow ?? !0, this.wrap = t.wrap ?? !0, this.rootEl = document.createElement("div"), this.rootEl.className = "cmm-log-toolbar", this.searchEl = document.createElement("input"), this.searchEl.type = "text", this.searchEl.className = "cmm-log-toolbar__search", this.searchEl.placeholder = "Search logs...", this.searchEl.addEventListener("input", this.handleSearch), this.rootEl.appendChild(this.searchEl), this.followBtn = this.createToggle("Follow", this.follow, this.handleFollow), this.rootEl.appendChild(this.followBtn), this.wrapBtn = this.createToggle("Wrap", this.wrap, this.handleWrap), this.rootEl.appendChild(this.wrapBtn), this.copyBtn = document.createElement("button"), this.copyBtn.className = "cmm-log-toolbar__btn", this.copyBtn.textContent = "Copy", this.copyBtn.addEventListener("click", this.handleCopy), this.rootEl.appendChild(this.copyBtn), this.downloadBtn = document.createElement("button"), this.downloadBtn.className = "cmm-log-toolbar__btn", this.downloadBtn.textContent = "Download", this.downloadBtn.addEventListener("click", this.handleDownload), this.rootEl.appendChild(this.downloadBtn), this.containerEl.appendChild(this.rootEl);
+	}
+	getSearchQuery() {
+		return this.searchEl.value;
+	}
+	getFollowEnabled() {
+		return this.follow;
+	}
+	setFollow(e) {
+		this.follow = e, this.followBtn.classList.toggle("cmm-log-toolbar__btn--active", e), this.followBtn.setAttribute("aria-pressed", String(e));
+	}
+	setWrap(e) {
+		this.wrap = e, this.wrapBtn.classList.toggle("cmm-log-toolbar__btn--active", e);
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.debounceTimer !== null && clearTimeout(this.debounceTimer), this.searchEl.removeEventListener("input", this.handleSearch), this.followBtn.removeEventListener("click", this.handleFollow), this.wrapBtn.removeEventListener("click", this.handleWrap), this.copyBtn.removeEventListener("click", this.handleCopy), this.downloadBtn.removeEventListener("click", this.handleDownload), this.rootEl.parentNode && this.rootEl.parentNode.removeChild(this.rootEl));
+	}
+	createToggle(e, t, n) {
+		let r = document.createElement("button");
+		return r.className = "cmm-log-toolbar__btn", t && r.classList.add("cmm-log-toolbar__btn--active"), r.textContent = e, r.setAttribute("aria-pressed", String(t)), r.addEventListener("click", n), r;
+	}
+	handleSearch = () => {
+		this.debounceTimer !== null && clearTimeout(this.debounceTimer), this.debounceTimer = setTimeout(() => {
+			this.config.onSearch?.(this.searchEl.value);
+		}, this.config.debounceMs ?? 150);
+	};
+	handleFollow = () => {
+		this.follow = !this.follow, this.followBtn.classList.toggle("cmm-log-toolbar__btn--active", this.follow), this.followBtn.setAttribute("aria-pressed", String(this.follow)), this.config.onFollowChange?.(this.follow);
+	};
+	handleWrap = () => {
+		this.wrap = !this.wrap, this.wrapBtn.classList.toggle("cmm-log-toolbar__btn--active", this.wrap), this.config.onWrapChange?.(this.wrap);
+	};
+	handleCopy = () => {
+		let e = this.config.getText?.() ?? "";
+		navigator.clipboard.writeText(e).then(() => {
+			this.copyBtn.textContent = "Copied!", this.copyBtn.classList.add("cmm-log-toolbar__btn--copied"), setTimeout(() => {
+				this.destroyed || (this.copyBtn.textContent = "Copy", this.copyBtn.classList.remove("cmm-log-toolbar__btn--copied"));
+			}, 2e3);
+		}).catch(() => {});
+	};
+	handleDownload = () => {
+		let e = this.config.getText?.() ?? "", t = new Blob([e], { type: "text/plain" }), n = URL.createObjectURL(t), r = document.createElement("a");
+		r.href = n, r.download = `${this.config.downloadName ?? "logs"}.log`, r.style.display = "none", document.body.appendChild(r), r.click(), r.remove(), setTimeout(() => {
+			URL.revokeObjectURL(n);
+		}, 0);
+	};
+};
+//#endregion
+export { t as LogToolbar };
+
+//# sourceMappingURL=index.js.map

package/dist/components/log-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/log-toolbar/index.ts"],"sourcesContent":["/**\n * LogToolbar component - search, follow, wrap, copy, download controls for log viewers\n * @countermeasure/web-components/components/log-toolbar\n */\n\nexport interface LogToolbarConfig {\n  container: HTMLElement | string\n  /** Callback when search query changes (debounced) */\n  onSearch?: (query: string) => void\n  /** Callback when follow mode toggles */\n  onFollowChange?: (enabled: boolean) => void\n  /** Callback when word-wrap toggles */\n  onWrapChange?: (enabled: boolean) => void\n  /** Callback to get text for copy/download */\n  getText?: () => string\n  /** File name stem for downloads (without extension) */\n  downloadName?: string\n  /** Initial follow state */\n  follow?: boolean\n  /** Initial wrap state */\n  wrap?: boolean\n  /** Search debounce in ms */\n  debounceMs?: number\n}\n\nfunction resolveContainer(container: HTMLElement | string): HTMLElement {\n  if (typeof container === 'string') {\n    const el = document.querySelector(container)\n    if (!el) {\n      throw new Error(`LogToolbar: container not found for selector \"${container}\"`)\n    }\n    return el as HTMLElement\n  }\n  return container\n}\n\nexport class LogToolbar {\n  private readonly containerEl: HTMLElement\n  private readonly rootEl: HTMLElement\n  private readonly searchEl: HTMLInputElement\n  private readonly followBtn: HTMLButtonElement\n  private readonly wrapBtn: HTMLButtonElement\n  private readonly copyBtn: HTMLButtonElement\n  private readonly downloadBtn: HTMLButtonElement\n  private follow: boolean\n  private wrap: boolean\n  private debounceTimer: ReturnType<typeof setTimeout> | null = null\n  private destroyed = false\n  private config: LogToolbarConfig\n\n  constructor(config: LogToolbarConfig) {\n    this.config = config\n    this.containerEl = resolveContainer(config.container)\n    this.follow = config.follow ?? true\n    this.wrap = config.wrap ?? true\n\n    this.rootEl = document.createElement('div')\n    this.rootEl.className = 'cmm-log-toolbar'\n\n    // Search\n    this.searchEl = document.createElement('input')\n    this.searchEl.type = 'text'\n    this.searchEl.className = 'cmm-log-toolbar__search'\n    this.searchEl.placeholder = 'Search logs...'\n    this.searchEl.addEventListener('input', this.handleSearch)\n    this.rootEl.appendChild(this.searchEl)\n\n    // Follow\n    this.followBtn = this.createToggle('Follow', this.follow, this.handleFollow)\n    this.rootEl.appendChild(this.followBtn)\n\n    // Wrap\n    this.wrapBtn = this.createToggle('Wrap', this.wrap, this.handleWrap)\n    this.rootEl.appendChild(this.wrapBtn)\n\n    // Copy\n    this.copyBtn = document.createElement('button')\n    this.copyBtn.className = 'cmm-log-toolbar__btn'\n    this.copyBtn.textContent = 'Copy'\n    this.copyBtn.addEventListener('click', this.handleCopy)\n    this.rootEl.appendChild(this.copyBtn)\n\n    // Download\n    this.downloadBtn = document.createElement('button')\n    this.downloadBtn.className = 'cmm-log-toolbar__btn'\n    this.downloadBtn.textContent = 'Download'\n    this.downloadBtn.addEventListener('click', this.handleDownload)\n    this.rootEl.appendChild(this.downloadBtn)\n\n    this.containerEl.appendChild(this.rootEl)\n  }\n\n  getSearchQuery(): string {\n    return this.searchEl.value\n  }\n\n  getFollowEnabled(): boolean {\n    return this.follow\n  }\n\n  setFollow(enabled: boolean): void {\n    this.follow = enabled\n    this.followBtn.classList.toggle('cmm-log-toolbar__btn--active', enabled)\n    this.followBtn.setAttribute('aria-pressed', String(enabled))\n  }\n\n  setWrap(enabled: boolean): void {\n    this.wrap = enabled\n    this.wrapBtn.classList.toggle('cmm-log-toolbar__btn--active', enabled)\n  }\n\n  destroy(): void {\n    if (this.destroyed) return\n    this.destroyed = true\n    if (this.debounceTimer !== null) clearTimeout(this.debounceTimer)\n    this.searchEl.removeEventListener('input', this.handleSearch)\n    this.followBtn.removeEventListener('click', this.handleFollow)\n    this.wrapBtn.removeEventListener('click', this.handleWrap)\n    this.copyBtn.removeEventListener('click', this.handleCopy)\n    this.downloadBtn.removeEventListener('click', this.handleDownload)\n    if (this.rootEl.parentNode) this.rootEl.parentNode.removeChild(this.rootEl)\n  }\n\n  private createToggle(label: string, initial: boolean, handler: () => void): HTMLButtonElement {\n    const btn = document.createElement('button')\n    btn.className = 'cmm-log-toolbar__btn'\n    if (initial) btn.classList.add('cmm-log-toolbar__btn--active')\n    btn.textContent = label\n    btn.setAttribute('aria-pressed', String(initial))\n    btn.addEventListener('click', handler)\n    return btn\n  }\n\n  private readonly handleSearch = (): void => {\n    if (this.debounceTimer !== null) clearTimeout(this.debounceTimer)\n    this.debounceTimer = setTimeout(() => {\n      this.config.onSearch?.(this.searchEl.value)\n    }, this.config.debounceMs ?? 150)\n  }\n\n  private readonly handleFollow = (): void => {\n    this.follow = !this.follow\n    this.followBtn.classList.toggle('cmm-log-toolbar__btn--active', this.follow)\n    this.followBtn.setAttribute('aria-pressed', String(this.follow))\n    this.config.onFollowChange?.(this.follow)\n  }\n\n  private readonly handleWrap = (): void => {\n    this.wrap = !this.wrap\n    this.wrapBtn.classList.toggle('cmm-log-toolbar__btn--active', this.wrap)\n    this.config.onWrapChange?.(this.wrap)\n  }\n\n  private readonly handleCopy = (): void => {\n    const text = this.config.getText?.() ?? ''\n    void navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        this.copyBtn.textContent = 'Copied!'\n        this.copyBtn.classList.add('cmm-log-toolbar__btn--copied')\n        setTimeout(() => {\n          if (!this.destroyed) {\n            this.copyBtn.textContent = 'Copy'\n            this.copyBtn.classList.remove('cmm-log-toolbar__btn--copied')\n          }\n        }, 2000)\n      })\n      .catch(() => {})\n  }\n\n  private readonly handleDownload = (): void => {\n    const text = this.config.getText?.() ?? ''\n    const blob = new Blob([text], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n    const a = document.createElement('a')\n    a.href = url\n    a.download = `${this.config.downloadName ?? 'logs'}.log`\n    a.style.display = 'none'\n    document.body.appendChild(a)\n    a.click()\n    a.remove()\n    setTimeout(() => {\n      URL.revokeObjectURL(url)\n    }, 0)\n  }\n}\n"],"mappings":"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"}

package/dist/components/modal/index.d.ts

@@ -0,0 +1,27 @@
+import { ModalConfig } from './types';
+export type { ModalConfig, ModalVariant } from './types';
+export declare class Modal {
+    private overlayEl;
+    private dialogEl;
+    private readonly config;
+    private readonly titleId;
+    private isLoading;
+    private focusTrap;
+    private readonly handleKeyDown;
+    private constructor();
+    /** Factory method: create and show a modal */
+    static open(config: ModalConfig): Modal;
+    /** Close the modal and remove from DOM */
+    close(): void;
+    /** Update the modal body content */
+    setBody(content: string | HTMLElement): void;
+    /** Set loading state: disables buttons during async confirm */
+    setLoading(loading: boolean): void;
+    /** Build and show the modal DOM */
+    private show;
+    /** Handle the confirm button click, supporting async callbacks */
+    private handleConfirm;
+    /** Handle keyboard events for escape (focus trapping delegated to shared createFocusTrap) */
+    private onKeyDown;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAExD,qBAAa,KAAK;IAChB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,SAAS,CAAyB;IAG1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4B;IAE1D,OAAO;IAQP,8CAA8C;IAC9C,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK;IAMvC,0CAA0C;IAC1C,KAAK,IAAI,IAAI;IAqBb,oCAAoC;IACpC,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAkB5C,+DAA+D;IAC/D,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAalC,mCAAmC;IACnC,OAAO,CAAC,IAAI;IAiHZ,kEAAkE;YACpD,aAAa;IAyB3B,6FAA6F;IAC7F,OAAO,CAAC,SAAS;CAKlB"}

package/dist/components/modal/index.js

@@ -0,0 +1,103 @@
+import { t as e } from "../../purify.es-oNgIHWpC.js";
+import { n as t } from "../../a11y-B5pN4M_a.js";
+import { n } from "../../utils-Cn_W3h3f.js";
+//#region src/components/modal/index.ts
+var r = class r {
+	overlayEl = null;
+	dialogEl = null;
+	config;
+	titleId;
+	isLoading = !1;
+	focusTrap = null;
+	handleKeyDown;
+	constructor(e) {
+		this.config = e, this.titleId = n("cmm-modal-title"), this.handleKeyDown = (e) => {
+			this.onKeyDown(e);
+		};
+	}
+	static open(e) {
+		let t = new r(e);
+		return t.show(), t;
+	}
+	close() {
+		if (document.removeEventListener("keydown", this.handleKeyDown), this.focusTrap?.deactivate(), this.focusTrap = null, this.overlayEl) {
+			this.overlayEl.classList.remove("cmm-modal--open");
+			let e = this.overlayEl;
+			setTimeout(() => {
+				e.remove();
+			}, 200), this.overlayEl = null, this.dialogEl = null;
+		}
+		this.config.onCancel?.();
+	}
+	setBody(t) {
+		if (!this.dialogEl) return;
+		let n = this.dialogEl.querySelector(".cmm-modal__body");
+		n && (typeof t == "string" ? n.innerHTML = e.sanitize(t) : (n.innerHTML = "", n.appendChild(t)));
+	}
+	setLoading(e) {
+		this.isLoading = e, this.dialogEl && this.dialogEl.querySelectorAll(".cmm-modal__footer button").forEach((t) => {
+			t.disabled = e;
+		});
+	}
+	show() {
+		let n = document.createElement("div");
+		n.className = "cmm-modal", this.overlayEl = n, this.config.closeOnBackdrop !== !1 && n.addEventListener("click", (e) => {
+			e.target === n && this.close();
+		});
+		let r = document.createElement("div");
+		r.className = "cmm-modal__dialog", r.setAttribute("role", "dialog"), r.setAttribute("aria-modal", "true"), r.setAttribute("aria-labelledby", this.titleId), this.dialogEl = r;
+		let i = document.createElement("div");
+		i.className = "cmm-modal__header";
+		let a = document.createElement("h2");
+		a.className = "cmm-modal__title", a.id = this.titleId, a.textContent = this.config.title, i.appendChild(a);
+		let o = document.createElement("button");
+		o.className = "cmm-modal__close", o.textContent = "×", o.setAttribute("aria-label", "Close"), o.addEventListener("click", () => {
+			this.close();
+		}), i.appendChild(o), r.appendChild(i);
+		let s = document.createElement("div");
+		s.className = "cmm-modal__body", this.config.body !== void 0 && (typeof this.config.body == "string" ? s.innerHTML = e.sanitize(this.config.body) : s.appendChild(this.config.body)), r.appendChild(s);
+		let c = document.createElement("div");
+		if (c.className = "cmm-modal__footer", (this.config.variant ?? "confirm") === "alert") {
+			let e = document.createElement("button");
+			e.className = "cmm-modal__btn cmm-modal__btn--primary", e.textContent = this.config.confirmLabel ?? "OK", e.addEventListener("click", () => {
+				this.close();
+			}), c.appendChild(e);
+		} else {
+			let e = document.createElement("button");
+			e.className = "cmm-modal__btn cmm-modal__btn--secondary", e.textContent = this.config.cancelLabel ?? "Cancel", e.addEventListener("click", () => {
+				this.close();
+			}), c.appendChild(e);
+			let t = document.createElement("button");
+			t.className = "cmm-modal__btn cmm-modal__btn--primary", t.textContent = this.config.confirmLabel ?? "Confirm", t.addEventListener("click", () => {
+				this.handleConfirm();
+			}), c.appendChild(t);
+		}
+		r.appendChild(c), n.appendChild(r), document.body.appendChild(n), requestAnimationFrame(() => {
+			n.classList.add("cmm-modal--open");
+		}), this.config.closeOnEscape !== !1 && document.addEventListener("keydown", this.handleKeyDown), r.setAttribute("tabindex", "-1"), this.focusTrap = t(r), this.focusTrap.activate();
+	}
+	async handleConfirm() {
+		if (this.isLoading) return;
+		if (this.config.onConfirm === void 0) {
+			this.close();
+			return;
+		}
+		let e = this.config.onConfirm();
+		if (e !== void 0) {
+			this.setLoading(!0);
+			try {
+				await e;
+			} finally {
+				this.setLoading(!1);
+			}
+		}
+		this.close();
+	}
+	onKeyDown(e) {
+		e.key === "Escape" && this.close();
+	}
+};
+//#endregion
+export { r as Modal };
+
+//# sourceMappingURL=index.js.map

package/dist/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/modal/index.ts"],"sourcesContent":["/**\n * Modal - Dialog overlay component with focus trapping\n * @countermeasure/web-components/components/modal\n */\n\nimport DOMPurify from 'dompurify'\nimport { type ModalConfig } from './types'\nimport { createFocusTrap, type FocusTrap } from '../../utils/a11y'\nimport { uniqueId } from '../../primitives/utils'\n\nexport type { ModalConfig, ModalVariant } from './types'\n\nexport class Modal {\n  private overlayEl: HTMLElement | null = null\n  private dialogEl: HTMLElement | null = null\n  private readonly config: ModalConfig\n  private readonly titleId: string\n  private isLoading = false\n  private focusTrap: FocusTrap | null = null\n\n  // Bound handlers for cleanup\n  private readonly handleKeyDown: (e: KeyboardEvent) => void\n\n  private constructor(config: ModalConfig) {\n    this.config = config\n    this.titleId = uniqueId('cmm-modal-title')\n    this.handleKeyDown = (e: KeyboardEvent) => {\n      this.onKeyDown(e)\n    }\n  }\n\n  /** Factory method: create and show a modal */\n  static open(config: ModalConfig): Modal {\n    const modal = new Modal(config)\n    modal.show()\n    return modal\n  }\n\n  /** Close the modal and remove from DOM */\n  close(): void {\n    document.removeEventListener('keydown', this.handleKeyDown)\n    this.focusTrap?.deactivate()\n    this.focusTrap = null\n\n    if (this.overlayEl) {\n      this.overlayEl.classList.remove('cmm-modal--open')\n\n      // Remove after transition\n      const overlay = this.overlayEl\n      setTimeout(() => {\n        overlay.remove()\n      }, 200)\n\n      this.overlayEl = null\n      this.dialogEl = null\n    }\n\n    this.config.onCancel?.()\n  }\n\n  /** Update the modal body content */\n  setBody(content: string | HTMLElement): void {\n    if (!this.dialogEl) {\n      return\n    }\n\n    const bodyEl = this.dialogEl.querySelector('.cmm-modal__body')\n    if (!bodyEl) {\n      return\n    }\n\n    if (typeof content === 'string') {\n      bodyEl.innerHTML = DOMPurify.sanitize(content)\n    } else {\n      bodyEl.innerHTML = ''\n      bodyEl.appendChild(content)\n    }\n  }\n\n  /** Set loading state: disables buttons during async confirm */\n  setLoading(loading: boolean): void {\n    this.isLoading = loading\n\n    if (!this.dialogEl) {\n      return\n    }\n\n    const buttons = this.dialogEl.querySelectorAll<HTMLButtonElement>('.cmm-modal__footer button')\n    buttons.forEach(btn => {\n      btn.disabled = loading\n    })\n  }\n\n  /** Build and show the modal DOM */\n  private show(): void {\n    // Overlay\n    const overlay = document.createElement('div')\n    overlay.className = 'cmm-modal'\n    this.overlayEl = overlay\n\n    // Backdrop click\n    const closeOnBackdrop = this.config.closeOnBackdrop !== false\n    if (closeOnBackdrop) {\n      overlay.addEventListener('click', (e: MouseEvent) => {\n        if (e.target === overlay) {\n          this.close()\n        }\n      })\n    }\n\n    // Dialog\n    const dialog = document.createElement('div')\n    dialog.className = 'cmm-modal__dialog'\n    dialog.setAttribute('role', 'dialog')\n    dialog.setAttribute('aria-modal', 'true')\n    dialog.setAttribute('aria-labelledby', this.titleId)\n    this.dialogEl = dialog\n\n    // Header\n    const header = document.createElement('div')\n    header.className = 'cmm-modal__header'\n\n    const title = document.createElement('h2')\n    title.className = 'cmm-modal__title'\n    title.id = this.titleId\n    title.textContent = this.config.title\n    header.appendChild(title)\n\n    const closeBtn = document.createElement('button')\n    closeBtn.className = 'cmm-modal__close'\n    closeBtn.textContent = '\\u00D7'\n    closeBtn.setAttribute('aria-label', 'Close')\n    closeBtn.addEventListener('click', () => {\n      this.close()\n    })\n    header.appendChild(closeBtn)\n\n    dialog.appendChild(header)\n\n    // Body\n    const body = document.createElement('div')\n    body.className = 'cmm-modal__body'\n\n    if (this.config.body !== undefined) {\n      if (typeof this.config.body === 'string') {\n        body.innerHTML = DOMPurify.sanitize(this.config.body)\n      } else {\n        body.appendChild(this.config.body)\n      }\n    }\n\n    dialog.appendChild(body)\n\n    // Footer\n    const footer = document.createElement('div')\n    footer.className = 'cmm-modal__footer'\n\n    const variant = this.config.variant ?? 'confirm'\n\n    if (variant === 'alert') {\n      const okBtn = document.createElement('button')\n      okBtn.className = 'cmm-modal__btn cmm-modal__btn--primary'\n      okBtn.textContent = this.config.confirmLabel ?? 'OK'\n      okBtn.addEventListener('click', () => {\n        this.close()\n      })\n      footer.appendChild(okBtn)\n    } else {\n      // confirm or form: show cancel + confirm\n      const cancelBtn = document.createElement('button')\n      cancelBtn.className = 'cmm-modal__btn cmm-modal__btn--secondary'\n      cancelBtn.textContent = this.config.cancelLabel ?? 'Cancel'\n      cancelBtn.addEventListener('click', () => {\n        this.close()\n      })\n      footer.appendChild(cancelBtn)\n\n      const confirmBtn = document.createElement('button')\n      confirmBtn.className = 'cmm-modal__btn cmm-modal__btn--primary'\n      confirmBtn.textContent = this.config.confirmLabel ?? 'Confirm'\n      confirmBtn.addEventListener('click', () => {\n        void this.handleConfirm()\n      })\n      footer.appendChild(confirmBtn)\n    }\n\n    dialog.appendChild(footer)\n    overlay.appendChild(dialog)\n    document.body.appendChild(overlay)\n\n    // Show with transition\n    requestAnimationFrame(() => {\n      overlay.classList.add('cmm-modal--open')\n    })\n\n    // Keyboard handler (Escape to close)\n    const closeOnEscape = this.config.closeOnEscape !== false\n    if (closeOnEscape) {\n      document.addEventListener('keydown', this.handleKeyDown)\n    }\n\n    // Make dialog focusable as fallback and activate focus trap\n    dialog.setAttribute('tabindex', '-1')\n    this.focusTrap = createFocusTrap(dialog)\n    this.focusTrap.activate()\n  }\n\n  /** Handle the confirm button click, supporting async callbacks */\n  private async handleConfirm(): Promise<void> {\n    if (this.isLoading) {\n      return\n    }\n\n    if (this.config.onConfirm === undefined) {\n      this.close()\n      return\n    }\n\n    const result: void | Promise<void> = this.config.onConfirm()\n\n    // Check if the result is a promise\n    if (result !== undefined) {\n      this.setLoading(true)\n      try {\n        await result\n      } finally {\n        this.setLoading(false)\n      }\n    }\n\n    this.close()\n  }\n\n  /** Handle keyboard events for escape (focus trapping delegated to shared createFocusTrap) */\n  private onKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') {\n      this.close()\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/modal/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Modal type definitions
+ * @countermeasure/web-components/components/modal
+ */
+export type ModalVariant = 'confirm' | 'form' | 'alert';
+export interface ModalConfig {
+    title: string;
+    variant?: ModalVariant;
+    body?: string | HTMLElement;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/modal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB"}

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Pagination component
+ * @countermeasure/web-components/components/pagination
+ */
+export interface PaginationConfig {
+    container: HTMLElement | string;
+    page?: number;
+    hasMore?: boolean;
+    onPageChange?: (page: number) => void;
+}
+export declare class Pagination {
+    private readonly config;
+    private readonly containerEl;
+    private readonly rootEl;
+    private readonly prevBtn;
+    private readonly nextBtn;
+    private readonly infoEl;
+    private currentPage;
+    private hasMore;
+    private destroyed;
+    constructor(config: PaginationConfig);
+    setPage(page: number, hasMore?: boolean): void;
+    getPage(): number;
+    destroy(): void;
+    private render;
+    private readonly handlePrev;
+    private readonly handleNext;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAaD,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAa;IACzC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,gBAAgB;IA8BpC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI;IAQ9C,OAAO,IAAI,MAAM;IAIjB,OAAO,IAAI,IAAI;IAcf,OAAO,CAAC,MAAM;IAoBd,OAAO,CAAC,QAAQ,CAAC,UAAU,CAQ1B;IAED,OAAO,CAAC,QAAQ,CAAC,UAAU,CAQ1B;CACF"}

package/dist/components/pagination/index.js

@@ -0,0 +1,45 @@
+//#region src/components/pagination/index.ts
+function e(e) {
+	if (typeof e == "string") {
+		let t = document.querySelector(e);
+		if (!t) throw Error(`Pagination: container not found for selector "${e}"`);
+		return t;
+	}
+	return e;
+}
+var t = class {
+	config;
+	containerEl;
+	rootEl;
+	prevBtn;
+	nextBtn;
+	infoEl;
+	currentPage;
+	hasMore;
+	destroyed = !1;
+	constructor(t) {
+		this.config = t, this.containerEl = e(t.container), this.currentPage = t.page ?? 1, this.hasMore = t.hasMore === !0, this.rootEl = document.createElement("div"), this.rootEl.className = "cmm-pagination", this.prevBtn = document.createElement("button"), this.prevBtn.className = "cmm-pagination__button", this.prevBtn.textContent = "Previous", this.prevBtn.addEventListener("click", this.handlePrev), this.infoEl = document.createElement("span"), this.infoEl.className = "cmm-pagination__info", this.nextBtn = document.createElement("button"), this.nextBtn.className = "cmm-pagination__button", this.nextBtn.textContent = "Next", this.nextBtn.addEventListener("click", this.handleNext), this.rootEl.appendChild(this.prevBtn), this.rootEl.appendChild(this.infoEl), this.rootEl.appendChild(this.nextBtn), this.containerEl.appendChild(this.rootEl), this.render();
+	}
+	setPage(e, t) {
+		this.currentPage = e, t !== void 0 && (this.hasMore = t), this.render();
+	}
+	getPage() {
+		return this.currentPage;
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.prevBtn.removeEventListener("click", this.handlePrev), this.nextBtn.removeEventListener("click", this.handleNext), this.rootEl.parentNode && this.rootEl.parentNode.removeChild(this.rootEl));
+	}
+	render() {
+		this.infoEl.textContent = `Page ${String(this.currentPage)}`, this.currentPage <= 1 ? (this.prevBtn.disabled = !0, this.prevBtn.classList.add("cmm-pagination__button--disabled")) : (this.prevBtn.disabled = !1, this.prevBtn.classList.remove("cmm-pagination__button--disabled")), this.hasMore ? (this.nextBtn.disabled = !1, this.nextBtn.classList.remove("cmm-pagination__button--disabled")) : (this.nextBtn.disabled = !0, this.nextBtn.classList.add("cmm-pagination__button--disabled"));
+	}
+	handlePrev = () => {
+		this.currentPage > 1 && (--this.currentPage, this.render(), this.config.onPageChange && this.config.onPageChange(this.currentPage));
+	};
+	handleNext = () => {
+		this.hasMore && (this.currentPage += 1, this.render(), this.config.onPageChange && this.config.onPageChange(this.currentPage));
+	};
+};
+//#endregion
+export { t as Pagination };
+
+//# sourceMappingURL=index.js.map

package/dist/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/pagination/index.ts"],"sourcesContent":["/**\n * Pagination component\n * @countermeasure/web-components/components/pagination\n */\n\nexport interface PaginationConfig {\n  container: HTMLElement | string\n  page?: number\n  hasMore?: boolean\n  onPageChange?: (page: number) => void\n}\n\nfunction resolveContainer(container: HTMLElement | string): HTMLElement {\n  if (typeof container === 'string') {\n    const el = document.querySelector(container)\n    if (!el) {\n      throw new Error(`Pagination: container not found for selector \"${container}\"`)\n    }\n    return el as HTMLElement\n  }\n  return container\n}\n\nexport class Pagination {\n  private readonly config: PaginationConfig\n  private readonly containerEl: HTMLElement\n  private readonly rootEl: HTMLElement\n  private readonly prevBtn: HTMLButtonElement\n  private readonly nextBtn: HTMLButtonElement\n  private readonly infoEl: HTMLElement\n  private currentPage: number\n  private hasMore: boolean\n  private destroyed = false\n\n  constructor(config: PaginationConfig) {\n    this.config = config\n    this.containerEl = resolveContainer(config.container)\n    this.currentPage = config.page ?? 1\n    this.hasMore = config.hasMore === true\n\n    this.rootEl = document.createElement('div')\n    this.rootEl.className = 'cmm-pagination'\n\n    this.prevBtn = document.createElement('button')\n    this.prevBtn.className = 'cmm-pagination__button'\n    this.prevBtn.textContent = 'Previous'\n    this.prevBtn.addEventListener('click', this.handlePrev)\n\n    this.infoEl = document.createElement('span')\n    this.infoEl.className = 'cmm-pagination__info'\n\n    this.nextBtn = document.createElement('button')\n    this.nextBtn.className = 'cmm-pagination__button'\n    this.nextBtn.textContent = 'Next'\n    this.nextBtn.addEventListener('click', this.handleNext)\n\n    this.rootEl.appendChild(this.prevBtn)\n    this.rootEl.appendChild(this.infoEl)\n    this.rootEl.appendChild(this.nextBtn)\n    this.containerEl.appendChild(this.rootEl)\n\n    this.render()\n  }\n\n  setPage(page: number, hasMore?: boolean): void {\n    this.currentPage = page\n    if (hasMore !== undefined) {\n      this.hasMore = hasMore\n    }\n    this.render()\n  }\n\n  getPage(): number {\n    return this.currentPage\n  }\n\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n\n    this.prevBtn.removeEventListener('click', this.handlePrev)\n    this.nextBtn.removeEventListener('click', this.handleNext)\n\n    if (this.rootEl.parentNode) {\n      this.rootEl.parentNode.removeChild(this.rootEl)\n    }\n  }\n\n  private render(): void {\n    this.infoEl.textContent = `Page ${String(this.currentPage)}`\n\n    if (this.currentPage <= 1) {\n      this.prevBtn.disabled = true\n      this.prevBtn.classList.add('cmm-pagination__button--disabled')\n    } else {\n      this.prevBtn.disabled = false\n      this.prevBtn.classList.remove('cmm-pagination__button--disabled')\n    }\n\n    if (this.hasMore) {\n      this.nextBtn.disabled = false\n      this.nextBtn.classList.remove('cmm-pagination__button--disabled')\n    } else {\n      this.nextBtn.disabled = true\n      this.nextBtn.classList.add('cmm-pagination__button--disabled')\n    }\n  }\n\n  private readonly handlePrev = (): void => {\n    if (this.currentPage > 1) {\n      this.currentPage -= 1\n      this.render()\n      if (this.config.onPageChange) {\n        this.config.onPageChange(this.currentPage)\n      }\n    }\n  }\n\n  private readonly handleNext = (): void => {\n    if (this.hasMore) {\n      this.currentPage += 1\n      this.render()\n      if (this.config.onPageChange) {\n        this.config.onPageChange(this.currentPage)\n      }\n    }\n  }\n}\n"],"mappings":";AAYA,SAAS,EAAiB,GAA8C;AACtE,KAAI,OAAO,KAAc,UAAU;EACjC,IAAM,IAAK,SAAS,cAAc,EAAU;AAC5C,MAAI,CAAC,EACH,OAAU,MAAM,iDAAiD,EAAU,GAAG;AAEhF,SAAO;;AAET,QAAO;;AAGT,IAAa,IAAb,MAAwB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,YAAoB;CAEpB,YAAY,GAA0B;AA2BpC,EA1BA,KAAK,SAAS,GACd,KAAK,cAAc,EAAiB,EAAO,UAAU,EACrD,KAAK,cAAc,EAAO,QAAQ,GAClC,KAAK,UAAU,EAAO,YAAY,IAElC,KAAK,SAAS,SAAS,cAAc,MAAM,EAC3C,KAAK,OAAO,YAAY,kBAExB,KAAK,UAAU,SAAS,cAAc,SAAS,EAC/C,KAAK,QAAQ,YAAY,0BACzB,KAAK,QAAQ,cAAc,YAC3B,KAAK,QAAQ,iBAAiB,SAAS,KAAK,WAAW,EAEvD,KAAK,SAAS,SAAS,cAAc,OAAO,EAC5C,KAAK,OAAO,YAAY,wBAExB,KAAK,UAAU,SAAS,cAAc,SAAS,EAC/C,KAAK,QAAQ,YAAY,0BACzB,KAAK,QAAQ,cAAc,QAC3B,KAAK,QAAQ,iBAAiB,SAAS,KAAK,WAAW,EAEvD,KAAK,OAAO,YAAY,KAAK,QAAQ,EACrC,KAAK,OAAO,YAAY,KAAK,OAAO,EACpC,KAAK,OAAO,YAAY,KAAK,QAAQ,EACrC,KAAK,YAAY,YAAY,KAAK,OAAO,EAEzC,KAAK,QAAQ;;CAGf,QAAQ,GAAc,GAAyB;AAK7C,EAJA,KAAK,cAAc,GACf,MAAY,KAAA,MACd,KAAK,UAAU,IAEjB,KAAK,QAAQ;;CAGf,UAAkB;AAChB,SAAO,KAAK;;CAGd,UAAgB;AACV,OAAK,cAGT,KAAK,YAAY,IAEjB,KAAK,QAAQ,oBAAoB,SAAS,KAAK,WAAW,EAC1D,KAAK,QAAQ,oBAAoB,SAAS,KAAK,WAAW,EAEtD,KAAK,OAAO,cACd,KAAK,OAAO,WAAW,YAAY,KAAK,OAAO;;CAInD,SAAuB;AAWrB,EAVA,KAAK,OAAO,cAAc,QAAQ,OAAO,KAAK,YAAY,IAEtD,KAAK,eAAe,KACtB,KAAK,QAAQ,WAAW,IACxB,KAAK,QAAQ,UAAU,IAAI,mCAAmC,KAE9D,KAAK,QAAQ,WAAW,IACxB,KAAK,QAAQ,UAAU,OAAO,mCAAmC,GAG/D,KAAK,WACP,KAAK,QAAQ,WAAW,IACxB,KAAK,QAAQ,UAAU,OAAO,mCAAmC,KAEjE,KAAK,QAAQ,WAAW,IACxB,KAAK,QAAQ,UAAU,IAAI,mCAAmC;;CAIlE,mBAA0C;AACxC,EAAI,KAAK,cAAc,MACrB,OAAK,aACL,KAAK,QAAQ,EACT,KAAK,OAAO,gBACd,KAAK,OAAO,aAAa,KAAK,YAAY;;CAKhD,mBAA0C;AACxC,EAAI,KAAK,YACP,KAAK,eAAe,GACpB,KAAK,QAAQ,EACT,KAAK,OAAO,gBACd,KAAK,OAAO,aAAa,KAAK,YAAY"}

package/dist/components/search/command-palette.d.ts

@@ -0,0 +1,24 @@
+import { CommandEntry, CommandPaletteConfig } from './types';
+export declare class CommandPalette {
+    private commands;
+    private readonly overlayEl;
+    private readonly containerEl;
+    private readonly inputEl;
+    private readonly resultsEl;
+    private filteredCommands;
+    private activeIndex;
+    private destroyed;
+    constructor(config: CommandPaletteConfig);
+    open(): void;
+    close(): void;
+    setCommands(commands: CommandEntry[]): void;
+    destroy(): void;
+    private globalKeyHandler;
+    private createGlobalKeyHandler;
+    private readonly handleInput;
+    private renderResults;
+    private executeCommand;
+    private readonly handleKeyDown;
+    private readonly handleOverlayClick;
+}
+//# sourceMappingURL=command-palette.d.ts.map

package/dist/components/search/command-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/search/command-palette.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAiBtE,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAa;IACzC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkB;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,oBAAoB;IAmCxC,IAAI,IAAI,IAAI;IAYZ,KAAK,IAAI,IAAI;IAOb,WAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI;IAI3C,OAAO,IAAI,IAAI;IAgBf,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAW3B;IAED,OAAO,CAAC,aAAa;IAsErB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAoB7B;IAED,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIlC;CACF"}