@countermeasure-platform/web-components 0.2.0

package/dist/chunk-YBOYWFTD-Dkc3kKkT.js

@@ -0,0 +1,34 @@
+import { f as e } from "./chunk-GEFDOKGD-DpHiMpV6.js";
+import { n as t } from "./src-iH-l56c_.js";
+import { b as n, d as r } from "./chunk-7R4GIKGN-9QecSWiR.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/chunk-YBOYWFTD.mjs
+var i = /* @__PURE__ */ t(({ flowchart: e }) => {
+	let t = e?.subGraphTitleMargin?.top ?? 0, n = e?.subGraphTitleMargin?.bottom ?? 0;
+	return {
+		subGraphTitleTopMargin: t,
+		subGraphTitleBottomMargin: n,
+		subGraphTitleTotalMargin: t + n
+	};
+}, "getSubGraphTitleMargins");
+async function a(i, a) {
+	let o = i.getElementsByTagName("img");
+	if (!o || o.length === 0) return;
+	let s = a.replace(/<img[^>]*>/g, "").trim() === "";
+	await Promise.all([...o].map((i) => new Promise((a) => {
+		function o() {
+			if (i.style.display = "flex", i.style.flexDirection = "column", s) {
+				let [t = r.fontSize] = e(n().fontSize ? n().fontSize : window.getComputedStyle(document.body).fontSize), a = t * 5 + "px";
+				i.style.minWidth = a, i.style.maxWidth = a;
+			} else i.style.width = "100%";
+			a(i);
+		}
+		t(o, "setupImage"), setTimeout(() => {
+			i.complete && o();
+		}), i.addEventListener("error", o), i.addEventListener("load", o);
+	})));
+}
+t(a, "configureLabelImages");
+//#endregion
+export { i as n, a as t };
+
+//# sourceMappingURL=chunk-YBOYWFTD-Dkc3kKkT.js.map

package/dist/chunk-YBOYWFTD-Dkc3kKkT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-YBOYWFTD-Dkc3kKkT.js","names":["getConfig"],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/chunk-YBOYWFTD.mjs"],"sourcesContent":["import {\n  parseFontSize\n} from \"./chunk-GEFDOKGD.mjs\";\nimport {\n  defaultConfig_default,\n  getConfig2 as getConfig\n} from \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/utils/subGraphTitleMargins.ts\nvar getSubGraphTitleMargins = /* @__PURE__ */ __name(({\n  flowchart\n}) => {\n  const subGraphTitleTopMargin = flowchart?.subGraphTitleMargin?.top ?? 0;\n  const subGraphTitleBottomMargin = flowchart?.subGraphTitleMargin?.bottom ?? 0;\n  const subGraphTitleTotalMargin = subGraphTitleTopMargin + subGraphTitleBottomMargin;\n  return {\n    subGraphTitleTopMargin,\n    subGraphTitleBottomMargin,\n    subGraphTitleTotalMargin\n  };\n}, \"getSubGraphTitleMargins\");\n\n// src/rendering-util/rendering-elements/shapes/labelImageUtils.ts\nasync function configureLabelImages(container, labelText) {\n  const images = container.getElementsByTagName(\"img\");\n  if (!images || images.length === 0) {\n    return;\n  }\n  const noImgText = labelText.replace(/<img[^>]*>/g, \"\").trim() === \"\";\n  await Promise.all(\n    [...images].map(\n      (img) => new Promise((res) => {\n        function setupImage() {\n          img.style.display = \"flex\";\n          img.style.flexDirection = \"column\";\n          if (noImgText) {\n            const bodyFontSize = getConfig().fontSize ? getConfig().fontSize : window.getComputedStyle(document.body).fontSize;\n            const enlargingFactor = 5;\n            const [parsedBodyFontSize = defaultConfig_default.fontSize] = parseFontSize(bodyFontSize);\n            const width = parsedBodyFontSize * enlargingFactor + \"px\";\n            img.style.minWidth = width;\n            img.style.maxWidth = width;\n          } else {\n            img.style.width = \"100%\";\n          }\n          res(img);\n        }\n        __name(setupImage, \"setupImage\");\n        setTimeout(() => {\n          if (img.complete) {\n            setupImage();\n          }\n        });\n        img.addEventListener(\"error\", setupImage);\n        img.addEventListener(\"load\", setupImage);\n      })\n    )\n  );\n}\n__name(configureLabelImages, \"configureLabelImages\");\n\nexport {\n  configureLabelImages,\n  getSubGraphTitleMargins\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;AAYA,IAAI,IAA0C,mBAAQ,EACpD,mBACI;CACJ,IAAM,IAAyB,GAAW,qBAAqB,OAAO,GAChE,IAA4B,GAAW,qBAAqB,UAAU;AAE5E,QAAO;EACL;EACA;EACA,0BAJ+B,IAAyB;EAKzD;GACA,0BAA0B;AAG7B,eAAe,EAAqB,GAAW,GAAW;CACxD,IAAM,IAAS,EAAU,qBAAqB,MAAM;AACpD,KAAI,CAAC,KAAU,EAAO,WAAW,EAC/B;CAEF,IAAM,IAAY,EAAU,QAAQ,eAAe,GAAG,CAAC,MAAM,KAAK;AAClE,OAAM,QAAQ,IACZ,CAAC,GAAG,EAAO,CAAC,KACT,MAAQ,IAAI,SAAS,MAAQ;EAC5B,SAAS,IAAa;AAGpB,OAFA,EAAI,MAAM,UAAU,QACpB,EAAI,MAAM,gBAAgB,UACtB,GAAW;IACb,IAEM,CAAC,IAAqB,EAAsB,YAAY,EAFzCA,GAAW,CAAC,WAAWA,GAAW,CAAC,WAAW,OAAO,iBAAiB,SAAS,KAAK,CAAC,SAEjB,EACnF,IAAQ,IAAqB,IAAkB;AAErD,IADA,EAAI,MAAM,WAAW,GACrB,EAAI,MAAM,WAAW;SAErB,GAAI,MAAM,QAAQ;AAEpB,KAAI,EAAI;;AASV,EAPA,EAAO,GAAY,aAAa,EAChC,iBAAiB;AACf,GAAI,EAAI,YACN,GAAY;IAEd,EACF,EAAI,iBAAiB,SAAS,EAAW,EACzC,EAAI,iBAAiB,QAAQ,EAAW;GACxC,CACH,CACF;;AAEH,EAAO,GAAsB,uBAAuB"}

