@countermeasure-platform/web-components 0.2.0

package/dist/components/split-pane/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * SplitPane type definitions
+ * @countermeasure/web-components/components/split-pane
+ */
+export type SplitOrientation = 'horizontal' | 'vertical';
+export interface PaneConfig {
+    id: string;
+    minSize?: number;
+    defaultSize?: number | string;
+    collapsible?: boolean;
+}
+export interface SplitPaneConfig {
+    container: HTMLElement | string;
+    orientation?: SplitOrientation;
+    panes: [PaneConfig, PaneConfig];
+    gutterSize?: number;
+    onResize?: (paneId: string, size: number) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/split-pane/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/split-pane/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAA;AAExD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,KAAK,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClD"}

package/dist/components/status-bar/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * StatusBar component
+ * @countermeasure/web-components/components/status-bar
+ */
+export interface StatusBarSection {
+    id: string;
+    position: 'left' | 'center' | 'right';
+    template: (data: Record<string, unknown>) => string;
+}
+export interface StatusBarConfig {
+    container: HTMLElement | string;
+    sections?: StatusBarSection[];
+}
+export declare class StatusBar {
+    private readonly containerEl;
+    private readonly rootEl;
+    private readonly leftEl;
+    private readonly centerEl;
+    private readonly rightEl;
+    private readonly sections;
+    private readonly sectionElements;
+    private destroyed;
+    constructor(config: StatusBarConfig);
+    update(sectionId: string, data: Record<string, unknown>): void;
+    addSection(section: StatusBarSection): void;
+    destroy(): void;
+    private getPositionContainer;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/status-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/status-bar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAA;CACpD;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAC9B;AAaD,qBAAa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAa;IACzC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAa;IACtC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsC;IAC/D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiC;IACjE,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,eAAe;IA2BnC,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW9D,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAa3C,OAAO,IAAI,IAAI;IAcf,OAAO,CAAC,oBAAoB;CAS7B"}

package/dist/components/status-bar/index.js

@@ -0,0 +1,41 @@
+//#region src/components/status-bar/index.ts
+function e(e) {
+	if (typeof e == "string") {
+		let t = document.querySelector(e);
+		if (!t) throw Error(`StatusBar: container not found for selector "${e}"`);
+		return t;
+	}
+	return e;
+}
+var t = class {
+	containerEl;
+	rootEl;
+	leftEl;
+	centerEl;
+	rightEl;
+	sections = /* @__PURE__ */ new Map();
+	sectionElements = /* @__PURE__ */ new Map();
+	destroyed = !1;
+	constructor(t) {
+		if (this.containerEl = e(t.container), this.rootEl = document.createElement("div"), this.rootEl.className = "cmm-status-bar", this.leftEl = document.createElement("div"), this.leftEl.className = "cmm-status-bar__left", this.centerEl = document.createElement("div"), this.centerEl.className = "cmm-status-bar__center", this.rightEl = document.createElement("div"), this.rightEl.className = "cmm-status-bar__right", this.rootEl.appendChild(this.leftEl), this.rootEl.appendChild(this.centerEl), this.rootEl.appendChild(this.rightEl), this.containerEl.appendChild(this.rootEl), t.sections) for (let e of t.sections) this.addSection(e);
+	}
+	update(e, t) {
+		let n = this.sections.get(e), r = this.sectionElements.get(e);
+		!n || !r || (r.innerHTML = n.template(t));
+	}
+	addSection(e) {
+		this.sections.set(e.id, e);
+		let t = document.createElement("div");
+		t.className = "cmm-status-bar__section", t.dataset.sectionId = e.id, this.sectionElements.set(e.id, t), this.getPositionContainer(e.position).appendChild(t);
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.rootEl.parentNode && this.rootEl.parentNode.removeChild(this.rootEl), this.sections.clear(), this.sectionElements.clear());
+	}
+	getPositionContainer(e) {
+		return e === "left" ? this.leftEl : e === "center" ? this.centerEl : this.rightEl;
+	}
+};
+//#endregion
+export { t as StatusBar };
+
+//# sourceMappingURL=index.js.map

package/dist/components/status-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/status-bar/index.ts"],"sourcesContent":["/**\n * StatusBar component\n * @countermeasure/web-components/components/status-bar\n */\n\nexport interface StatusBarSection {\n  id: string\n  position: 'left' | 'center' | 'right'\n  template: (data: Record<string, unknown>) => string\n}\n\nexport interface StatusBarConfig {\n  container: HTMLElement | string\n  sections?: StatusBarSection[]\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(`StatusBar: container not found for selector \"${container}\"`)\n    }\n    return el as HTMLElement\n  }\n  return container\n}\n\nexport class StatusBar {\n  private readonly containerEl: HTMLElement\n  private readonly rootEl: HTMLElement\n  private readonly leftEl: HTMLElement\n  private readonly centerEl: HTMLElement\n  private readonly rightEl: HTMLElement\n  private readonly sections = new Map<string, StatusBarSection>()\n  private readonly sectionElements = new Map<string, HTMLElement>()\n  private destroyed = false\n\n  constructor(config: StatusBarConfig) {\n    this.containerEl = resolveContainer(config.container)\n\n    this.rootEl = document.createElement('div')\n    this.rootEl.className = 'cmm-status-bar'\n\n    this.leftEl = document.createElement('div')\n    this.leftEl.className = 'cmm-status-bar__left'\n\n    this.centerEl = document.createElement('div')\n    this.centerEl.className = 'cmm-status-bar__center'\n\n    this.rightEl = document.createElement('div')\n    this.rightEl.className = 'cmm-status-bar__right'\n\n    this.rootEl.appendChild(this.leftEl)\n    this.rootEl.appendChild(this.centerEl)\n    this.rootEl.appendChild(this.rightEl)\n    this.containerEl.appendChild(this.rootEl)\n\n    if (config.sections) {\n      for (const section of config.sections) {\n        this.addSection(section)\n      }\n    }\n  }\n\n  update(sectionId: string, data: Record<string, unknown>): void {\n    const section = this.sections.get(sectionId)\n    const element = this.sectionElements.get(sectionId)\n\n    if (!section || !element) {\n      return\n    }\n\n    element.innerHTML = section.template(data)\n  }\n\n  addSection(section: StatusBarSection): void {\n    this.sections.set(section.id, section)\n\n    const sectionEl = document.createElement('div')\n    sectionEl.className = 'cmm-status-bar__section'\n    sectionEl.dataset.sectionId = section.id\n\n    this.sectionElements.set(section.id, sectionEl)\n\n    const positionContainer = this.getPositionContainer(section.position)\n    positionContainer.appendChild(sectionEl)\n  }\n\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n\n    if (this.rootEl.parentNode) {\n      this.rootEl.parentNode.removeChild(this.rootEl)\n    }\n\n    this.sections.clear()\n    this.sectionElements.clear()\n  }\n\n  private getPositionContainer(position: 'left' | 'center' | 'right'): HTMLElement {\n    if (position === 'left') {\n      return this.leftEl\n    }\n    if (position === 'center') {\n      return this.centerEl\n    }\n    return this.rightEl\n  }\n}\n"],"mappings":";AAgBA,SAAS,EAAiB,GAA8C;AACtE,KAAI,OAAO,KAAc,UAAU;EACjC,IAAM,IAAK,SAAS,cAAc,EAAU;AAC5C,MAAI,CAAC,EACH,OAAU,MAAM,gDAAgD,EAAU,GAAG;AAE/E,SAAO;;AAET,QAAO;;AAGT,IAAa,IAAb,MAAuB;CACrB;CACA;CACA;CACA;CACA;CACA,2BAA4B,IAAI,KAA+B;CAC/D,kCAAmC,IAAI,KAA0B;CACjE,YAAoB;CAEpB,YAAY,GAAyB;AAoBnC,MAnBA,KAAK,cAAc,EAAiB,EAAO,UAAU,EAErD,KAAK,SAAS,SAAS,cAAc,MAAM,EAC3C,KAAK,OAAO,YAAY,kBAExB,KAAK,SAAS,SAAS,cAAc,MAAM,EAC3C,KAAK,OAAO,YAAY,wBAExB,KAAK,WAAW,SAAS,cAAc,MAAM,EAC7C,KAAK,SAAS,YAAY,0BAE1B,KAAK,UAAU,SAAS,cAAc,MAAM,EAC5C,KAAK,QAAQ,YAAY,yBAEzB,KAAK,OAAO,YAAY,KAAK,OAAO,EACpC,KAAK,OAAO,YAAY,KAAK,SAAS,EACtC,KAAK,OAAO,YAAY,KAAK,QAAQ,EACrC,KAAK,YAAY,YAAY,KAAK,OAAO,EAErC,EAAO,SACT,MAAK,IAAM,KAAW,EAAO,SAC3B,MAAK,WAAW,EAAQ;;CAK9B,OAAO,GAAmB,GAAqC;EAC7D,IAAM,IAAU,KAAK,SAAS,IAAI,EAAU,EACtC,IAAU,KAAK,gBAAgB,IAAI,EAAU;AAE/C,GAAC,KAAW,CAAC,MAIjB,EAAQ,YAAY,EAAQ,SAAS,EAAK;;CAG5C,WAAW,GAAiC;AAC1C,OAAK,SAAS,IAAI,EAAQ,IAAI,EAAQ;EAEtC,IAAM,IAAY,SAAS,cAAc,MAAM;AAMrB,EAL1B,EAAU,YAAY,2BACtB,EAAU,QAAQ,YAAY,EAAQ,IAEtC,KAAK,gBAAgB,IAAI,EAAQ,IAAI,EAAU,EAErB,KAAK,qBAAqB,EAAQ,SAAS,CACnD,YAAY,EAAU;;CAG1C,UAAgB;AACV,OAAK,cAGT,KAAK,YAAY,IAEb,KAAK,OAAO,cACd,KAAK,OAAO,WAAW,YAAY,KAAK,OAAO,EAGjD,KAAK,SAAS,OAAO,EACrB,KAAK,gBAAgB,OAAO;;CAG9B,qBAA6B,GAAoD;AAO/E,SANI,MAAa,SACR,KAAK,SAEV,MAAa,WACR,KAAK,WAEP,KAAK"}

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