package/dist/classDiagram-VBA2DB6C-Ba1kbLE7.js

@@ -0,0 +1,31 @@
+import "./chunk-GEFDOKGD-DpHiMpV6.js";
+import { n as e } from "./src-iH-l56c_.js";
+import "./chunk-7R4GIKGN-9QecSWiR.js";
+import "./chunk-PU5JKC2W-CfzbN3Mu.js";
+import "./chunk-FMBD7UC4-Ccq-i6vu.js";
+import "./chunk-MX3YWQON-BrC3_psH.js";
+import "./chunk-YBOYWFTD-Dkc3kKkT.js";
+import "./chunk-JSJVCQXG-DTdWcs9o.js";
+import "./chunk-55IACEB6-BJN5TXvX.js";
+import "./chunk-KX2RTZJC-DUcdo_W8.js";
+import "./chunk-PQ6SQG4A-DEjy9Dhi.js";
+import "./chunk-KYZI473N-DyL0ymcr.js";
+import "./chunk-O4XLMI2P-DPXU-owT.js";
+import "./chunk-GLR3WWYH-HerLgrS-.js";
+import { i as t, n, r, t as i } from "./chunk-WL4C6EOR-DCGop7dE.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-VBA2DB6C.mjs
+var a = {
+	parser: n,
+	get db() {
+		return new i();
+	},
+	renderer: r,
+	styles: t,
+	init: /* @__PURE__ */ e((e) => {
+		e.class ||= {}, e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+//#endregion
+export { a as diagram };
+
+//# sourceMappingURL=classDiagram-VBA2DB6C-Ba1kbLE7.js.map

package/dist/classDiagram-VBA2DB6C-Ba1kbLE7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classDiagram-VBA2DB6C-Ba1kbLE7.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-VBA2DB6C.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}

package/dist/classDiagram-v2-RAHNMMFH-BdFCvKXE.js

@@ -0,0 +1,31 @@
+import "./chunk-GEFDOKGD-DpHiMpV6.js";
+import { n as e } from "./src-iH-l56c_.js";
+import "./chunk-7R4GIKGN-9QecSWiR.js";
+import "./chunk-PU5JKC2W-CfzbN3Mu.js";
+import "./chunk-FMBD7UC4-Ccq-i6vu.js";
+import "./chunk-MX3YWQON-BrC3_psH.js";
+import "./chunk-YBOYWFTD-Dkc3kKkT.js";
+import "./chunk-JSJVCQXG-DTdWcs9o.js";
+import "./chunk-55IACEB6-BJN5TXvX.js";
+import "./chunk-KX2RTZJC-DUcdo_W8.js";
+import "./chunk-PQ6SQG4A-DEjy9Dhi.js";
+import "./chunk-KYZI473N-DyL0ymcr.js";
+import "./chunk-O4XLMI2P-DPXU-owT.js";
+import "./chunk-GLR3WWYH-HerLgrS-.js";
+import { i as t, n, r, t as i } from "./chunk-WL4C6EOR-DCGop7dE.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-RAHNMMFH.mjs
+var a = {
+	parser: n,
+	get db() {
+		return new i();
+	},
+	renderer: r,
+	styles: t,
+	init: /* @__PURE__ */ e((e) => {
+		e.class ||= {}, e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+//#endregion
+export { a as diagram };
+
+//# sourceMappingURL=classDiagram-v2-RAHNMMFH-BdFCvKXE.js.map

package/dist/classDiagram-v2-RAHNMMFH-BdFCvKXE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classDiagram-v2-RAHNMMFH-BdFCvKXE.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-RAHNMMFH.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram-v2.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}

package/dist/clone-CzASr4DI.js

@@ -0,0 +1,10 @@
+import { y as e } from "./_baseUniq-CSCAMor9.js";
+//#region node_modules/lodash-es/clone.js
+var t = 4;
+function n(n) {
+	return e(n, t);
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=clone-CzASr4DI.js.map

package/dist/clone-CzASr4DI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clone-CzASr4DI.js","names":[],"sources":["../node_modules/lodash-es/clone.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * Creates a shallow clone of `value`.\n *\n * **Note:** This method is loosely based on the\n * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)\n * and supports cloning arrays, array buffers, booleans, date objects, maps,\n * numbers, `Object` objects, regexes, sets, strings, symbols, and typed\n * arrays. The own enumerable properties of `arguments` objects are cloned\n * as plain objects. An empty object is returned for uncloneable values such\n * as error objects, functions, DOM nodes, and WeakMaps.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to clone.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeep\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var shallow = _.clone(objects);\n * console.log(shallow[0] === objects[0]);\n * // => true\n */\nfunction clone(value) {\n  return baseClone(value, CLONE_SYMBOLS_FLAG);\n}\n\nexport default clone;\n"],"x_google_ignoreList":[0],"mappings":";;AAGA,IAAI,IAAqB;AA4BzB,SAAS,EAAM,GAAO;AACpB,QAAO,EAAU,GAAO,EAAmB"}

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * ContextMenu component
+ * @countermeasure/web-components/components/context-menu
+ */
+export interface MenuItemDef {
+    id: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    separator?: boolean;
+    shortcut?: string;
+    handler?: () => void;
+}
+export interface ContextMenuConfig {
+    items: MenuItemDef[];
+}
+export declare class ContextMenu {
+    private readonly menuEl;
+    private readonly items;
+    private activeIndex;
+    private closed;
+    private constructor();
+    static show(x: number, y: number, config: ContextMenuConfig): ContextMenu;
+    close(): void;
+    private renderItems;
+    private adjustPosition;
+    private getNavigableItems;
+    private readonly handleDocumentClick;
+    private readonly handleKeyDown;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/context-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,qBAAa,WAAW;IACtB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAe;IACrC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,MAAM,CAAQ;IAEtB,OAAO;IAoBP,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,GAAG,WAAW;IAIzE,KAAK,IAAI,IAAI;IAcb,OAAO,CAAC,WAAW;IA0DnB,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAKnC;IAED,OAAO,CAAC,QAAQ,CAAC,aAAa,CAwB7B;CACF"}

package/dist/components/context-menu/index.js

@@ -0,0 +1,66 @@
+//#region src/components/context-menu/index.ts
+var e = class e {
+	menuEl;
+	items;
+	activeIndex = -1;
+	closed = !1;
+	constructor(e, t, n) {
+		this.items = n.items, this.menuEl = document.createElement("div"), this.menuEl.className = "cmm-context-menu", this.menuEl.style.position = "fixed", this.menuEl.style.left = `${String(e)}px`, this.menuEl.style.top = `${String(t)}px`, this.menuEl.setAttribute("tabindex", "-1"), this.renderItems(), document.body.appendChild(this.menuEl), this.adjustPosition(e, t), document.addEventListener("click", this.handleDocumentClick), document.addEventListener("keydown", this.handleKeyDown), this.menuEl.focus();
+	}
+	static show(t, n, r) {
+		return new e(t, n, r);
+	}
+	close() {
+		this.closed || (this.closed = !0, document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), this.menuEl.parentNode && this.menuEl.parentNode.removeChild(this.menuEl));
+	}
+	renderItems() {
+		this.menuEl.innerHTML = "";
+		let e = 0;
+		for (let t of this.items) {
+			if (t.separator === !0) {
+				let e = document.createElement("div");
+				e.className = "cmm-context-menu__separator", this.menuEl.appendChild(e);
+				continue;
+			}
+			let n = document.createElement("div");
+			if (n.className = "cmm-context-menu__item", t.disabled === !0 && n.classList.add("cmm-context-menu__item--disabled"), e === this.activeIndex && n.classList.add("cmm-context-menu__item--active"), n.dataset.index = String(e), t.icon) {
+				let e = document.createElement("span");
+				e.className = "cmm-context-menu__icon", e.textContent = t.icon, n.appendChild(e);
+			}
+			let r = document.createElement("span");
+			if (r.textContent = t.label, n.appendChild(r), t.shortcut) {
+				let e = document.createElement("span");
+				e.className = "cmm-context-menu__shortcut", e.textContent = t.shortcut, n.appendChild(e);
+			}
+			t.disabled !== !0 && n.addEventListener("click", (e) => {
+				e.stopPropagation(), t.handler && t.handler(), this.close();
+			}), this.menuEl.appendChild(n), e += 1;
+		}
+	}
+	adjustPosition(e, t) {
+		let n = this.menuEl.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e, o = t;
+		e + n.width > r && (a = r - n.width), t + n.height > i && (o = i - n.height), a < 0 && (a = 0), o < 0 && (o = 0), this.menuEl.style.left = `${String(a)}px`, this.menuEl.style.top = `${String(o)}px`;
+	}
+	getNavigableItems() {
+		return this.items.filter((e) => e.separator !== !0);
+	}
+	handleDocumentClick = (e) => {
+		let t = e.target;
+		t instanceof Node && !this.menuEl.contains(t) && this.close();
+	};
+	handleKeyDown = (e) => {
+		let t = this.getNavigableItems();
+		if (e.key === "ArrowDown") e.preventDefault(), this.activeIndex = Math.min(this.activeIndex + 1, t.length - 1), this.renderItems();
+		else if (e.key === "ArrowUp") e.preventDefault(), this.activeIndex = Math.max(this.activeIndex - 1, 0), this.renderItems();
+		else if (e.key === "Enter") {
+			if (e.preventDefault(), this.activeIndex >= 0) {
+				let e = t[this.activeIndex];
+				e && e.disabled !== !0 && e.handler && e.handler(), this.close();
+			}
+		} else e.key === "Escape" && (e.preventDefault(), this.close());
+	};
+};
+//#endregion
+export { e as ContextMenu };
+
+//# sourceMappingURL=index.js.map

package/dist/components/context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["/**\n * ContextMenu component\n * @countermeasure/web-components/components/context-menu\n */\n\nexport interface MenuItemDef {\n  id: string\n  label: string\n  icon?: string\n  disabled?: boolean\n  separator?: boolean\n  shortcut?: string\n  handler?: () => void\n}\n\nexport interface ContextMenuConfig {\n  items: MenuItemDef[]\n}\n\nexport class ContextMenu {\n  private readonly menuEl: HTMLElement\n  private readonly items: MenuItemDef[]\n  private activeIndex = -1\n  private closed = false\n\n  private constructor(x: number, y: number, config: ContextMenuConfig) {\n    this.items = config.items\n\n    this.menuEl = document.createElement('div')\n    this.menuEl.className = 'cmm-context-menu'\n    this.menuEl.style.position = 'fixed'\n    this.menuEl.style.left = `${String(x)}px`\n    this.menuEl.style.top = `${String(y)}px`\n    this.menuEl.setAttribute('tabindex', '-1')\n\n    this.renderItems()\n    document.body.appendChild(this.menuEl)\n\n    this.adjustPosition(x, y)\n\n    document.addEventListener('click', this.handleDocumentClick)\n    document.addEventListener('keydown', this.handleKeyDown)\n    this.menuEl.focus()\n  }\n\n  static show(x: number, y: number, config: ContextMenuConfig): ContextMenu {\n    return new ContextMenu(x, y, config)\n  }\n\n  close(): void {\n    if (this.closed) {\n      return\n    }\n    this.closed = true\n\n    document.removeEventListener('click', this.handleDocumentClick)\n    document.removeEventListener('keydown', this.handleKeyDown)\n\n    if (this.menuEl.parentNode) {\n      this.menuEl.parentNode.removeChild(this.menuEl)\n    }\n  }\n\n  private renderItems(): void {\n    this.menuEl.innerHTML = ''\n    let navigableIndex = 0\n\n    for (const item of this.items) {\n      if (item.separator === true) {\n        const sep = document.createElement('div')\n        sep.className = 'cmm-context-menu__separator'\n        this.menuEl.appendChild(sep)\n        continue\n      }\n\n      const itemEl = document.createElement('div')\n      itemEl.className = 'cmm-context-menu__item'\n\n      if (item.disabled === true) {\n        itemEl.classList.add('cmm-context-menu__item--disabled')\n      }\n\n      if (navigableIndex === this.activeIndex) {\n        itemEl.classList.add('cmm-context-menu__item--active')\n      }\n\n      itemEl.dataset.index = String(navigableIndex)\n\n      if (item.icon) {\n        const iconEl = document.createElement('span')\n        iconEl.className = 'cmm-context-menu__icon'\n        iconEl.textContent = item.icon\n        itemEl.appendChild(iconEl)\n      }\n\n      const labelEl = document.createElement('span')\n      labelEl.textContent = item.label\n      itemEl.appendChild(labelEl)\n\n      if (item.shortcut) {\n        const shortcutEl = document.createElement('span')\n        shortcutEl.className = 'cmm-context-menu__shortcut'\n        shortcutEl.textContent = item.shortcut\n        itemEl.appendChild(shortcutEl)\n      }\n\n      if (item.disabled !== true) {\n        itemEl.addEventListener('click', (event: MouseEvent) => {\n          event.stopPropagation()\n          if (item.handler) {\n            item.handler()\n          }\n          this.close()\n        })\n      }\n\n      this.menuEl.appendChild(itemEl)\n      navigableIndex += 1\n    }\n  }\n\n  private adjustPosition(x: number, y: number): void {\n    const rect = this.menuEl.getBoundingClientRect()\n    const viewportWidth = window.innerWidth\n    const viewportHeight = window.innerHeight\n\n    let adjustedX = x\n    let adjustedY = y\n\n    if (x + rect.width > viewportWidth) {\n      adjustedX = viewportWidth - rect.width\n    }\n    if (y + rect.height > viewportHeight) {\n      adjustedY = viewportHeight - rect.height\n    }\n    if (adjustedX < 0) {\n      adjustedX = 0\n    }\n    if (adjustedY < 0) {\n      adjustedY = 0\n    }\n\n    this.menuEl.style.left = `${String(adjustedX)}px`\n    this.menuEl.style.top = `${String(adjustedY)}px`\n  }\n\n  private getNavigableItems(): MenuItemDef[] {\n    return this.items.filter(item => item.separator !== true)\n  }\n\n  private readonly handleDocumentClick = (event: MouseEvent): void => {\n    const target = event.target\n    if (target instanceof Node && !this.menuEl.contains(target)) {\n      this.close()\n    }\n  }\n\n  private readonly handleKeyDown = (event: KeyboardEvent): void => {\n    const navigable = this.getNavigableItems()\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      this.activeIndex = Math.min(this.activeIndex + 1, navigable.length - 1)\n      this.renderItems()\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      this.activeIndex = Math.max(this.activeIndex - 1, 0)\n      this.renderItems()\n    } else if (event.key === 'Enter') {\n      event.preventDefault()\n      if (this.activeIndex >= 0) {\n        const selected = navigable[this.activeIndex]\n        if (selected && selected.disabled !== true && selected.handler) {\n          selected.handler()\n        }\n        this.close()\n      }\n    } else if (event.key === 'Escape') {\n      event.preventDefault()\n      this.close()\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/copy-button/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * CopyButton component
+ * @countermeasure/web-components/components/copy-button
+ */
+export interface CopyButtonConfig {
+    container: HTMLElement | string;
+    getText: () => string;
+    label?: string;
+    copiedLabel?: string;
+    copiedDuration?: number;
+}
+export declare class CopyButton {
+    private readonly config;
+    private readonly containerEl;
+    private readonly buttonEl;
+    private readonly defaultLabel;
+    private readonly copiedLabel;
+    private readonly copiedDuration;
+    private resetTimer;
+    private destroyed;
+    constructor(config: CopyButtonConfig);
+    destroy(): void;
+    private readonly handleClick;
+    private copyToClipboard;
+    private showCopiedFeedback;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/copy-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAaD,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAa;IACzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmB;IAC5C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IACrC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAQ;IACvC,OAAO,CAAC,UAAU,CAA6C;IAC/D,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,gBAAgB;IAepC,OAAO,IAAI,IAAI;IAiBf,OAAO,CAAC,QAAQ,CAAC,WAAW,CAG3B;YAEa,eAAe;IAS7B,OAAO,CAAC,kBAAkB;CAgB3B"}

package/dist/components/copy-button/index.js

@@ -0,0 +1,43 @@
+//#region src/components/copy-button/index.ts
+function e(e) {
+	if (typeof e == "string") {
+		let t = document.querySelector(e);
+		if (!t) throw Error(`CopyButton: container not found for selector "${e}"`);
+		return t;
+	}
+	return e;
+}
+var t = class {
+	config;
+	containerEl;
+	buttonEl;
+	defaultLabel;
+	copiedLabel;
+	copiedDuration;
+	resetTimer = null;
+	destroyed = !1;
+	constructor(t) {
+		this.config = t, this.containerEl = e(t.container), this.defaultLabel = t.label ?? "Copy", this.copiedLabel = t.copiedLabel ?? "Copied!", this.copiedDuration = t.copiedDuration ?? 2e3, this.buttonEl = document.createElement("button"), this.buttonEl.className = "cmm-copy-button", this.buttonEl.textContent = this.defaultLabel, this.buttonEl.addEventListener("click", this.handleClick), this.containerEl.appendChild(this.buttonEl);
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.resetTimer !== null && clearTimeout(this.resetTimer), this.buttonEl.removeEventListener("click", this.handleClick), this.buttonEl.parentNode && this.buttonEl.parentNode.removeChild(this.buttonEl));
+	}
+	handleClick = () => {
+		let e = this.config.getText();
+		this.copyToClipboard(e);
+	};
+	async copyToClipboard(e) {
+		try {
+			await navigator.clipboard.writeText(e), this.showCopiedFeedback();
+		} catch {}
+	}
+	showCopiedFeedback() {
+		this.resetTimer !== null && clearTimeout(this.resetTimer), this.buttonEl.textContent = this.copiedLabel, this.buttonEl.classList.add("cmm-copy-button--copied"), this.resetTimer = setTimeout(() => {
+			this.destroyed || (this.buttonEl.textContent = this.defaultLabel, this.buttonEl.classList.remove("cmm-copy-button--copied")), this.resetTimer = null;
+		}, this.copiedDuration);
+	}
+};
+//#endregion
+export { t as CopyButton };
+
+//# sourceMappingURL=index.js.map

package/dist/components/copy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/copy-button/index.ts"],"sourcesContent":["/**\n * CopyButton component\n * @countermeasure/web-components/components/copy-button\n */\n\nexport interface CopyButtonConfig {\n  container: HTMLElement | string\n  getText: () => string\n  label?: string\n  copiedLabel?: string\n  copiedDuration?: 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(`CopyButton: container not found for selector \"${container}\"`)\n    }\n    return el as HTMLElement\n  }\n  return container\n}\n\nexport class CopyButton {\n  private readonly config: CopyButtonConfig\n  private readonly containerEl: HTMLElement\n  private readonly buttonEl: HTMLButtonElement\n  private readonly defaultLabel: string\n  private readonly copiedLabel: string\n  private readonly copiedDuration: number\n  private resetTimer: ReturnType<typeof setTimeout> | null = null\n  private destroyed = false\n\n  constructor(config: CopyButtonConfig) {\n    this.config = config\n    this.containerEl = resolveContainer(config.container)\n    this.defaultLabel = config.label ?? 'Copy'\n    this.copiedLabel = config.copiedLabel ?? 'Copied!'\n    this.copiedDuration = config.copiedDuration ?? 2000\n\n    this.buttonEl = document.createElement('button')\n    this.buttonEl.className = 'cmm-copy-button'\n    this.buttonEl.textContent = this.defaultLabel\n    this.buttonEl.addEventListener('click', this.handleClick)\n\n    this.containerEl.appendChild(this.buttonEl)\n  }\n\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n\n    if (this.resetTimer !== null) {\n      clearTimeout(this.resetTimer)\n    }\n\n    this.buttonEl.removeEventListener('click', this.handleClick)\n\n    if (this.buttonEl.parentNode) {\n      this.buttonEl.parentNode.removeChild(this.buttonEl)\n    }\n  }\n\n  private readonly handleClick = (): void => {\n    const text = this.config.getText()\n    void this.copyToClipboard(text)\n  }\n\n  private async copyToClipboard(text: string): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(text)\n      this.showCopiedFeedback()\n    } catch {\n      // Clipboard API not available or permission denied\n    }\n  }\n\n  private showCopiedFeedback(): void {\n    if (this.resetTimer !== null) {\n      clearTimeout(this.resetTimer)\n    }\n\n    this.buttonEl.textContent = this.copiedLabel\n    this.buttonEl.classList.add('cmm-copy-button--copied')\n\n    this.resetTimer = setTimeout(() => {\n      if (!this.destroyed) {\n        this.buttonEl.textContent = this.defaultLabel\n        this.buttonEl.classList.remove('cmm-copy-button--copied')\n      }\n      this.resetTimer = null\n    }, this.copiedDuration)\n  }\n}\n"],"mappings":";AAaA,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,aAA2D;CAC3D,YAAoB;CAEpB,YAAY,GAA0B;AAYpC,EAXA,KAAK,SAAS,GACd,KAAK,cAAc,EAAiB,EAAO,UAAU,EACrD,KAAK,eAAe,EAAO,SAAS,QACpC,KAAK,cAAc,EAAO,eAAe,WACzC,KAAK,iBAAiB,EAAO,kBAAkB,KAE/C,KAAK,WAAW,SAAS,cAAc,SAAS,EAChD,KAAK,SAAS,YAAY,mBAC1B,KAAK,SAAS,cAAc,KAAK,cACjC,KAAK,SAAS,iBAAiB,SAAS,KAAK,YAAY,EAEzD,KAAK,YAAY,YAAY,KAAK,SAAS;;CAG7C,UAAgB;AACV,OAAK,cAGT,KAAK,YAAY,IAEb,KAAK,eAAe,QACtB,aAAa,KAAK,WAAW,EAG/B,KAAK,SAAS,oBAAoB,SAAS,KAAK,YAAY,EAExD,KAAK,SAAS,cAChB,KAAK,SAAS,WAAW,YAAY,KAAK,SAAS;;CAIvD,oBAA2C;EACzC,IAAM,IAAO,KAAK,OAAO,SAAS;AAC7B,OAAK,gBAAgB,EAAK;;CAGjC,MAAc,gBAAgB,GAA6B;AACzD,MAAI;AAEF,GADA,MAAM,UAAU,UAAU,UAAU,EAAK,EACzC,KAAK,oBAAoB;UACnB;;CAKV,qBAAmC;AAQjC,EAPI,KAAK,eAAe,QACtB,aAAa,KAAK,WAAW,EAG/B,KAAK,SAAS,cAAc,KAAK,aACjC,KAAK,SAAS,UAAU,IAAI,0BAA0B,EAEtD,KAAK,aAAa,iBAAiB;AAKjC,GAJK,KAAK,cACR,KAAK,SAAS,cAAc,KAAK,cACjC,KAAK,SAAS,UAAU,OAAO,0BAA0B,GAE3D,KAAK,aAAa;KACjB,KAAK,eAAe"}

package/dist/components/data-table/export.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from './types';
+/** Export table data as a CSV string */
+export declare function exportCsv(columns: ColumnDef[], rows: unknown[][]): string;
+/** Export table data as a JSON string (array of objects keyed by column key) */
+export declare function exportJson(columns: ColumnDef[], rows: unknown[][]): string;
+/** Copy text to the clipboard using the Clipboard API */
+export declare function copyToClipboard(text: string): Promise<void>;
+//# sourceMappingURL=export.d.ts.map

package/dist/components/data-table/export.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/export.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAiBxC,wCAAwC;AACxC,wBAAgB,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,CAczE;AAED,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,CAe1E;AAED,yDAAyD;AACzD,wBAAsB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAEjE"}

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,55 @@
+import { DataTableConfig } from './types';
+export type { CellRenderer, ColumnDef, DataTableConfig, PaginationConfig, SortDirection, SortState, } from './types';
+export declare class DataTable {
+    private readonly container;
+    private readonly columns;
+    private readonly config;
+    private rows;
+    private sortState;
+    private currentPage;
+    private wrapperEl;
+    private tableEl;
+    private liveRegion;
+    private readonly tableId;
+    private readonly captionId;
+    private focusedRow;
+    private focusedCol;
+    constructor(config: DataTableConfig);
+    /** Replace all table data and re-render */
+    setData(rows: unknown[][]): void;
+    /** Append rows to existing data and re-render */
+    appendRows(rows: unknown[][]): void;
+    /** Show or hide a loading overlay on the table */
+    setLoading(loading: boolean): void;
+    /** Clear all data from the table */
+    clear(): void;
+    /** Get the current number of rows */
+    getRowCount(): number;
+    /** Remove the table from the DOM and clean up */
+    destroy(): void;
+    /** Announce an update to screen readers */
+    private announceUpdate;
+    /** Get the currently visible page of rows */
+    private getPageRows;
+    /** Get total page count */
+    private getTotalPages;
+    /** Handle column header click for sorting */
+    private handleSort;
+    /** Get sorted rows based on current sort state */
+    private getSortedRows;
+    /** Build the sort icon HTML for a column header */
+    private buildSortIcon;
+    /** Get the sort direction label for ARIA */
+    private getSortLabel;
+    /** Handle keyboard navigation within the table */
+    private handleKeyDown;
+    /** Focus a specific cell */
+    private focusCell;
+    /** Render the full table into the container */
+    private render;
+    /** Build the pagination controls element */
+    private buildPagination;
+    /** Build the export buttons bar */
+    private buildExportBar;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAkB,KAAK,eAAe,EAAsC,MAAM,SAAS,CAAA;AAQlG,YAAY,EACV,YAAY,EACZ,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,SAAS,GACV,MAAM,SAAS,CAAA;AAchB,qBAAa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiB;IACxC,OAAO,CAAC,IAAI,CAAkB;IAC9B,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAClC,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,UAAU,CAAI;gBAEV,MAAM,EAAE,eAAe;IAiBnC,2CAA2C;IAC3C,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,IAAI;IAShC,iDAAiD;IACjD,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,IAAI;IAMnC,kDAAkD;IAClD,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IA4BlC,oCAAoC;IACpC,KAAK,IAAI,IAAI;IASb,qCAAqC;IACrC,WAAW,IAAI,MAAM;IAIrB,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAQf,2CAA2C;IAC3C,OAAO,CAAC,cAAc;IAItB,6CAA6C;IAC7C,OAAO,CAAC,WAAW;IAWnB,2BAA2B;IAC3B,OAAO,CAAC,aAAa;IAQrB,6CAA6C;IAC7C,OAAO,CAAC,UAAU;IA8BlB,kDAAkD;IAClD,OAAO,CAAC,aAAa;IAcrB,mDAAmD;IACnD,OAAO,CAAC,aAAa;IAWrB,4CAA4C;IAC5C,OAAO,CAAC,YAAY;IAOpB,kDAAkD;IAClD,OAAO,CAAC,aAAa;IAgDrB,4BAA4B;IAC5B,OAAO,CAAC,SAAS;IAmBjB,+CAA+C;IAC/C,OAAO,CAAC,MAAM;IAyNd,4CAA4C;IAC5C,OAAO,CAAC,eAAe;IA4DvB,mCAAmC;IACnC,OAAO,CAAC,cAAc;CAgEvB"}

package/dist/components/data-table/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../data-table-TZ_fmzbD.js";
+export { e as DataTable };

package/dist/components/data-table/renderers.d.ts

@@ -0,0 +1,9 @@
+import { CellRenderer } from './types';
+import { escapeHtml } from '../../utils/sanitize';
+export { escapeHtml };
+/**
+ * Render a cell value based on the specified renderer type.
+ * Returns an HTML string.
+ */
+export declare function renderCell(value: unknown, renderer: CellRenderer, options?: Record<string, unknown>): string;
+//# sourceMappingURL=renderers.d.ts.map

package/dist/components/data-table/renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/renderers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,CAAA;AAyDrB;;;GAGG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,MAAM,CAuER"}

package/dist/components/data-table/types.d.ts

@@ -0,0 +1,36 @@
+/**
+ * DataTable type definitions
+ * @countermeasure/web-components/components/data-table
+ */
+export type SortDirection = 'asc' | 'desc' | null;
+export type CellRenderer = 'text' | 'badge' | 'link' | 'code' | 'bytes' | 'datetime' | 'number';
+export interface ColumnDef {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: string;
+    renderer?: CellRenderer;
+    format?: string;
+    badgeMap?: Record<string, string>;
+    className?: string;
+}
+export interface SortState {
+    key: string;
+    direction: SortDirection;
+}
+export interface DataTableConfig {
+    container: HTMLElement | string;
+    columns: ColumnDef[];
+    data?: unknown[][];
+    pagination?: PaginationConfig;
+    exportFormats?: ('csv' | 'json' | 'clipboard')[];
+    emptyMessage?: string;
+    onSort?: (key: string, direction: SortDirection) => void;
+    onRowClick?: (row: unknown[], index: number) => void;
+    onRowContext?: (row: unknown[], index: number, event: MouseEvent) => void;
+}
+export interface PaginationConfig {
+    pageSize: number;
+    position?: 'top' | 'bottom' | 'both';
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/data-table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;AAE/F,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,aAAa,CAAA;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,SAAS,EAAE,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC,EAAE,CAAA;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACxD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CAC1E;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;CACrC"}

package/dist/components/detail-header/index.d.ts

@@ -0,0 +1,45 @@
+/**
+ * DetailHeader component - title, subtitle, status badge, action buttons
+ * @countermeasure/web-components/components/detail-header
+ */
+export interface DetailHeaderAction {
+    label: string;
+    onClick: () => void;
+    variant?: 'default' | 'ghost' | 'destructive';
+    disabled?: boolean;
+}
+export interface DetailHeaderConfig {
+    container: HTMLElement | string;
+    title: string;
+    subtitle?: string;
+    status?: {
+        label: string;
+        variant?: 'success' | 'error' | 'warning' | 'info' | 'default';
+        dot?: boolean;
+    };
+    actions?: DetailHeaderAction[];
+    breadcrumbs?: {
+        label: string;
+        href?: string;
+    }[];
+}
+export declare class DetailHeader {
+    private readonly containerEl;
+    private readonly rootEl;
+    private readonly titleEl;
+    private readonly subtitleEl;
+    private readonly statusEl;
+    private readonly actionsEl;
+    private readonly breadcrumbEl;
+    private destroyed;
+    constructor(config: DetailHeaderConfig);
+    setTitle(title: string): void;
+    setSubtitle(subtitle: string): void;
+    setStatus(status: DetailHeaderConfig['status']): void;
+    setActions(actions: DetailHeaderAction[]): void;
+    destroy(): void;
+    private renderBreadcrumbs;
+    private renderStatus;
+    private renderActions;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/detail-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/detail-header/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;QAC9D,GAAG,CAAC,EAAE,OAAO,CAAA;KACd,CAAA;IACD,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CACjD;AAgCD,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAa;IACzC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAa;IACxC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAa;IACtC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAoB;IACjD,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,kBAAkB;IAkDtC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAInC,SAAS,CAAC,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,IAAI;IAQrD,UAAU,CAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAI;IAI/C,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,aAAa;CAYtB"}

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

@@ -0,0 +1,88 @@
+import { t as e } from "../../sanitize-tXExwlw-.js";
+//#region src/components/detail-header/index.ts
+function t(e) {
+	if (typeof e == "string") {
+		let t = document.querySelector(e);
+		if (!t) throw Error(`DetailHeader: container not found for selector "${e}"`);
+		return t;
+	}
+	return e;
+}
+function n(e) {
+	if (e.startsWith("/") || e.startsWith("./") || e.startsWith("../") || e.startsWith("?") || e.startsWith("#")) return !e.startsWith("//");
+	try {
+		let t = new URL(e);
+		return t.protocol === "http:" || t.protocol === "https:";
+	} catch {
+		return !1;
+	}
+}
+var r = class {
+	containerEl;
+	rootEl;
+	titleEl;
+	subtitleEl;
+	statusEl;
+	actionsEl;
+	breadcrumbEl;
+	destroyed = !1;
+	constructor(e) {
+		this.containerEl = t(e.container), this.rootEl = document.createElement("div"), this.rootEl.className = "cmm-detail-header", e.breadcrumbs && e.breadcrumbs.length > 0 ? (this.breadcrumbEl = document.createElement("nav"), this.breadcrumbEl.className = "cmm-detail-header__breadcrumb", this.renderBreadcrumbs(e.breadcrumbs), this.containerEl.appendChild(this.breadcrumbEl)) : this.breadcrumbEl = null;
+		let n = document.createElement("div");
+		n.className = "cmm-detail-header__left", this.titleEl = document.createElement("h2"), this.titleEl.className = "cmm-detail-header__title", this.titleEl.textContent = e.title, n.appendChild(this.titleEl), this.subtitleEl = document.createElement("div"), this.subtitleEl.className = "cmm-detail-header__subtitle", e.subtitle && (this.subtitleEl.textContent = e.subtitle), n.appendChild(this.subtitleEl), this.rootEl.appendChild(n);
+		let r = document.createElement("div");
+		r.className = "cmm-detail-header__right", this.actionsEl = document.createElement("div"), this.actionsEl.className = "cmm-detail-header__actions", e.actions && this.renderActions(e.actions), r.appendChild(this.actionsEl), this.statusEl = document.createElement("span"), this.statusEl.className = "cmm-detail-header__status", e.status && this.renderStatus(e.status), r.appendChild(this.statusEl), this.rootEl.appendChild(r), this.containerEl.appendChild(this.rootEl);
+	}
+	setTitle(e) {
+		this.titleEl.textContent = e;
+	}
+	setSubtitle(e) {
+		this.subtitleEl.textContent = e;
+	}
+	setStatus(e) {
+		e ? this.renderStatus(e) : this.statusEl.innerHTML = "";
+	}
+	setActions(e) {
+		this.renderActions(e);
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.breadcrumbEl?.parentNode && this.breadcrumbEl.parentNode.removeChild(this.breadcrumbEl), this.rootEl.parentNode && this.rootEl.parentNode.removeChild(this.rootEl));
+	}
+	renderBreadcrumbs(e) {
+		if (!this.breadcrumbEl) return;
+		let t = document.createDocumentFragment();
+		for (let [r, i] of e.entries()) {
+			let a = r === e.length - 1;
+			if (a) {
+				let e = document.createElement("span");
+				e.className = "cmm-detail-header__breadcrumb-current", e.textContent = i.label, t.appendChild(e);
+			} else if (i.href && n(i.href)) {
+				let e = document.createElement("a");
+				e.className = "cmm-detail-header__breadcrumb-link", e.textContent = i.label, e.setAttribute("href", i.href), t.appendChild(e);
+			} else {
+				let e = document.createElement("span");
+				e.textContent = i.label, t.appendChild(e);
+			}
+			if (!a) {
+				let e = document.createElement("span");
+				e.className = "cmm-detail-header__breadcrumb-sep", e.textContent = "/", t.appendChild(e);
+			}
+		}
+		this.breadcrumbEl.replaceChildren(t);
+	}
+	renderStatus(t) {
+		let n = t.variant ?? "default", r = t.dot === !1 ? "" : `<span class="cmm-detail-header__status-dot cmm-detail-header__status-dot--${n}"></span>`;
+		this.statusEl.className = `cmm-detail-header__status cmm-detail-header__status--${n}`, this.statusEl.innerHTML = `${r}${e(t.label)}`;
+	}
+	renderActions(e) {
+		this.actionsEl.innerHTML = "";
+		for (let t of e) {
+			let e = document.createElement("button");
+			e.className = `cmm-detail-header__action-btn cmm-detail-header__action-btn--${t.variant ?? "ghost"}`, e.textContent = t.label, t.disabled && (e.disabled = !0), e.addEventListener("click", t.onClick), this.actionsEl.appendChild(e);
+		}
+	}
+};
+//#endregion
+export { r as DetailHeader };
+
+//# sourceMappingURL=index.js.map