@@ -0,0 +1,39 @@
+import { Tab, TabPanelConfig } from './types';
+export type { Tab, TabPanelConfig } from './types';
+export declare class TabPanel {
+    private readonly container;
+    private readonly config;
+    private readonly instanceId;
+    private tabs;
+    private activeTabId;
+    private barEl;
+    private panelsEl;
+    private readonly panelMap;
+    private readonly boundKeydownHandler;
+    constructor(config: TabPanelConfig);
+    /** Switch to a specific tab by id */
+    setActiveTab(tabId: string): void;
+    /** Get the id of the currently active tab */
+    getActiveTab(): string;
+    /** Add a new tab to the tab bar */
+    addTab(tab: Tab): void;
+    /** Remove a tab by id */
+    removeTab(tabId: string): void;
+    /** Get the panel HTMLElement for a tab, creating it if it does not exist */
+    getPanel(tabId: string): HTMLElement;
+    /** Remove all DOM elements and clean up */
+    destroy(): void;
+    /** Handle keyboard navigation in tab bar */
+    private handleKeydown;
+    /** Focus a specific tab button */
+    private focusTab;
+    /** Render the tab bar and panels container */
+    private render;
+    /** Build a single tab button element */
+    private buildTabButton;
+    /** Update tab bar active states without full re-render */
+    private updateTabBar;
+    /** Show the active panel and hide all others */
+    private updatePanelVisibility;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA;AAGvD,YAAY,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAoBlD,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAiC;IAC1D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA4B;gBAEpD,MAAM,EAAE,cAAc;IAgBlC,qCAAqC;IACrC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAgBjC,6CAA6C;IAC7C,YAAY,IAAI,MAAM;IAItB,mCAAmC;IACnC,MAAM,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI;IAKtB,yBAAyB;IACzB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAmB9B,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW;IAuBpC,2CAA2C;IAC3C,OAAO,IAAI,IAAI;IAUf,4CAA4C;IAC5C,OAAO,CAAC,aAAa;IAoCrB,kCAAkC;IAClC,OAAO,CAAC,QAAQ;IAMhB,8CAA8C;IAC9C,OAAO,CAAC,MAAM;IAgDd,wCAAwC;IACxC,OAAO,CAAC,cAAc;IA4DtB,0DAA0D;IAC1D,OAAO,CAAC,YAAY;IAyBpB,gDAAgD;IAChD,OAAO,CAAC,qBAAqB;CAS9B"}

package/dist/components/tabs/index.js

@@ -0,0 +1,130 @@
+import { t as e } from "../../sanitize-tXExwlw-.js";
+//#region src/components/tabs/index.ts
+function t(e) {
+	if (typeof e == "string") {
+		let t = document.querySelector(e);
+		if (!t) throw Error(`TabPanel container not found: ${e}`);
+		return t;
+	}
+	return e;
+}
+var n = 0;
+function r(e) {
+	return `${e}-${String(++n)}`;
+}
+var i = class {
+	container;
+	config;
+	instanceId;
+	tabs;
+	activeTabId;
+	barEl = null;
+	panelsEl = null;
+	panelMap = /* @__PURE__ */ new Map();
+	boundKeydownHandler;
+	constructor(e) {
+		this.container = t(e.container), this.config = e, this.instanceId = r("cmm-tabs"), this.tabs = [...e.tabs];
+		let n = this.tabs[0];
+		this.activeTabId = e.activeTab ?? (n === void 0 ? "" : n.id), this.boundKeydownHandler = this.handleKeydown.bind(this), this.render();
+	}
+	setActiveTab(e) {
+		let t = this.tabs.find((t) => t.id === e);
+		t && t.disabled !== !0 && (this.activeTabId = e, this.updateTabBar(), this.updatePanelVisibility(), this.config.onTabChange?.(e));
+	}
+	getActiveTab() {
+		return this.activeTabId;
+	}
+	addTab(e) {
+		this.tabs.push(e), this.render();
+	}
+	removeTab(e) {
+		let t = this.tabs.findIndex((t) => t.id === e);
+		if (!(t < 0)) {
+			if (this.tabs.splice(t, 1), this.panelMap.delete(e), this.activeTabId === e) {
+				let e = this.tabs[0];
+				this.activeTabId = e === void 0 ? "" : e.id;
+			}
+			this.config.onTabClose?.(e), this.render();
+		}
+	}
+	getPanel(e) {
+		let t = this.panelMap.get(e);
+		if (t !== void 0) return t;
+		let n = document.createElement("div");
+		return n.className = "cmm-tabs__panel", n.dataset.tabPanel = e, e === this.activeTabId && n.classList.add("cmm-tabs__panel--active"), this.panelMap.set(e, n), this.panelsEl && this.panelsEl.appendChild(n), n;
+	}
+	destroy() {
+		this.barEl !== null && this.barEl.removeEventListener("keydown", this.boundKeydownHandler), this.container.innerHTML = "", this.barEl = null, this.panelsEl = null, this.panelMap.clear();
+	}
+	handleKeydown(e) {
+		let t = this.tabs.filter((e) => e.disabled !== !0);
+		if (t.length === 0) return;
+		let n = t.findIndex((e) => e.id === this.activeTabId), r;
+		switch (e.key) {
+			case "ArrowLeft":
+				r = n > 0 ? n - 1 : t.length - 1, e.preventDefault();
+				break;
+			case "ArrowRight":
+				r = n < t.length - 1 ? n + 1 : 0, e.preventDefault();
+				break;
+			case "Home":
+				r = 0, e.preventDefault();
+				break;
+			case "End":
+				r = t.length - 1, e.preventDefault();
+				break;
+			default: return;
+		}
+		let i = t[r];
+		i !== void 0 && i.id !== this.activeTabId && (this.setActiveTab(i.id), this.focusTab(i.id));
+	}
+	focusTab(e) {
+		this.barEl !== null && this.barEl.querySelector(`[data-tab-id="${e}"]`)?.focus();
+	}
+	render() {
+		this.container.innerHTML = "", this.panelMap.clear();
+		let e = document.createElement("div");
+		e.className = "cmm-tabs";
+		let t = document.createElement("div");
+		t.className = "cmm-tabs__bar", t.setAttribute("role", "tablist"), t.setAttribute("aria-label", "Tabs"), t.addEventListener("keydown", this.boundKeydownHandler), this.barEl = t;
+		for (let e of this.tabs) t.appendChild(this.buildTabButton(e));
+		e.appendChild(t);
+		let n = document.createElement("div");
+		n.className = "cmm-tabs__panels", this.panelsEl = n;
+		for (let e of this.tabs) {
+			let t = document.createElement("div");
+			t.className = "cmm-tabs__panel", t.id = `${this.instanceId}-panel-${e.id}`, t.dataset.tabPanel = e.id, t.setAttribute("role", "tabpanel"), t.setAttribute("aria-labelledby", `${this.instanceId}-tab-${e.id}`), t.tabIndex = 0, e.id === this.activeTabId && t.classList.add("cmm-tabs__panel--active"), this.panelMap.set(e.id, t), n.appendChild(t);
+		}
+		e.appendChild(n), this.container.appendChild(e);
+	}
+	buildTabButton(t) {
+		let n = document.createElement("button");
+		if (n.type = "button", n.className = "cmm-tabs__tab", n.setAttribute("role", "tab"), n.setAttribute("aria-selected", t.id === this.activeTabId ? "true" : "false"), n.setAttribute("aria-controls", `${this.instanceId}-panel-${t.id}`), n.id = `${this.instanceId}-tab-${t.id}`, n.dataset.tabId = t.id, n.tabIndex = t.id === this.activeTabId ? 0 : -1, t.id === this.activeTabId && n.classList.add("cmm-tabs__tab--active"), t.disabled === !0 && (n.classList.add("cmm-tabs__tab--disabled"), n.disabled = !0, n.tabIndex = -1), t.icon !== void 0) {
+			let e = document.createElement("span");
+			e.className = "cmm-tabs__tab-icon", e.textContent = t.icon, n.appendChild(e);
+		}
+		let r = document.createElement("span");
+		if (r.className = "cmm-tabs__tab-label", r.innerHTML = e(t.label), n.appendChild(r), n.addEventListener("click", () => {
+			this.setActiveTab(t.id);
+		}), t.closeable === !0) {
+			let e = document.createElement("button");
+			e.type = "button", e.className = "cmm-tabs__tab-close", e.textContent = "×", e.setAttribute("aria-label", `Close ${t.label}`), e.tabIndex = -1, e.addEventListener("click", (e) => {
+				e.stopPropagation(), this.removeTab(t.id);
+			}), n.appendChild(e);
+		}
+		return n;
+	}
+	updateTabBar() {
+		this.barEl && this.barEl.querySelectorAll(".cmm-tabs__tab").forEach((e) => {
+			let t = e.dataset.tabId, n = this.tabs.find((e) => e.id === t)?.disabled === !0;
+			t === this.activeTabId ? (e.classList.add("cmm-tabs__tab--active"), e.setAttribute("aria-selected", "true"), e.tabIndex = 0, e.disabled = !1) : (e.classList.remove("cmm-tabs__tab--active"), e.setAttribute("aria-selected", "false"), e.tabIndex = -1, e.disabled = n);
+		});
+	}
+	updatePanelVisibility() {
+		for (let [e, t] of this.panelMap) e === this.activeTabId ? t.classList.add("cmm-tabs__panel--active") : t.classList.remove("cmm-tabs__panel--active");
+	}
+};
+//#endregion
+export { i as TabPanel };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tabs/index.ts"],"sourcesContent":["/**\n * TabPanel - Tab bar with switchable panels\n * @countermeasure/web-components/components/tabs\n */\n\nimport { type Tab, type TabPanelConfig } from './types'\nimport { escapeHtml } from '../../utils/sanitize'\n\nexport type { Tab, TabPanelConfig } from './types'\n\n/** Resolve a container reference to an HTMLElement */\nfunction resolveContainer(container: HTMLElement | string): HTMLElement {\n  if (typeof container === 'string') {\n    const el = document.querySelector<HTMLElement>(container)\n    if (!el) {\n      throw new Error(`TabPanel container not found: ${container}`)\n    }\n    return el\n  }\n  return container\n}\n\n/** Generate a unique ID */\nlet idCounter = 0\nfunction uniqueId(prefix: string): string {\n  return `${prefix}-${String(++idCounter)}`\n}\n\nexport class TabPanel {\n  private readonly container: HTMLElement\n  private readonly config: TabPanelConfig\n  private readonly instanceId: string\n  private tabs: Tab[]\n  private activeTabId: string\n  private barEl: HTMLElement | null = null\n  private panelsEl: HTMLElement | null = null\n  private readonly panelMap = new Map<string, HTMLElement>()\n  private readonly boundKeydownHandler: (e: KeyboardEvent) => void\n\n  constructor(config: TabPanelConfig) {\n    this.container = resolveContainer(config.container)\n    this.config = config\n    this.instanceId = uniqueId('cmm-tabs')\n    this.tabs = [...config.tabs]\n\n    // Determine initial active tab\n    const firstTab = this.tabs[0]\n    this.activeTabId = config.activeTab ?? (firstTab !== undefined ? firstTab.id : '')\n\n    // Bind keyboard handler for proper cleanup\n    this.boundKeydownHandler = this.handleKeydown.bind(this)\n\n    this.render()\n  }\n\n  /** Switch to a specific tab by id */\n  setActiveTab(tabId: string): void {\n    const tab = this.tabs.find(t => t.id === tabId)\n    if (!tab) {\n      return\n    }\n\n    if (tab.disabled === true) {\n      return\n    }\n\n    this.activeTabId = tabId\n    this.updateTabBar()\n    this.updatePanelVisibility()\n    this.config.onTabChange?.(tabId)\n  }\n\n  /** Get the id of the currently active tab */\n  getActiveTab(): string {\n    return this.activeTabId\n  }\n\n  /** Add a new tab to the tab bar */\n  addTab(tab: Tab): void {\n    this.tabs.push(tab)\n    this.render()\n  }\n\n  /** Remove a tab by id */\n  removeTab(tabId: string): void {\n    const index = this.tabs.findIndex(t => t.id === tabId)\n    if (index < 0) {\n      return\n    }\n\n    this.tabs.splice(index, 1)\n    this.panelMap.delete(tabId)\n\n    // If the removed tab was active, switch to the first available tab\n    if (this.activeTabId === tabId) {\n      const firstTab = this.tabs[0]\n      this.activeTabId = firstTab !== undefined ? firstTab.id : ''\n    }\n\n    this.config.onTabClose?.(tabId)\n    this.render()\n  }\n\n  /** Get the panel HTMLElement for a tab, creating it if it does not exist */\n  getPanel(tabId: string): HTMLElement {\n    const existing = this.panelMap.get(tabId)\n    if (existing !== undefined) {\n      return existing\n    }\n\n    const panel = document.createElement('div')\n    panel.className = 'cmm-tabs__panel'\n    panel.dataset.tabPanel = tabId\n\n    if (tabId === this.activeTabId) {\n      panel.classList.add('cmm-tabs__panel--active')\n    }\n\n    this.panelMap.set(tabId, panel)\n\n    if (this.panelsEl) {\n      this.panelsEl.appendChild(panel)\n    }\n\n    return panel\n  }\n\n  /** Remove all DOM elements and clean up */\n  destroy(): void {\n    if (this.barEl !== null) {\n      this.barEl.removeEventListener('keydown', this.boundKeydownHandler)\n    }\n    this.container.innerHTML = ''\n    this.barEl = null\n    this.panelsEl = null\n    this.panelMap.clear()\n  }\n\n  /** Handle keyboard navigation in tab bar */\n  private handleKeydown(e: KeyboardEvent): void {\n    const enabledTabs = this.tabs.filter(t => t.disabled !== true)\n    if (enabledTabs.length === 0) return\n\n    const currentIndex = enabledTabs.findIndex(t => t.id === this.activeTabId)\n    let newIndex: number\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        newIndex = currentIndex > 0 ? currentIndex - 1 : enabledTabs.length - 1\n        e.preventDefault()\n        break\n      case 'ArrowRight':\n        newIndex = currentIndex < enabledTabs.length - 1 ? currentIndex + 1 : 0\n        e.preventDefault()\n        break\n      case 'Home':\n        newIndex = 0\n        e.preventDefault()\n        break\n      case 'End':\n        newIndex = enabledTabs.length - 1\n        e.preventDefault()\n        break\n      default:\n        return\n    }\n\n    const newTab = enabledTabs[newIndex]\n    if (newTab !== undefined && newTab.id !== this.activeTabId) {\n      this.setActiveTab(newTab.id)\n      // Focus the new active tab button\n      this.focusTab(newTab.id)\n    }\n  }\n\n  /** Focus a specific tab button */\n  private focusTab(tabId: string): void {\n    if (this.barEl === null) return\n    const btn = this.barEl.querySelector<HTMLElement>(`[data-tab-id=\"${tabId}\"]`)\n    btn?.focus()\n  }\n\n  /** Render the tab bar and panels container */\n  private render(): void {\n    this.container.innerHTML = ''\n    this.panelMap.clear()\n\n    const wrapper = document.createElement('div')\n    wrapper.className = 'cmm-tabs'\n\n    // Tab bar\n    const bar = document.createElement('div')\n    bar.className = 'cmm-tabs__bar'\n    bar.setAttribute('role', 'tablist')\n    bar.setAttribute('aria-label', 'Tabs')\n    bar.addEventListener('keydown', this.boundKeydownHandler)\n    this.barEl = bar\n\n    for (const tab of this.tabs) {\n      bar.appendChild(this.buildTabButton(tab))\n    }\n\n    wrapper.appendChild(bar)\n\n    // Panels container\n    const panelsContainer = document.createElement('div')\n    panelsContainer.className = 'cmm-tabs__panels'\n    this.panelsEl = panelsContainer\n\n    // Create a panel for each tab\n    for (const tab of this.tabs) {\n      const panel = document.createElement('div')\n      panel.className = 'cmm-tabs__panel'\n      panel.id = `${this.instanceId}-panel-${tab.id}`\n      panel.dataset.tabPanel = tab.id\n      panel.setAttribute('role', 'tabpanel')\n      panel.setAttribute('aria-labelledby', `${this.instanceId}-tab-${tab.id}`)\n      panel.tabIndex = 0 // Allow panel to receive focus for accessibility\n\n      if (tab.id === this.activeTabId) {\n        panel.classList.add('cmm-tabs__panel--active')\n      }\n\n      this.panelMap.set(tab.id, panel)\n      panelsContainer.appendChild(panel)\n    }\n\n    wrapper.appendChild(panelsContainer)\n    this.container.appendChild(wrapper)\n  }\n\n  /** Build a single tab button element */\n  private buildTabButton(tab: Tab): HTMLElement {\n    const btn = document.createElement('button')\n    btn.type = 'button'\n    btn.className = 'cmm-tabs__tab'\n    btn.setAttribute('role', 'tab')\n    btn.setAttribute('aria-selected', tab.id === this.activeTabId ? 'true' : 'false')\n    btn.setAttribute('aria-controls', `${this.instanceId}-panel-${tab.id}`)\n    btn.id = `${this.instanceId}-tab-${tab.id}`\n    btn.dataset.tabId = tab.id\n\n    // Active tab gets tabindex=0, others get -1 for roving tabindex\n    btn.tabIndex = tab.id === this.activeTabId ? 0 : -1\n\n    if (tab.id === this.activeTabId) {\n      btn.classList.add('cmm-tabs__tab--active')\n    }\n\n    if (tab.disabled === true) {\n      btn.classList.add('cmm-tabs__tab--disabled')\n      btn.disabled = true\n      btn.tabIndex = -1\n    }\n\n    // Icon\n    if (tab.icon !== undefined) {\n      const iconSpan = document.createElement('span')\n      iconSpan.className = 'cmm-tabs__tab-icon'\n      iconSpan.textContent = tab.icon\n      btn.appendChild(iconSpan)\n    }\n\n    // Label\n    const labelSpan = document.createElement('span')\n    labelSpan.className = 'cmm-tabs__tab-label'\n    labelSpan.innerHTML = escapeHtml(tab.label)\n    btn.appendChild(labelSpan)\n\n    // Click handler\n    btn.addEventListener('click', () => {\n      this.setActiveTab(tab.id)\n    })\n\n    // Close button (use button element for accessibility)\n    if (tab.closeable === true) {\n      const closeBtn = document.createElement('button')\n      closeBtn.type = 'button'\n      closeBtn.className = 'cmm-tabs__tab-close'\n      closeBtn.textContent = '\\u00D7'\n      closeBtn.setAttribute('aria-label', `Close ${tab.label}`)\n      closeBtn.tabIndex = -1 // Don't include in tab order, accessible via parent\n      closeBtn.addEventListener('click', (e: Event) => {\n        e.stopPropagation()\n        this.removeTab(tab.id)\n      })\n      btn.appendChild(closeBtn)\n    }\n\n    return btn\n  }\n\n  /** Update tab bar active states without full re-render */\n  private updateTabBar(): void {\n    if (!this.barEl) {\n      return\n    }\n\n    const buttons = this.barEl.querySelectorAll<HTMLButtonElement>('.cmm-tabs__tab')\n    buttons.forEach(btn => {\n      const tabId = btn.dataset.tabId\n      const tab = this.tabs.find(t => t.id === tabId)\n      const isDisabled = tab?.disabled === true\n\n      if (tabId === this.activeTabId) {\n        btn.classList.add('cmm-tabs__tab--active')\n        btn.setAttribute('aria-selected', 'true')\n        btn.tabIndex = 0\n        btn.disabled = false\n      } else {\n        btn.classList.remove('cmm-tabs__tab--active')\n        btn.setAttribute('aria-selected', 'false')\n        btn.tabIndex = -1 // Roving tabindex: only active tab gets tabIndex 0\n        btn.disabled = isDisabled\n      }\n    })\n  }\n\n  /** Show the active panel and hide all others */\n  private updatePanelVisibility(): void {\n    for (const [tabId, panel] of this.panelMap) {\n      if (tabId === this.activeTabId) {\n        panel.classList.add('cmm-tabs__panel--active')\n      } else {\n        panel.classList.remove('cmm-tabs__panel--active')\n      }\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+/**
+ * TabPanel type definitions
+ * @countermeasure/web-components/components/tabs
+ */
+export interface Tab {
+    id: string;
+    label: string;
+    closeable?: boolean;
+    icon?: string;
+    disabled?: boolean;
+}
+export interface TabPanelConfig {
+    container: HTMLElement | string;
+    tabs: Tab[];
+    activeTab?: string;
+    onTabChange?: (tabId: string) => void;
+    onTabClose?: (tabId: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC"}

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

@@ -0,0 +1,43 @@
+import { ToastConfig, ToastOptions } from './types';
+export type { ToastConfig, ToastLevel, ToastOptions, ToastPosition } from './types';
+export declare class ToastManager {
+    private readonly position;
+    private readonly maxVisible;
+    private readonly defaultDuration;
+    private containerEl;
+    private readonly toasts;
+    private readonly containerId;
+    private readonly regionLabelId;
+    constructor(config?: ToastConfig);
+    /** Show a success toast */
+    success(title: string, message?: string, options?: ToastOptions): string;
+    /** Show an error toast */
+    error(title: string, message?: string, options?: ToastOptions): string;
+    /** Show a warning toast */
+    warning(title: string, message?: string, options?: ToastOptions): string;
+    /** Show an info toast */
+    info(title: string, message?: string, options?: ToastOptions): string;
+    /** Dismiss a specific toast by id */
+    dismiss(id: string): void;
+    /** Dismiss all toasts */
+    dismissAll(): void;
+    /** Remove the container element and clean up all toasts */
+    destroy(): void;
+    /** Ensure the toast container element exists */
+    private ensureContainer;
+    /** Get ARIA role for toast level */
+    private getAriaRole;
+    /** Get ARIA live politeness for toast level */
+    private getAriaLive;
+    /** Show a toast with the given level, title, and message */
+    private show;
+    /** Get icon character for level */
+    private getLevelIcon;
+    /** Pause auto-dismiss timer */
+    private pauseToast;
+    /** Resume auto-dismiss timer */
+    private resumeToast;
+    /** Remove a toast from the DOM and internal list */
+    private removeToast;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,WAAW,EAAmB,KAAK,YAAY,EAAsB,MAAM,SAAS,CAAA;AAGlG,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYnF,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAe;IACxC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAQ;IACxC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAC3C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;gBAE1B,MAAM,CAAC,EAAE,WAAW;IAQhC,2BAA2B;IAC3B,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM;IAIxE,0BAA0B;IAC1B,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM;IAItE,2BAA2B;IAC3B,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM;IAIxE,yBAAyB;IACzB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM;IAIrE,qCAAqC;IACrC,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAczB,yBAAyB;IACzB,UAAU,IAAI,IAAI;IAQlB,2DAA2D;IAC3D,OAAO,IAAI,IAAI;IAQf,gDAAgD;IAChD,OAAO,CAAC,eAAe;IAwEvB,oCAAoC;IACpC,OAAO,CAAC,WAAW;IASnB,+CAA+C;IAC/C,OAAO,CAAC,WAAW;IAQnB,4DAA4D;IAC5D,OAAO,CAAC,IAAI;IAuJZ,mCAAmC;IACnC,OAAO,CAAC,YAAY;IAepB,+BAA+B;IAC/B,OAAO,CAAC,UAAU;IAgBlB,gCAAgC;IAChC,OAAO,CAAC,WAAW;IAkBnB,oDAAoD;IACpD,OAAO,CAAC,WAAW;CAqBpB"}

package/dist/components/toast/index.js

@@ -0,0 +1,161 @@
+import { n as e } from "../../utils-Cn_W3h3f.js";
+//#region src/components/toast/index.ts
+var t = class {
+	position;
+	maxVisible;
+	defaultDuration;
+	containerEl = null;
+	toasts = [];
+	containerId;
+	regionLabelId;
+	constructor(t) {
+		this.position = t?.position ?? "top-right", this.maxVisible = t?.maxVisible ?? 5, this.defaultDuration = t?.defaultDuration ?? 5e3, this.containerId = e("cmm-toast-container"), this.regionLabelId = e("cmm-toast-label");
+	}
+	success(e, t, n) {
+		return this.show("success", e, t, n);
+	}
+	error(e, t, n) {
+		return this.show("error", e, t, n);
+	}
+	warning(e, t, n) {
+		return this.show("warning", e, t, n);
+	}
+	info(e, t, n) {
+		return this.show("info", e, t, n);
+	}
+	dismiss(e) {
+		let t = this.toasts.findIndex((t) => t.id === e);
+		if (t < 0) return;
+		let n = this.toasts[t];
+		n !== void 0 && this.removeToast(n);
+	}
+	dismissAll() {
+		let e = [...this.toasts];
+		for (let t of e) this.removeToast(t);
+	}
+	destroy() {
+		this.dismissAll(), this.containerEl &&= (this.containerEl.remove(), null);
+	}
+	ensureContainer() {
+		if (this.containerEl) return this.containerEl;
+		let e = document.createElement("span");
+		e.id = this.regionLabelId, e.className = "cmm-sr-only", e.textContent = "Notifications", e.style.cssText = "\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    ";
+		let t = document.createElement("div");
+		switch (t.id = this.containerId, t.className = `cmm-toast-container cmm-toast-container--${this.position}`, t.setAttribute("role", "region"), t.setAttribute("aria-labelledby", this.regionLabelId), t.setAttribute("aria-live", "polite"), t.setAttribute("aria-relevant", "additions removals"), t.style.position = "fixed", t.style.zIndex = "9999", t.style.display = "flex", t.style.flexDirection = "column", t.style.gap = "8px", t.style.pointerEvents = "none", t.style.maxHeight = "100vh", t.style.overflow = "hidden", this.position) {
+			case "top-right":
+				t.style.top = "16px", t.style.right = "16px";
+				break;
+			case "top-left":
+				t.style.top = "16px", t.style.left = "16px";
+				break;
+			case "bottom-right":
+				t.style.bottom = "16px", t.style.right = "16px";
+				break;
+			case "bottom-left":
+				t.style.bottom = "16px", t.style.left = "16px";
+				break;
+		}
+		return document.body.appendChild(e), document.body.appendChild(t), this.containerEl = t, t;
+	}
+	getAriaRole(e) {
+		return e === "error" || e === "warning" ? "alert" : "status";
+	}
+	getAriaLive(e) {
+		return e === "error" ? "assertive" : "polite";
+	}
+	show(t, n, r, i) {
+		let a = this.ensureContainer(), o = i?.id ?? e("cmm-toast"), s = this.toasts.findIndex((e) => e.id === o);
+		if (s >= 0) {
+			let e = this.toasts[s];
+			e !== void 0 && this.removeToast(e);
+		}
+		let c = i?.duration ?? this.defaultDuration, l = document.createElement("div");
+		l.className = `cmm-toast cmm-toast--${t}`, l.id = o, l.dataset.toastId = o, l.style.pointerEvents = "auto", l.setAttribute("role", this.getAriaRole(t)), l.setAttribute("aria-live", this.getAriaLive(t)), l.setAttribute("aria-atomic", "true");
+		let u = document.createElement("span");
+		u.className = "cmm-toast__icon", u.setAttribute("aria-hidden", "true"), u.textContent = this.getLevelIcon(t), l.appendChild(u);
+		let d = document.createElement("div");
+		d.className = "cmm-toast__content";
+		let f = document.createElement("div");
+		if (f.className = "cmm-toast__title", f.textContent = n, d.appendChild(f), r !== void 0) {
+			let e = document.createElement("div");
+			e.className = "cmm-toast__message", e.textContent = r, d.appendChild(e);
+		}
+		l.appendChild(d);
+		let p = document.createElement("button");
+		p.className = "cmm-toast__close", p.type = "button", p.setAttribute("aria-label", "Dismiss notification"), p.innerHTML = "<span aria-hidden=\"true\">&times;</span>", p.addEventListener("click", () => {
+			this.dismiss(o);
+		}), l.appendChild(p);
+		let m = i?.persistent === !0;
+		if (!m) {
+			let e = document.createElement("div");
+			e.className = "cmm-toast__progress", e.setAttribute("role", "progressbar"), e.setAttribute("aria-valuemin", "0"), e.setAttribute("aria-valuemax", "100"), e.setAttribute("aria-valuenow", "100"), e.setAttribute("aria-label", "Time remaining before auto-dismiss");
+			let t = document.createElement("div");
+			t.className = "cmm-toast__progress-bar", t.style.animationDuration = `${String(c)}ms`, e.appendChild(t), l.appendChild(e);
+		}
+		let h = {
+			id: o,
+			element: l,
+			timeoutId: null,
+			isPaused: !1,
+			remainingTime: c,
+			startTime: Date.now(),
+			duration: c
+		};
+		for (l.addEventListener("mouseenter", () => {
+			this.pauseToast(h);
+		}), l.addEventListener("mouseleave", () => {
+			this.resumeToast(h);
+		}), l.addEventListener("focusin", () => {
+			this.pauseToast(h);
+		}), l.addEventListener("focusout", (e) => {
+			l.contains(e.relatedTarget) || this.resumeToast(h);
+		}), l.addEventListener("keydown", (e) => {
+			e.key === "Escape" && (e.preventDefault(), this.dismiss(o));
+		}), m || (h.timeoutId = setTimeout(() => {
+			this.dismiss(o);
+		}, c)), this.toasts.push(h), a.appendChild(l); this.toasts.length > this.maxVisible;) {
+			let e = this.toasts[0];
+			if (e !== void 0) this.removeToast(e);
+			else break;
+		}
+		return this.toasts.length === 1 && requestAnimationFrame(() => {
+			p.focus();
+		}), o;
+	}
+	getLevelIcon(e) {
+		switch (e) {
+			case "success": return "✓";
+			case "error": return "✗";
+			case "warning": return "⚠";
+			case "info": return "ℹ";
+			default: return "";
+		}
+	}
+	pauseToast(e) {
+		if (e.isPaused || e.timeoutId === null) return;
+		e.isPaused = !0, clearTimeout(e.timeoutId), e.remainingTime -= Date.now() - e.startTime;
+		let t = e.element.querySelector(".cmm-toast__progress-bar");
+		t !== null && (t.style.animationPlayState = "paused");
+	}
+	resumeToast(e) {
+		if (!e.isPaused || e.remainingTime <= 0) return;
+		e.isPaused = !1, e.startTime = Date.now(), e.timeoutId = setTimeout(() => {
+			this.dismiss(e.id);
+		}, e.remainingTime);
+		let t = e.element.querySelector(".cmm-toast__progress-bar");
+		t !== null && (t.style.animationPlayState = "running");
+	}
+	removeToast(e) {
+		e.timeoutId !== null && clearTimeout(e.timeoutId), e.element.classList.add("cmm-toast--exiting"), e.element.setAttribute("aria-hidden", "true");
+		let t = window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : 300;
+		setTimeout(() => {
+			e.element.remove();
+		}, t);
+		let n = this.toasts.indexOf(e);
+		n >= 0 && this.toasts.splice(n, 1);
+	}
+};
+//#endregion
+export { t as ToastManager };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["/**\n * ToastManager - Accessible notification toast component\n * @countermeasure/web-components/components/toast\n *\n * Implements ARIA live region pattern for screen reader announcements.\n * WCAG 2.1 AA compliant.\n */\n\nimport { type ToastConfig, type ToastLevel, type ToastOptions, type ToastPosition } from './types'\nimport { uniqueId } from '../../primitives/utils'\n\nexport type { ToastConfig, ToastLevel, ToastOptions, ToastPosition } from './types'\n\ninterface ActiveToast {\n  id: string\n  element: HTMLElement\n  timeoutId: ReturnType<typeof setTimeout> | null\n  isPaused: boolean\n  remainingTime: number\n  startTime: number\n  duration: number\n}\n\nexport class ToastManager {\n  private readonly position: ToastPosition\n  private readonly maxVisible: number\n  private readonly defaultDuration: number\n  private containerEl: HTMLElement | null = null\n  private readonly toasts: ActiveToast[] = []\n  private readonly containerId: string\n  private readonly regionLabelId: string\n\n  constructor(config?: ToastConfig) {\n    this.position = config?.position ?? 'top-right'\n    this.maxVisible = config?.maxVisible ?? 5\n    this.defaultDuration = config?.defaultDuration ?? 5000\n    this.containerId = uniqueId('cmm-toast-container')\n    this.regionLabelId = uniqueId('cmm-toast-label')\n  }\n\n  /** Show a success toast */\n  success(title: string, message?: string, options?: ToastOptions): string {\n    return this.show('success', title, message, options)\n  }\n\n  /** Show an error toast */\n  error(title: string, message?: string, options?: ToastOptions): string {\n    return this.show('error', title, message, options)\n  }\n\n  /** Show a warning toast */\n  warning(title: string, message?: string, options?: ToastOptions): string {\n    return this.show('warning', title, message, options)\n  }\n\n  /** Show an info toast */\n  info(title: string, message?: string, options?: ToastOptions): string {\n    return this.show('info', title, message, options)\n  }\n\n  /** Dismiss a specific toast by id */\n  dismiss(id: string): void {\n    const index = this.toasts.findIndex(t => t.id === id)\n    if (index < 0) {\n      return\n    }\n\n    const toast = this.toasts[index]\n    if (toast === undefined) {\n      return\n    }\n\n    this.removeToast(toast)\n  }\n\n  /** Dismiss all toasts */\n  dismissAll(): void {\n    // Iterate in reverse to avoid index shifting issues\n    const toastsCopy = [...this.toasts]\n    for (const toast of toastsCopy) {\n      this.removeToast(toast)\n    }\n  }\n\n  /** Remove the container element and clean up all toasts */\n  destroy(): void {\n    this.dismissAll()\n    if (this.containerEl) {\n      this.containerEl.remove()\n      this.containerEl = null\n    }\n  }\n\n  /** Ensure the toast container element exists */\n  private ensureContainer(): HTMLElement {\n    if (this.containerEl) {\n      return this.containerEl\n    }\n\n    // Create hidden label for screen readers\n    const label = document.createElement('span')\n    label.id = this.regionLabelId\n    label.className = 'cmm-sr-only'\n    label.textContent = 'Notifications'\n    label.style.cssText = `\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    `\n\n    const container = document.createElement('div')\n    container.id = this.containerId\n    container.className = `cmm-toast-container cmm-toast-container--${this.position}`\n\n    // ARIA live region for notifications\n    container.setAttribute('role', 'region')\n    container.setAttribute('aria-labelledby', this.regionLabelId)\n    container.setAttribute('aria-live', 'polite')\n    container.setAttribute('aria-relevant', 'additions removals')\n\n    // Position the container\n    container.style.position = 'fixed'\n    container.style.zIndex = '9999'\n    container.style.display = 'flex'\n    container.style.flexDirection = 'column'\n    container.style.gap = '8px'\n    container.style.pointerEvents = 'none'\n    container.style.maxHeight = '100vh'\n    container.style.overflow = 'hidden'\n\n    switch (this.position) {\n      case 'top-right': {\n        container.style.top = '16px'\n        container.style.right = '16px'\n        break\n      }\n      case 'top-left': {\n        container.style.top = '16px'\n        container.style.left = '16px'\n        break\n      }\n      case 'bottom-right': {\n        container.style.bottom = '16px'\n        container.style.right = '16px'\n        break\n      }\n      case 'bottom-left': {\n        container.style.bottom = '16px'\n        container.style.left = '16px'\n        break\n      }\n    }\n\n    // Append label first for screen reader order\n    document.body.appendChild(label)\n    document.body.appendChild(container)\n    this.containerEl = container\n    return container\n  }\n\n  /** Get ARIA role for toast level */\n  private getAriaRole(level: ToastLevel): 'alert' | 'status' {\n    // Use 'alert' for errors and warnings as they require immediate attention\n    // Use 'status' for info and success\n    if (level === 'error' || level === 'warning') {\n      return 'alert'\n    }\n    return 'status'\n  }\n\n  /** Get ARIA live politeness for toast level */\n  private getAriaLive(level: ToastLevel): 'assertive' | 'polite' {\n    // Errors should interrupt, others wait for idle\n    if (level === 'error') {\n      return 'assertive'\n    }\n    return 'polite'\n  }\n\n  /** Show a toast with the given level, title, and message */\n  private show(level: ToastLevel, title: string, message?: string, options?: ToastOptions): string {\n    const container = this.ensureContainer()\n\n    const id = options?.id ?? uniqueId('cmm-toast')\n\n    // Check if a toast with this id already exists\n    const existingIndex = this.toasts.findIndex(t => t.id === id)\n    if (existingIndex >= 0) {\n      const existing = this.toasts[existingIndex]\n      if (existing !== undefined) {\n        this.removeToast(existing)\n      }\n    }\n\n    const duration = options?.duration ?? this.defaultDuration\n\n    // Build toast element\n    const toastEl = document.createElement('div')\n    toastEl.className = `cmm-toast cmm-toast--${level}`\n    toastEl.id = id\n    toastEl.dataset.toastId = id\n    toastEl.style.pointerEvents = 'auto'\n\n    // ARIA attributes\n    toastEl.setAttribute('role', this.getAriaRole(level))\n    toastEl.setAttribute('aria-live', this.getAriaLive(level))\n    toastEl.setAttribute('aria-atomic', 'true')\n\n    // Icon for visual level indication\n    const iconEl = document.createElement('span')\n    iconEl.className = 'cmm-toast__icon'\n    iconEl.setAttribute('aria-hidden', 'true')\n    iconEl.textContent = this.getLevelIcon(level)\n    toastEl.appendChild(iconEl)\n\n    // Content container\n    const contentEl = document.createElement('div')\n    contentEl.className = 'cmm-toast__content'\n\n    // Title\n    const titleEl = document.createElement('div')\n    titleEl.className = 'cmm-toast__title'\n    titleEl.textContent = title\n    contentEl.appendChild(titleEl)\n\n    // Message\n    if (message !== undefined) {\n      const msgEl = document.createElement('div')\n      msgEl.className = 'cmm-toast__message'\n      msgEl.textContent = message\n      contentEl.appendChild(msgEl)\n    }\n\n    toastEl.appendChild(contentEl)\n\n    // Close button\n    const closeBtn = document.createElement('button')\n    closeBtn.className = 'cmm-toast__close'\n    closeBtn.type = 'button'\n    closeBtn.setAttribute('aria-label', 'Dismiss notification')\n    closeBtn.innerHTML = '<span aria-hidden=\"true\">&times;</span>'\n    closeBtn.addEventListener('click', () => {\n      this.dismiss(id)\n    })\n    toastEl.appendChild(closeBtn)\n\n    // Progress bar for auto-dismiss timing\n    const persistent = options?.persistent === true\n    if (!persistent) {\n      const progressEl = document.createElement('div')\n      progressEl.className = 'cmm-toast__progress'\n      progressEl.setAttribute('role', 'progressbar')\n      progressEl.setAttribute('aria-valuemin', '0')\n      progressEl.setAttribute('aria-valuemax', '100')\n      progressEl.setAttribute('aria-valuenow', '100')\n      progressEl.setAttribute('aria-label', 'Time remaining before auto-dismiss')\n\n      const progressBar = document.createElement('div')\n      progressBar.className = 'cmm-toast__progress-bar'\n      progressBar.style.animationDuration = `${String(duration)}ms`\n      progressEl.appendChild(progressBar)\n\n      toastEl.appendChild(progressEl)\n    }\n\n    // Create active toast record\n    const activeToast: ActiveToast = {\n      id,\n      element: toastEl,\n      timeoutId: null,\n      isPaused: false,\n      remainingTime: duration,\n      startTime: Date.now(),\n      duration,\n    }\n\n    // Pause timer on hover/focus (accessibility requirement)\n    toastEl.addEventListener('mouseenter', () => {\n      this.pauseToast(activeToast)\n    })\n    toastEl.addEventListener('mouseleave', () => {\n      this.resumeToast(activeToast)\n    })\n    toastEl.addEventListener('focusin', () => {\n      this.pauseToast(activeToast)\n    })\n    toastEl.addEventListener('focusout', e => {\n      // Only resume if focus is leaving the toast entirely\n      if (!toastEl.contains(e.relatedTarget as Node)) {\n        this.resumeToast(activeToast)\n      }\n    })\n\n    // Keyboard support\n    toastEl.addEventListener('keydown', e => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        this.dismiss(id)\n      }\n    })\n\n    // Auto-dismiss timeout\n    if (!persistent) {\n      activeToast.timeoutId = setTimeout(() => {\n        this.dismiss(id)\n      }, duration)\n    }\n\n    this.toasts.push(activeToast)\n    container.appendChild(toastEl)\n\n    // Enforce max visible: remove oldest if exceeded\n    while (this.toasts.length > this.maxVisible) {\n      const oldest = this.toasts[0]\n      if (oldest !== undefined) {\n        this.removeToast(oldest)\n      } else {\n        break\n      }\n    }\n\n    // Focus the close button for keyboard users (unless there are many toasts)\n    if (this.toasts.length === 1) {\n      requestAnimationFrame(() => {\n        closeBtn.focus()\n      })\n    }\n\n    return id\n  }\n\n  /** Get icon character for level */\n  private getLevelIcon(level: ToastLevel): string {\n    switch (level) {\n      case 'success':\n        return '\\u2713' // Checkmark\n      case 'error':\n        return '\\u2717' // X mark\n      case 'warning':\n        return '\\u26A0' // Warning triangle\n      case 'info':\n        return '\\u2139' // Info circle\n      default:\n        return ''\n    }\n  }\n\n  /** Pause auto-dismiss timer */\n  private pauseToast(toast: ActiveToast): void {\n    if (toast.isPaused || toast.timeoutId === null) {\n      return\n    }\n\n    toast.isPaused = true\n    clearTimeout(toast.timeoutId)\n    toast.remainingTime = toast.remainingTime - (Date.now() - toast.startTime)\n\n    // Pause progress bar animation\n    const progressBar = toast.element.querySelector<HTMLElement>('.cmm-toast__progress-bar')\n    if (progressBar !== null) {\n      progressBar.style.animationPlayState = 'paused'\n    }\n  }\n\n  /** Resume auto-dismiss timer */\n  private resumeToast(toast: ActiveToast): void {\n    if (!toast.isPaused || toast.remainingTime <= 0) {\n      return\n    }\n\n    toast.isPaused = false\n    toast.startTime = Date.now()\n    toast.timeoutId = setTimeout(() => {\n      this.dismiss(toast.id)\n    }, toast.remainingTime)\n\n    // Resume progress bar animation\n    const progressBar = toast.element.querySelector<HTMLElement>('.cmm-toast__progress-bar')\n    if (progressBar !== null) {\n      progressBar.style.animationPlayState = 'running'\n    }\n  }\n\n  /** Remove a toast from the DOM and internal list */\n  private removeToast(toast: ActiveToast): void {\n    if (toast.timeoutId !== null) {\n      clearTimeout(toast.timeoutId)\n    }\n\n    toast.element.classList.add('cmm-toast--exiting')\n    toast.element.setAttribute('aria-hidden', 'true')\n\n    // Remove after exit animation (respect reduced motion)\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    const animationDuration = prefersReducedMotion ? 0 : 300\n\n    setTimeout(() => {\n      toast.element.remove()\n    }, animationDuration)\n\n    const index = this.toasts.indexOf(toast)\n    if (index >= 0) {\n      this.toasts.splice(index, 1)\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+/**
+ * Toast type definitions
+ * @countermeasure/web-components/components/toast
+ */
+export type ToastLevel = 'success' | 'error' | 'warning' | 'info';
+export type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface ToastConfig {
+    position?: ToastPosition;
+    maxVisible?: number;
+    defaultDuration?: number;
+}
+export interface ToastOptions {
+    persistent?: boolean;
+    id?: string;
+    duration?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;AAErF,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}