@countermeasure-platform/web-components 0.2.0

package/dist/diagram-IFDJBPK2-CcXyWvqm.js

@@ -0,0 +1,215 @@
+import { r as e } from "./chunk-GEFDOKGD-DpHiMpV6.js";
+import { n as t, r as n } from "./src-iH-l56c_.js";
+import { B as r, C as i, E as a, V as o, W as s, _ as c, a as l, c as u, d, v as f, y as p } from "./chunk-7R4GIKGN-9QecSWiR.js";
+import { t as m } from "./chunk-HHEYEP7N-Cjt1V-hl.js";
+import { t as h } from "./chunk-4BX2VUAB-hGnoekTd.js";
+import { t as g } from "./mermaid-parser.core-CuiIDpxY.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/diagram-IFDJBPK2.mjs
+var _ = {
+	showLegend: !0,
+	ticks: 5,
+	max: null,
+	min: 0,
+	graticule: "circle"
+}, v = {
+	axes: [],
+	curves: [],
+	options: _
+}, y = structuredClone(v), b = d.radar, x = /* @__PURE__ */ t(() => e({
+	...b,
+	...p().radar
+}), "getConfig"), S = /* @__PURE__ */ t(() => y.axes, "getAxes"), C = /* @__PURE__ */ t(() => y.curves, "getCurves"), w = /* @__PURE__ */ t(() => y.options, "getOptions"), T = /* @__PURE__ */ t((e) => {
+	y.axes = e.map((e) => ({
+		name: e.name,
+		label: e.label ?? e.name
+	}));
+}, "setAxes"), E = /* @__PURE__ */ t((e) => {
+	y.curves = e.map((e) => ({
+		name: e.name,
+		label: e.label ?? e.name,
+		entries: D(e.entries)
+	}));
+}, "setCurves"), D = /* @__PURE__ */ t((e) => {
+	if (e[0].axis == null) return e.map((e) => e.value);
+	let t = S();
+	if (t.length === 0) throw Error("Axes must be populated before curves for reference entries");
+	return t.map((t) => {
+		let n = e.find((e) => e.axis?.$refText === t.name);
+		if (n === void 0) throw Error("Missing entry for axis " + t.label);
+		return n.value;
+	});
+}, "computeCurveEntries"), O = {
+	getAxes: S,
+	getCurves: C,
+	getOptions: w,
+	setAxes: T,
+	setCurves: E,
+	setOptions: /* @__PURE__ */ t((e) => {
+		let t = e.reduce((e, t) => (e[t.name] = t, e), {});
+		y.options = {
+			showLegend: t.showLegend?.value ?? _.showLegend,
+			ticks: t.ticks?.value ?? _.ticks,
+			max: t.max?.value ?? _.max,
+			min: t.min?.value ?? _.min,
+			graticule: t.graticule?.value ?? _.graticule
+		};
+	}, "setOptions"),
+	getConfig: x,
+	clear: /* @__PURE__ */ t(() => {
+		l(), y = structuredClone(v);
+	}, "clear"),
+	setAccTitle: o,
+	getAccTitle: f,
+	setDiagramTitle: s,
+	getDiagramTitle: i,
+	getAccDescription: c,
+	setAccDescription: r
+}, k = /* @__PURE__ */ t((e) => {
+	h(e, O);
+	let { axes: t, curves: n, options: r } = e;
+	O.setAxes(t), O.setCurves(n), O.setOptions(r);
+}, "populate"), A = { parse: /* @__PURE__ */ t(async (e) => {
+	let t = await g("radar", e);
+	n.debug(t), k(t);
+}, "parse") }, j = /* @__PURE__ */ t((e, t, n, r) => {
+	let i = r.db, a = i.getAxes(), o = i.getCurves(), s = i.getOptions(), c = i.getConfig(), l = i.getDiagramTitle(), u = M(m(t), c), d = s.max ?? Math.max(...o.map((e) => Math.max(...e.entries))), f = s.min, p = Math.min(c.width, c.height) / 2;
+	N(u, a, p, s.ticks, s.graticule), P(u, a, p, c), F(u, a, o, f, d, s.graticule, c), R(u, o, s.showLegend, c), u.append("text").attr("class", "radarTitle").text(l).attr("x", 0).attr("y", -c.height / 2 - c.marginTop);
+}, "draw"), M = /* @__PURE__ */ t((e, t) => {
+	let n = t.width + t.marginLeft + t.marginRight, r = t.height + t.marginTop + t.marginBottom, i = {
+		x: t.marginLeft + t.width / 2,
+		y: t.marginTop + t.height / 2
+	};
+	return u(e, r, n, t.useMaxWidth ?? !0), e.attr("viewBox", `0 0 ${n} ${r}`), e.append("g").attr("transform", `translate(${i.x}, ${i.y})`);
+}, "drawFrame"), N = /* @__PURE__ */ t((e, t, n, r, i) => {
+	if (i === "circle") for (let t = 0; t < r; t++) {
+		let i = n * (t + 1) / r;
+		e.append("circle").attr("r", i).attr("class", "radarGraticule");
+	}
+	else if (i === "polygon") {
+		let i = t.length;
+		for (let a = 0; a < r; a++) {
+			let o = n * (a + 1) / r, s = t.map((e, t) => {
+				let n = 2 * t * Math.PI / i - Math.PI / 2;
+				return `${o * Math.cos(n)},${o * Math.sin(n)}`;
+			}).join(" ");
+			e.append("polygon").attr("points", s).attr("class", "radarGraticule");
+		}
+	}
+}, "drawGraticule"), P = /* @__PURE__ */ t((e, t, n, r) => {
+	let i = t.length;
+	for (let a = 0; a < i; a++) {
+		let o = t[a].label, s = 2 * a * Math.PI / i - Math.PI / 2;
+		e.append("line").attr("x1", 0).attr("y1", 0).attr("x2", n * r.axisScaleFactor * Math.cos(s)).attr("y2", n * r.axisScaleFactor * Math.sin(s)).attr("class", "radarAxisLine"), e.append("text").text(o).attr("x", n * r.axisLabelFactor * Math.cos(s)).attr("y", n * r.axisLabelFactor * Math.sin(s)).attr("class", "radarAxisLabel");
+	}
+}, "drawAxes");
+function F(e, t, n, r, i, a, o) {
+	let s = t.length, c = Math.min(o.width, o.height) / 2;
+	n.forEach((t, n) => {
+		if (t.entries.length !== s) return;
+		let l = t.entries.map((e, t) => {
+			let n = 2 * Math.PI * t / s - Math.PI / 2, a = I(e, r, i, c);
+			return {
+				x: a * Math.cos(n),
+				y: a * Math.sin(n)
+			};
+		});
+		a === "circle" ? e.append("path").attr("d", L(l, o.curveTension)).attr("class", `radarCurve-${n}`) : a === "polygon" && e.append("polygon").attr("points", l.map((e) => `${e.x},${e.y}`).join(" ")).attr("class", `radarCurve-${n}`);
+	});
+}
+t(F, "drawCurves");
+function I(e, t, n, r) {
+	return r * (Math.min(Math.max(e, t), n) - t) / (n - t);
+}
+t(I, "relativeRadius");
+function L(e, t) {
+	let n = e.length, r = `M${e[0].x},${e[0].y}`;
+	for (let i = 0; i < n; i++) {
+		let a = e[(i - 1 + n) % n], o = e[i], s = e[(i + 1) % n], c = e[(i + 2) % n], l = {
+			x: o.x + (s.x - a.x) * t,
+			y: o.y + (s.y - a.y) * t
+		}, u = {
+			x: s.x - (c.x - o.x) * t,
+			y: s.y - (c.y - o.y) * t
+		};
+		r += ` C${l.x},${l.y} ${u.x},${u.y} ${s.x},${s.y}`;
+	}
+	return `${r} Z`;
+}
+t(L, "closedRoundCurve");
+function R(e, t, n, r) {
+	if (!n) return;
+	let i = (r.width / 2 + r.marginRight) * 3 / 4, a = -(r.height / 2 + r.marginTop) * 3 / 4;
+	t.forEach((t, n) => {
+		let r = e.append("g").attr("transform", `translate(${i}, ${a + n * 20})`);
+		r.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${n}`), r.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(t.label);
+	});
+}
+t(R, "drawLegend");
+var z = { draw: j }, B = /* @__PURE__ */ t((e, t) => {
+	let n = "";
+	for (let r = 0; r < e.THEME_COLOR_LIMIT; r++) {
+		let i = e[`cScale${r}`];
+		n += `
+		.radarCurve-${r} {
+			color: ${i};
+			fill: ${i};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${i};
+			stroke-width: ${t.curveStrokeWidth};
+		}
+		.radarLegendBox-${r} {
+			fill: ${i};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${i};
+		}
+		`;
+	}
+	return n;
+}, "genIndexStyles"), V = /* @__PURE__ */ t((t) => {
+	let n = e(a(), p().themeVariables);
+	return {
+		themeVariables: n,
+		radarOptions: e(n.radar, t)
+	};
+}, "buildRadarStyleOptions"), H = {
+	parser: A,
+	db: O,
+	renderer: z,
+	styles: /* @__PURE__ */ t(({ radar: e } = {}) => {
+		let { themeVariables: t, radarOptions: n } = V(e);
+		return `
+	.radarTitle {
+		font-size: ${t.fontSize};
+		color: ${t.titleColor};
+		dominant-baseline: hanging;
+		text-anchor: middle;
+	}
+	.radarAxisLine {
+		stroke: ${n.axisColor};
+		stroke-width: ${n.axisStrokeWidth};
+	}
+	.radarAxisLabel {
+		dominant-baseline: middle;
+		text-anchor: middle;
+		font-size: ${n.axisLabelFontSize}px;
+		color: ${n.axisColor};
+	}
+	.radarGraticule {
+		fill: ${n.graticuleColor};
+		fill-opacity: ${n.graticuleOpacity};
+		stroke: ${n.graticuleColor};
+		stroke-width: ${n.graticuleStrokeWidth};
+	}
+	.radarLegendText {
+		text-anchor: start;
+		font-size: ${n.legendFontSize}px;
+		dominant-baseline: hanging;
+	}
+	${B(t, n)}
+	`;
+	}, "styles")
+};
+//#endregion
+export { H as diagram };
+
+//# sourceMappingURL=diagram-IFDJBPK2-CcXyWvqm.js.map

package/dist/diagram-IFDJBPK2-CcXyWvqm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagram-IFDJBPK2-CcXyWvqm.js","names":["getThemeVariables"],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/diagram-IFDJBPK2.mjs"],"sourcesContent":["import {\n  selectSvgElement\n} from \"./chunk-HHEYEP7N.mjs\";\nimport {\n  populateCommonDb\n} from \"./chunk-4BX2VUAB.mjs\";\nimport {\n  cleanAndMerge\n} from \"./chunk-GEFDOKGD.mjs\";\nimport {\n  clear,\n  configureSvgSize,\n  defaultConfig_default,\n  getAccDescription,\n  getAccTitle,\n  getConfig,\n  getDiagramTitle,\n  getThemeVariables,\n  setAccDescription,\n  setAccTitle,\n  setDiagramTitle\n} from \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name,\n  log\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/radar/db.ts\nvar defaultOptions = {\n  showLegend: true,\n  ticks: 5,\n  max: null,\n  min: 0,\n  graticule: \"circle\"\n};\nvar defaultRadarData = {\n  axes: [],\n  curves: [],\n  options: defaultOptions\n};\nvar data = structuredClone(defaultRadarData);\nvar DEFAULT_RADAR_CONFIG = defaultConfig_default.radar;\nvar getConfig2 = /* @__PURE__ */ __name(() => {\n  const config = cleanAndMerge({\n    ...DEFAULT_RADAR_CONFIG,\n    ...getConfig().radar\n  });\n  return config;\n}, \"getConfig\");\nvar getAxes = /* @__PURE__ */ __name(() => data.axes, \"getAxes\");\nvar getCurves = /* @__PURE__ */ __name(() => data.curves, \"getCurves\");\nvar getOptions = /* @__PURE__ */ __name(() => data.options, \"getOptions\");\nvar setAxes = /* @__PURE__ */ __name((axes) => {\n  data.axes = axes.map((axis) => {\n    return {\n      name: axis.name,\n      label: axis.label ?? axis.name\n    };\n  });\n}, \"setAxes\");\nvar setCurves = /* @__PURE__ */ __name((curves) => {\n  data.curves = curves.map((curve) => {\n    return {\n      name: curve.name,\n      label: curve.label ?? curve.name,\n      entries: computeCurveEntries(curve.entries)\n    };\n  });\n}, \"setCurves\");\nvar computeCurveEntries = /* @__PURE__ */ __name((entries) => {\n  if (entries[0].axis == void 0) {\n    return entries.map((entry) => entry.value);\n  }\n  const axes = getAxes();\n  if (axes.length === 0) {\n    throw new Error(\"Axes must be populated before curves for reference entries\");\n  }\n  return axes.map((axis) => {\n    const entry = entries.find((entry2) => entry2.axis?.$refText === axis.name);\n    if (entry === void 0) {\n      throw new Error(\"Missing entry for axis \" + axis.label);\n    }\n    return entry.value;\n  });\n}, \"computeCurveEntries\");\nvar setOptions = /* @__PURE__ */ __name((options) => {\n  const optionMap = options.reduce(\n    (acc, option) => {\n      acc[option.name] = option;\n      return acc;\n    },\n    {}\n  );\n  data.options = {\n    showLegend: optionMap.showLegend?.value ?? defaultOptions.showLegend,\n    ticks: optionMap.ticks?.value ?? defaultOptions.ticks,\n    max: optionMap.max?.value ?? defaultOptions.max,\n    min: optionMap.min?.value ?? defaultOptions.min,\n    graticule: optionMap.graticule?.value ?? defaultOptions.graticule\n  };\n}, \"setOptions\");\nvar clear2 = /* @__PURE__ */ __name(() => {\n  clear();\n  data = structuredClone(defaultRadarData);\n}, \"clear\");\nvar db = {\n  getAxes,\n  getCurves,\n  getOptions,\n  setAxes,\n  setCurves,\n  setOptions,\n  getConfig: getConfig2,\n  clear: clear2,\n  setAccTitle,\n  getAccTitle,\n  setDiagramTitle,\n  getDiagramTitle,\n  getAccDescription,\n  setAccDescription\n};\n\n// src/diagrams/radar/parser.ts\nimport { parse } from \"@mermaid-js/parser\";\nvar populate = /* @__PURE__ */ __name((ast) => {\n  populateCommonDb(ast, db);\n  const { axes, curves, options } = ast;\n  db.setAxes(axes);\n  db.setCurves(curves);\n  db.setOptions(options);\n}, \"populate\");\nvar parser = {\n  parse: /* @__PURE__ */ __name(async (input) => {\n    const ast = await parse(\"radar\", input);\n    log.debug(ast);\n    populate(ast);\n  }, \"parse\")\n};\n\n// src/diagrams/radar/renderer.ts\nvar draw = /* @__PURE__ */ __name((_text, id, _version, diagram2) => {\n  const db2 = diagram2.db;\n  const axes = db2.getAxes();\n  const curves = db2.getCurves();\n  const options = db2.getOptions();\n  const config = db2.getConfig();\n  const title = db2.getDiagramTitle();\n  const svg = selectSvgElement(id);\n  const g = drawFrame(svg, config);\n  const maxValue = options.max ?? Math.max(...curves.map((curve) => Math.max(...curve.entries)));\n  const minValue = options.min;\n  const radius = Math.min(config.width, config.height) / 2;\n  drawGraticule(g, axes, radius, options.ticks, options.graticule);\n  drawAxes(g, axes, radius, config);\n  drawCurves(g, axes, curves, minValue, maxValue, options.graticule, config);\n  drawLegend(g, curves, options.showLegend, config);\n  g.append(\"text\").attr(\"class\", \"radarTitle\").text(title).attr(\"x\", 0).attr(\"y\", -config.height / 2 - config.marginTop);\n}, \"draw\");\nvar drawFrame = /* @__PURE__ */ __name((svg, config) => {\n  const totalWidth = config.width + config.marginLeft + config.marginRight;\n  const totalHeight = config.height + config.marginTop + config.marginBottom;\n  const center = {\n    x: config.marginLeft + config.width / 2,\n    y: config.marginTop + config.height / 2\n  };\n  configureSvgSize(svg, totalHeight, totalWidth, config.useMaxWidth ?? true);\n  svg.attr(\"viewBox\", `0 0 ${totalWidth} ${totalHeight}`);\n  return svg.append(\"g\").attr(\"transform\", `translate(${center.x}, ${center.y})`);\n}, \"drawFrame\");\nvar drawGraticule = /* @__PURE__ */ __name((g, axes, radius, ticks, graticule) => {\n  if (graticule === \"circle\") {\n    for (let i = 0; i < ticks; i++) {\n      const r = radius * (i + 1) / ticks;\n      g.append(\"circle\").attr(\"r\", r).attr(\"class\", \"radarGraticule\");\n    }\n  } else if (graticule === \"polygon\") {\n    const numAxes = axes.length;\n    for (let i = 0; i < ticks; i++) {\n      const r = radius * (i + 1) / ticks;\n      const points = axes.map((_, j) => {\n        const angle = 2 * j * Math.PI / numAxes - Math.PI / 2;\n        const x = r * Math.cos(angle);\n        const y = r * Math.sin(angle);\n        return `${x},${y}`;\n      }).join(\" \");\n      g.append(\"polygon\").attr(\"points\", points).attr(\"class\", \"radarGraticule\");\n    }\n  }\n}, \"drawGraticule\");\nvar drawAxes = /* @__PURE__ */ __name((g, axes, radius, config) => {\n  const numAxes = axes.length;\n  for (let i = 0; i < numAxes; i++) {\n    const label = axes[i].label;\n    const angle = 2 * i * Math.PI / numAxes - Math.PI / 2;\n    g.append(\"line\").attr(\"x1\", 0).attr(\"y1\", 0).attr(\"x2\", radius * config.axisScaleFactor * Math.cos(angle)).attr(\"y2\", radius * config.axisScaleFactor * Math.sin(angle)).attr(\"class\", \"radarAxisLine\");\n    g.append(\"text\").text(label).attr(\"x\", radius * config.axisLabelFactor * Math.cos(angle)).attr(\"y\", radius * config.axisLabelFactor * Math.sin(angle)).attr(\"class\", \"radarAxisLabel\");\n  }\n}, \"drawAxes\");\nfunction drawCurves(g, axes, curves, minValue, maxValue, graticule, config) {\n  const numAxes = axes.length;\n  const radius = Math.min(config.width, config.height) / 2;\n  curves.forEach((curve, index) => {\n    if (curve.entries.length !== numAxes) {\n      return;\n    }\n    const points = curve.entries.map((entry, i) => {\n      const angle = 2 * Math.PI * i / numAxes - Math.PI / 2;\n      const r = relativeRadius(entry, minValue, maxValue, radius);\n      const x = r * Math.cos(angle);\n      const y = r * Math.sin(angle);\n      return { x, y };\n    });\n    if (graticule === \"circle\") {\n      g.append(\"path\").attr(\"d\", closedRoundCurve(points, config.curveTension)).attr(\"class\", `radarCurve-${index}`);\n    } else if (graticule === \"polygon\") {\n      g.append(\"polygon\").attr(\"points\", points.map((p) => `${p.x},${p.y}`).join(\" \")).attr(\"class\", `radarCurve-${index}`);\n    }\n  });\n}\n__name(drawCurves, \"drawCurves\");\nfunction relativeRadius(value, minValue, maxValue, radius) {\n  const clippedValue = Math.min(Math.max(value, minValue), maxValue);\n  return radius * (clippedValue - minValue) / (maxValue - minValue);\n}\n__name(relativeRadius, \"relativeRadius\");\nfunction closedRoundCurve(points, tension) {\n  const numPoints = points.length;\n  let d = `M${points[0].x},${points[0].y}`;\n  for (let i = 0; i < numPoints; i++) {\n    const p0 = points[(i - 1 + numPoints) % numPoints];\n    const p1 = points[i];\n    const p2 = points[(i + 1) % numPoints];\n    const p3 = points[(i + 2) % numPoints];\n    const cp1 = {\n      x: p1.x + (p2.x - p0.x) * tension,\n      y: p1.y + (p2.y - p0.y) * tension\n    };\n    const cp2 = {\n      x: p2.x - (p3.x - p1.x) * tension,\n      y: p2.y - (p3.y - p1.y) * tension\n    };\n    d += ` C${cp1.x},${cp1.y} ${cp2.x},${cp2.y} ${p2.x},${p2.y}`;\n  }\n  return `${d} Z`;\n}\n__name(closedRoundCurve, \"closedRoundCurve\");\nfunction drawLegend(g, curves, showLegend, config) {\n  if (!showLegend) {\n    return;\n  }\n  const legendX = (config.width / 2 + config.marginRight) * 3 / 4;\n  const legendY = -(config.height / 2 + config.marginTop) * 3 / 4;\n  const lineHeight = 20;\n  curves.forEach((curve, index) => {\n    const itemGroup = g.append(\"g\").attr(\"transform\", `translate(${legendX}, ${legendY + index * lineHeight})`);\n    itemGroup.append(\"rect\").attr(\"width\", 12).attr(\"height\", 12).attr(\"class\", `radarLegendBox-${index}`);\n    itemGroup.append(\"text\").attr(\"x\", 16).attr(\"y\", 0).attr(\"class\", \"radarLegendText\").text(curve.label);\n  });\n}\n__name(drawLegend, \"drawLegend\");\nvar renderer = { draw };\n\n// src/diagrams/radar/styles.ts\nvar genIndexStyles = /* @__PURE__ */ __name((themeVariables, radarOptions) => {\n  let sections = \"\";\n  for (let i = 0; i < themeVariables.THEME_COLOR_LIMIT; i++) {\n    const indexColor = themeVariables[`cScale${i}`];\n    sections += `\n\t\t.radarCurve-${i} {\n\t\t\tcolor: ${indexColor};\n\t\t\tfill: ${indexColor};\n\t\t\tfill-opacity: ${radarOptions.curveOpacity};\n\t\t\tstroke: ${indexColor};\n\t\t\tstroke-width: ${radarOptions.curveStrokeWidth};\n\t\t}\n\t\t.radarLegendBox-${i} {\n\t\t\tfill: ${indexColor};\n\t\t\tfill-opacity: ${radarOptions.curveOpacity};\n\t\t\tstroke: ${indexColor};\n\t\t}\n\t\t`;\n  }\n  return sections;\n}, \"genIndexStyles\");\nvar buildRadarStyleOptions = /* @__PURE__ */ __name((radar) => {\n  const defaultThemeVariables = getThemeVariables();\n  const currentConfig = getConfig();\n  const themeVariables = cleanAndMerge(defaultThemeVariables, currentConfig.themeVariables);\n  const radarOptions = cleanAndMerge(themeVariables.radar, radar);\n  return { themeVariables, radarOptions };\n}, \"buildRadarStyleOptions\");\nvar styles = /* @__PURE__ */ __name(({ radar } = {}) => {\n  const { themeVariables, radarOptions } = buildRadarStyleOptions(radar);\n  return `\n\t.radarTitle {\n\t\tfont-size: ${themeVariables.fontSize};\n\t\tcolor: ${themeVariables.titleColor};\n\t\tdominant-baseline: hanging;\n\t\ttext-anchor: middle;\n\t}\n\t.radarAxisLine {\n\t\tstroke: ${radarOptions.axisColor};\n\t\tstroke-width: ${radarOptions.axisStrokeWidth};\n\t}\n\t.radarAxisLabel {\n\t\tdominant-baseline: middle;\n\t\ttext-anchor: middle;\n\t\tfont-size: ${radarOptions.axisLabelFontSize}px;\n\t\tcolor: ${radarOptions.axisColor};\n\t}\n\t.radarGraticule {\n\t\tfill: ${radarOptions.graticuleColor};\n\t\tfill-opacity: ${radarOptions.graticuleOpacity};\n\t\tstroke: ${radarOptions.graticuleColor};\n\t\tstroke-width: ${radarOptions.graticuleStrokeWidth};\n\t}\n\t.radarLegendText {\n\t\ttext-anchor: start;\n\t\tfont-size: ${radarOptions.legendFontSize}px;\n\t\tdominant-baseline: hanging;\n\t}\n\t${genIndexStyles(themeVariables, radarOptions)}\n\t`;\n}, \"styles\");\n\n// src/diagrams/radar/diagram.ts\nvar diagram = {\n  parser,\n  db,\n  renderer,\n  styles\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/diagram-P4PSJMXO-pxkEt2hf.js

@@ -0,0 +1,135 @@
+import { r as e } from "./chunk-GEFDOKGD-DpHiMpV6.js";
+import { n as t, r as n } from "./src-iH-l56c_.js";
+import { B as r, C as i, V as a, W as o, _ as s, a as c, c as l, d as u, v as d, y as f } from "./chunk-7R4GIKGN-9QecSWiR.js";
+import { t as p } from "./chunk-HHEYEP7N-Cjt1V-hl.js";
+import { t as m } from "./chunk-4BX2VUAB-hGnoekTd.js";
+import { t as h } from "./mermaid-parser.core-CuiIDpxY.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/diagram-P4PSJMXO.mjs
+var g = u.packet, _ = class {
+	constructor() {
+		this.packet = [], this.setAccTitle = a, this.getAccTitle = d, this.setDiagramTitle = o, this.getDiagramTitle = i, this.getAccDescription = s, this.setAccDescription = r;
+	}
+	static {
+		t(this, "PacketDB");
+	}
+	getConfig() {
+		let t = e({
+			...g,
+			...f().packet
+		});
+		return t.showBits && (t.paddingY += 10), t;
+	}
+	getPacket() {
+		return this.packet;
+	}
+	pushWord(e) {
+		e.length > 0 && this.packet.push(e);
+	}
+	clear() {
+		c(), this.packet = [];
+	}
+}, v = 1e4, y = /* @__PURE__ */ t((e, t) => {
+	m(e, t);
+	let r = -1, i = [], a = 1, { bitsPerRow: o } = t.getConfig();
+	for (let { start: s, end: c, bits: l, label: u } of e.blocks) {
+		if (s !== void 0 && c !== void 0 && c < s) throw Error(`Packet block ${s} - ${c} is invalid. End must be greater than start.`);
+		if (s ??= r + 1, s !== r + 1) throw Error(`Packet block ${s} - ${c ?? s} is not contiguous. It should start from ${r + 1}.`);
+		if (l === 0) throw Error(`Packet block ${s} is invalid. Cannot have a zero bit field.`);
+		for (c ??= s + (l ?? 1) - 1, l ??= c - s + 1, r = c, n.debug(`Packet block ${s} - ${r} with label ${u}`); i.length <= o + 1 && t.getPacket().length < v;) {
+			let [e, n] = b({
+				start: s,
+				end: c,
+				bits: l,
+				label: u
+			}, a, o);
+			if (i.push(e), e.end + 1 === a * o && (t.pushWord(i), i = [], a++), !n) break;
+			({start: s, end: c, bits: l, label: u} = n);
+		}
+	}
+	t.pushWord(i);
+}, "populate"), b = /* @__PURE__ */ t((e, t, n) => {
+	if (e.start === void 0) throw Error("start should have been set during first phase");
+	if (e.end === void 0) throw Error("end should have been set during first phase");
+	if (e.start > e.end) throw Error(`Block start ${e.start} is greater than block end ${e.end}.`);
+	if (e.end + 1 <= t * n) return [e, void 0];
+	let r = t * n - 1, i = t * n;
+	return [{
+		start: e.start,
+		end: r,
+		label: e.label,
+		bits: r - e.start
+	}, {
+		start: i,
+		end: e.end,
+		label: e.label,
+		bits: e.end - i
+	}];
+}, "getNextFittingBlock"), x = {
+	parser: { yy: void 0 },
+	parse: /* @__PURE__ */ t(async (e) => {
+		let t = await h("packet", e), r = x.parser?.yy;
+		if (!(r instanceof _)) throw Error("parser.parser?.yy was not a PacketDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");
+		n.debug(t), y(t, r);
+	}, "parse")
+}, S = /* @__PURE__ */ t((e, t, n, r) => {
+	let i = r.db, a = i.getConfig(), { rowHeight: o, paddingY: s, bitWidth: c, bitsPerRow: u } = a, d = i.getPacket(), f = i.getDiagramTitle(), m = o + s, h = m * (d.length + 1) - (f ? 0 : o), g = c * u + 2, _ = p(t);
+	_.attr("viewBox", `0 0 ${g} ${h}`), l(_, h, g, a.useMaxWidth);
+	for (let [e, t] of d.entries()) C(_, t, e, a);
+	_.append("text").text(f).attr("x", g / 2).attr("y", h - m / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
+}, "draw"), C = /* @__PURE__ */ t((e, t, n, { rowHeight: r, paddingX: i, paddingY: a, bitWidth: o, bitsPerRow: s, showBits: c }) => {
+	let l = e.append("g"), u = n * (r + a) + a;
+	for (let e of t) {
+		let t = e.start % s * o + 1, n = (e.end - e.start + 1) * o - i;
+		if (l.append("rect").attr("x", t).attr("y", u).attr("width", n).attr("height", r).attr("class", "packetBlock"), l.append("text").attr("x", t + n / 2).attr("y", u + r / 2).attr("class", "packetLabel").attr("dominant-baseline", "middle").attr("text-anchor", "middle").text(e.label), !c) continue;
+		let a = e.end === e.start, d = u - 2;
+		l.append("text").attr("x", t + (a ? n / 2 : 0)).attr("y", d).attr("class", "packetByte start").attr("dominant-baseline", "auto").attr("text-anchor", a ? "middle" : "start").text(e.start), a || l.append("text").attr("x", t + n).attr("y", d).attr("class", "packetByte end").attr("dominant-baseline", "auto").attr("text-anchor", "end").text(e.end);
+	}
+}, "drawWord"), w = { draw: S }, T = {
+	byteFontSize: "10px",
+	startByteColor: "black",
+	endByteColor: "black",
+	labelColor: "black",
+	labelFontSize: "12px",
+	titleColor: "black",
+	titleFontSize: "14px",
+	blockStrokeColor: "black",
+	blockStrokeWidth: "1",
+	blockFillColor: "#efefef"
+}, E = {
+	parser: x,
+	get db() {
+		return new _();
+	},
+	renderer: w,
+	styles: /* @__PURE__ */ t(({ packet: t } = {}) => {
+		let n = e(T, t);
+		return `
+	.packetByte {
+		font-size: ${n.byteFontSize};
+	}
+	.packetByte.start {
+		fill: ${n.startByteColor};
+	}
+	.packetByte.end {
+		fill: ${n.endByteColor};
+	}
+	.packetLabel {
+		fill: ${n.labelColor};
+		font-size: ${n.labelFontSize};
+	}
+	.packetTitle {
+		fill: ${n.titleColor};
+		font-size: ${n.titleFontSize};
+	}
+	.packetBlock {
+		stroke: ${n.blockStrokeColor};
+		stroke-width: ${n.blockStrokeWidth};
+		fill: ${n.blockFillColor};
+	}
+	`;
+	}, "styles")
+};
+//#endregion
+export { E as diagram };
+
+//# sourceMappingURL=diagram-P4PSJMXO-pxkEt2hf.js.map

package/dist/diagram-P4PSJMXO-pxkEt2hf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagram-P4PSJMXO-pxkEt2hf.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/diagram-P4PSJMXO.mjs"],"sourcesContent":["import {\n  selectSvgElement\n} from \"./chunk-HHEYEP7N.mjs\";\nimport {\n  populateCommonDb\n} from \"./chunk-4BX2VUAB.mjs\";\nimport {\n  cleanAndMerge\n} from \"./chunk-GEFDOKGD.mjs\";\nimport {\n  clear,\n  configureSvgSize,\n  defaultConfig_default,\n  getAccDescription,\n  getAccTitle,\n  getConfig,\n  getDiagramTitle,\n  setAccDescription,\n  setAccTitle,\n  setDiagramTitle\n} from \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name,\n  log\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/packet/db.ts\nvar DEFAULT_PACKET_CONFIG = defaultConfig_default.packet;\nvar PacketDB = class {\n  constructor() {\n    this.packet = [];\n    this.setAccTitle = setAccTitle;\n    this.getAccTitle = getAccTitle;\n    this.setDiagramTitle = setDiagramTitle;\n    this.getDiagramTitle = getDiagramTitle;\n    this.getAccDescription = getAccDescription;\n    this.setAccDescription = setAccDescription;\n  }\n  static {\n    __name(this, \"PacketDB\");\n  }\n  getConfig() {\n    const config = cleanAndMerge({\n      ...DEFAULT_PACKET_CONFIG,\n      ...getConfig().packet\n    });\n    if (config.showBits) {\n      config.paddingY += 10;\n    }\n    return config;\n  }\n  getPacket() {\n    return this.packet;\n  }\n  pushWord(word) {\n    if (word.length > 0) {\n      this.packet.push(word);\n    }\n  }\n  clear() {\n    clear();\n    this.packet = [];\n  }\n};\n\n// src/diagrams/packet/parser.ts\nimport { parse } from \"@mermaid-js/parser\";\nvar maxPacketSize = 1e4;\nvar populate = /* @__PURE__ */ __name((ast, db) => {\n  populateCommonDb(ast, db);\n  let lastBit = -1;\n  let word = [];\n  let row = 1;\n  const { bitsPerRow } = db.getConfig();\n  for (let { start, end, bits, label } of ast.blocks) {\n    if (start !== void 0 && end !== void 0 && end < start) {\n      throw new Error(`Packet block ${start} - ${end} is invalid. End must be greater than start.`);\n    }\n    start ??= lastBit + 1;\n    if (start !== lastBit + 1) {\n      throw new Error(\n        `Packet block ${start} - ${end ?? start} is not contiguous. It should start from ${lastBit + 1}.`\n      );\n    }\n    if (bits === 0) {\n      throw new Error(`Packet block ${start} is invalid. Cannot have a zero bit field.`);\n    }\n    end ??= start + (bits ?? 1) - 1;\n    bits ??= end - start + 1;\n    lastBit = end;\n    log.debug(`Packet block ${start} - ${lastBit} with label ${label}`);\n    while (word.length <= bitsPerRow + 1 && db.getPacket().length < maxPacketSize) {\n      const [block, nextBlock] = getNextFittingBlock({ start, end, bits, label }, row, bitsPerRow);\n      word.push(block);\n      if (block.end + 1 === row * bitsPerRow) {\n        db.pushWord(word);\n        word = [];\n        row++;\n      }\n      if (!nextBlock) {\n        break;\n      }\n      ({ start, end, bits, label } = nextBlock);\n    }\n  }\n  db.pushWord(word);\n}, \"populate\");\nvar getNextFittingBlock = /* @__PURE__ */ __name((block, row, bitsPerRow) => {\n  if (block.start === void 0) {\n    throw new Error(\"start should have been set during first phase\");\n  }\n  if (block.end === void 0) {\n    throw new Error(\"end should have been set during first phase\");\n  }\n  if (block.start > block.end) {\n    throw new Error(`Block start ${block.start} is greater than block end ${block.end}.`);\n  }\n  if (block.end + 1 <= row * bitsPerRow) {\n    return [block, void 0];\n  }\n  const rowEnd = row * bitsPerRow - 1;\n  const rowStart = row * bitsPerRow;\n  return [\n    {\n      start: block.start,\n      end: rowEnd,\n      label: block.label,\n      bits: rowEnd - block.start\n    },\n    {\n      start: rowStart,\n      end: block.end,\n      label: block.label,\n      bits: block.end - rowStart\n    }\n  ];\n}, \"getNextFittingBlock\");\nvar parser = {\n  // @ts-expect-error - PacketDB is not assignable to DiagramDB\n  parser: { yy: void 0 },\n  parse: /* @__PURE__ */ __name(async (input) => {\n    const ast = await parse(\"packet\", input);\n    const db = parser.parser?.yy;\n    if (!(db instanceof PacketDB)) {\n      throw new Error(\n        \"parser.parser?.yy was not a PacketDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.\"\n      );\n    }\n    log.debug(ast);\n    populate(ast, db);\n  }, \"parse\")\n};\n\n// src/diagrams/packet/renderer.ts\nvar draw = /* @__PURE__ */ __name((_text, id, _version, diagram2) => {\n  const db = diagram2.db;\n  const config = db.getConfig();\n  const { rowHeight, paddingY, bitWidth, bitsPerRow } = config;\n  const words = db.getPacket();\n  const title = db.getDiagramTitle();\n  const totalRowHeight = rowHeight + paddingY;\n  const svgHeight = totalRowHeight * (words.length + 1) - (title ? 0 : rowHeight);\n  const svgWidth = bitWidth * bitsPerRow + 2;\n  const svg = selectSvgElement(id);\n  svg.attr(\"viewBox\", `0 0 ${svgWidth} ${svgHeight}`);\n  configureSvgSize(svg, svgHeight, svgWidth, config.useMaxWidth);\n  for (const [word, packet] of words.entries()) {\n    drawWord(svg, packet, word, config);\n  }\n  svg.append(\"text\").text(title).attr(\"x\", svgWidth / 2).attr(\"y\", svgHeight - totalRowHeight / 2).attr(\"dominant-baseline\", \"middle\").attr(\"text-anchor\", \"middle\").attr(\"class\", \"packetTitle\");\n}, \"draw\");\nvar drawWord = /* @__PURE__ */ __name((svg, word, rowNumber, { rowHeight, paddingX, paddingY, bitWidth, bitsPerRow, showBits }) => {\n  const group = svg.append(\"g\");\n  const wordY = rowNumber * (rowHeight + paddingY) + paddingY;\n  for (const block of word) {\n    const blockX = block.start % bitsPerRow * bitWidth + 1;\n    const width = (block.end - block.start + 1) * bitWidth - paddingX;\n    group.append(\"rect\").attr(\"x\", blockX).attr(\"y\", wordY).attr(\"width\", width).attr(\"height\", rowHeight).attr(\"class\", \"packetBlock\");\n    group.append(\"text\").attr(\"x\", blockX + width / 2).attr(\"y\", wordY + rowHeight / 2).attr(\"class\", \"packetLabel\").attr(\"dominant-baseline\", \"middle\").attr(\"text-anchor\", \"middle\").text(block.label);\n    if (!showBits) {\n      continue;\n    }\n    const isSingleBlock = block.end === block.start;\n    const bitNumberY = wordY - 2;\n    group.append(\"text\").attr(\"x\", blockX + (isSingleBlock ? width / 2 : 0)).attr(\"y\", bitNumberY).attr(\"class\", \"packetByte start\").attr(\"dominant-baseline\", \"auto\").attr(\"text-anchor\", isSingleBlock ? \"middle\" : \"start\").text(block.start);\n    if (!isSingleBlock) {\n      group.append(\"text\").attr(\"x\", blockX + width).attr(\"y\", bitNumberY).attr(\"class\", \"packetByte end\").attr(\"dominant-baseline\", \"auto\").attr(\"text-anchor\", \"end\").text(block.end);\n    }\n  }\n}, \"drawWord\");\nvar renderer = { draw };\n\n// src/diagrams/packet/styles.ts\nvar defaultPacketStyleOptions = {\n  byteFontSize: \"10px\",\n  startByteColor: \"black\",\n  endByteColor: \"black\",\n  labelColor: \"black\",\n  labelFontSize: \"12px\",\n  titleColor: \"black\",\n  titleFontSize: \"14px\",\n  blockStrokeColor: \"black\",\n  blockStrokeWidth: \"1\",\n  blockFillColor: \"#efefef\"\n};\nvar styles = /* @__PURE__ */ __name(({ packet } = {}) => {\n  const options = cleanAndMerge(defaultPacketStyleOptions, packet);\n  return `\n\t.packetByte {\n\t\tfont-size: ${options.byteFontSize};\n\t}\n\t.packetByte.start {\n\t\tfill: ${options.startByteColor};\n\t}\n\t.packetByte.end {\n\t\tfill: ${options.endByteColor};\n\t}\n\t.packetLabel {\n\t\tfill: ${options.labelColor};\n\t\tfont-size: ${options.labelFontSize};\n\t}\n\t.packetTitle {\n\t\tfill: ${options.titleColor};\n\t\tfont-size: ${options.titleFontSize};\n\t}\n\t.packetBlock {\n\t\tstroke: ${options.blockStrokeColor};\n\t\tstroke-width: ${options.blockStrokeWidth};\n\t\tfill: ${options.blockFillColor};\n\t}\n\t`;\n}, \"styles\");\n\n// src/diagrams/packet/diagram.ts\nvar diagram = {\n  parser,\n  get db() {\n    return new PacketDB();\n  },\n  renderer,\n  styles\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/display/alert/index.d.ts

@@ -0,0 +1,20 @@
+import { AlertConfig } from './types';
+export type { AlertConfig, AlertVariant } from './types';
+export declare class Alert {
+    readonly el: HTMLDivElement;
+    private readonly alertId;
+    private descriptionEl;
+    private dismissBtn;
+    private readonly dismissHandler;
+    private readonly dismissBtnClickHandler;
+    private readonly transitionEndHandler;
+    constructor(config: AlertConfig);
+    /** Update the alert description text */
+    setDescription(text: string): void;
+    /** Dismiss the alert with a fade-out animation */
+    dismiss(): void;
+    /** Remove the alert from the DOM and clean up */
+    destroy(): void;
+    private buildClassName;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/alert/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,SAAS,CAAA;AAG7D,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAaxD,qBAAa,KAAK;IAChB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,UAAU,CAAiC;IACnD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA0B;IACzD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAA4B;IACnE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA4B;gBAErD,MAAM,EAAE,WAAW;IAuE/B,wCAAwC;IACxC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIlC,kDAAkD;IAClD,OAAO,IAAI,IAAI;IAOf,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAUf,OAAO,CAAC,cAAc;CAOvB"}

package/dist/display/alert/index.js

@@ -0,0 +1,56 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/display/alert/index.ts
+var n = {
+	info: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/></svg>",
+	success: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m9 12 2 2 4-4\"/></svg>",
+	warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></svg>",
+	error: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>"
+}, r = class {
+	el;
+	alertId;
+	descriptionEl;
+	dismissBtn = null;
+	dismissHandler;
+	dismissBtnClickHandler = null;
+	transitionEndHandler = null;
+	constructor(r) {
+		this.alertId = e("cmm-alert"), this.dismissHandler = r.onDismiss;
+		let i = r.variant ?? "info";
+		this.el = document.createElement("div"), this.el.id = this.alertId, this.el.className = this.buildClassName(i, r.className), this.el.setAttribute("role", "alert");
+		let a = document.createElement("div");
+		a.className = "cmm-alert__icon", a.setAttribute("aria-hidden", "true"), a.innerHTML = r.icon ?? n[i], this.el.appendChild(a);
+		let o = document.createElement("div");
+		if (o.className = "cmm-alert__content", r.title !== void 0) {
+			let e = document.createElement("div");
+			e.className = "cmm-alert__title", e.textContent = r.title, o.appendChild(e);
+		}
+		if (this.descriptionEl = document.createElement("div"), this.descriptionEl.className = "cmm-alert__description", this.descriptionEl.textContent = r.description, o.appendChild(this.descriptionEl), this.el.appendChild(o), r.dismissible === !0) {
+			this.dismissBtn = document.createElement("button"), this.dismissBtn.className = "cmm-alert__dismiss", this.dismissBtn.setAttribute("aria-label", "Dismiss"), this.dismissBtn.type = "button", this.dismissBtn.textContent = "×";
+			let e = () => {
+				this.dismiss();
+			};
+			this.dismissBtnClickHandler = e, this.dismissBtn.addEventListener("click", e), this.el.appendChild(this.dismissBtn);
+		}
+		let s = () => {
+			this.el.classList.contains("cmm-alert--dismissed") && this.el.remove();
+		};
+		this.transitionEndHandler = s, this.el.addEventListener("transitionend", s), r.container !== void 0 && t(r.container).appendChild(this.el);
+	}
+	setDescription(e) {
+		this.descriptionEl.textContent = e;
+	}
+	dismiss() {
+		this.el.classList.add("cmm-alert--dismissed"), this.dismissHandler !== void 0 && this.dismissHandler();
+	}
+	destroy() {
+		this.dismissBtn !== null && this.dismissBtnClickHandler !== null && this.dismissBtn.removeEventListener("click", this.dismissBtnClickHandler), this.transitionEndHandler !== null && this.el.removeEventListener("transitionend", this.transitionEndHandler), this.el.remove();
+	}
+	buildClassName(e, t) {
+		let n = ["cmm-alert", `cmm-alert--${e}`];
+		return t && n.push(t), n.join(" ");
+	}
+};
+//#endregion
+export { r as Alert };
+
+//# sourceMappingURL=index.js.map

package/dist/display/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/alert/index.ts"],"sourcesContent":["/**\n * Alert - Dismissible alert/notification box\n * @countermeasure/web-components/display/alert\n */\n\nimport { type AlertConfig, type AlertVariant } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type { AlertConfig, AlertVariant } from './types'\n\n/** Default SVG icons per alert variant */\nconst VARIANT_ICONS: Record<AlertVariant, string> = {\n  info: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/></svg>',\n  success:\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m9 12 2 2 4-4\"/></svg>',\n  warning:\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></svg>',\n  error:\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>',\n}\n\nexport class Alert {\n  public readonly el: HTMLDivElement\n\n  private readonly alertId: string\n  private descriptionEl: HTMLDivElement\n  private dismissBtn: HTMLButtonElement | null = null\n  private readonly dismissHandler: (() => void) | undefined\n  private readonly dismissBtnClickHandler: (() => void) | null = null\n  private readonly transitionEndHandler: (() => void) | null = null\n\n  constructor(config: AlertConfig) {\n    this.alertId = uniqueId('cmm-alert')\n    this.dismissHandler = config.onDismiss\n\n    const variant = config.variant ?? 'info'\n\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.id = this.alertId\n    this.el.className = this.buildClassName(variant, config.className)\n    this.el.setAttribute('role', 'alert')\n\n    // Create icon\n    const iconEl = document.createElement('div')\n    iconEl.className = 'cmm-alert__icon'\n    iconEl.setAttribute('aria-hidden', 'true')\n    iconEl.innerHTML = config.icon ?? VARIANT_ICONS[variant]\n    this.el.appendChild(iconEl)\n\n    // Create content container\n    const contentEl = document.createElement('div')\n    contentEl.className = 'cmm-alert__content'\n\n    // Create title if provided\n    if (config.title !== undefined) {\n      const titleEl = document.createElement('div')\n      titleEl.className = 'cmm-alert__title'\n      titleEl.textContent = config.title\n      contentEl.appendChild(titleEl)\n    }\n\n    // Create description\n    this.descriptionEl = document.createElement('div')\n    this.descriptionEl.className = 'cmm-alert__description'\n    this.descriptionEl.textContent = config.description\n    contentEl.appendChild(this.descriptionEl)\n\n    this.el.appendChild(contentEl)\n\n    // Create dismiss button\n    if (config.dismissible === true) {\n      this.dismissBtn = document.createElement('button')\n      this.dismissBtn.className = 'cmm-alert__dismiss'\n      this.dismissBtn.setAttribute('aria-label', 'Dismiss')\n      this.dismissBtn.type = 'button'\n      this.dismissBtn.textContent = '\\u00d7'\n\n      const clickHandler = () => {\n        this.dismiss()\n      }\n      this.dismissBtnClickHandler = clickHandler\n      this.dismissBtn.addEventListener('click', clickHandler)\n      this.el.appendChild(this.dismissBtn)\n    }\n\n    // Set up transition end handler for removal after fade out\n    const transitionHandler = () => {\n      if (this.el.classList.contains('cmm-alert--dismissed')) {\n        this.el.remove()\n      }\n    }\n    this.transitionEndHandler = transitionHandler\n    this.el.addEventListener('transitionend', transitionHandler)\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the alert description text */\n  setDescription(text: string): void {\n    this.descriptionEl.textContent = text\n  }\n\n  /** Dismiss the alert with a fade-out animation */\n  dismiss(): void {\n    this.el.classList.add('cmm-alert--dismissed')\n    if (this.dismissHandler !== undefined) {\n      this.dismissHandler()\n    }\n  }\n\n  /** Remove the alert from the DOM and clean up */\n  destroy(): void {\n    if (this.dismissBtn !== null && this.dismissBtnClickHandler !== null) {\n      this.dismissBtn.removeEventListener('click', this.dismissBtnClickHandler)\n    }\n    if (this.transitionEndHandler !== null) {\n      this.el.removeEventListener('transitionend', this.transitionEndHandler)\n    }\n    this.el.remove()\n  }\n\n  private buildClassName(variant: AlertVariant, extra?: string): string {\n    const classes = ['cmm-alert', `cmm-alert--${variant}`]\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n}\n"],"mappings":";;AAWA,IAAM,IAA8C;CAClD,MAAM;CACN,SACE;CACF,SACE;CACF,OACE;CACH,EAEY,IAAb,MAAmB;CACjB;CAEA;CACA;CACA,aAA+C;CAC/C;CACA,yBAA+D;CAC/D,uBAA6D;CAE7D,YAAY,GAAqB;AAE/B,EADA,KAAK,UAAU,EAAS,YAAY,EACpC,KAAK,iBAAiB,EAAO;EAE7B,IAAM,IAAU,EAAO,WAAW;AAMlC,EAHA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,KAAK,KAAK,SAClB,KAAK,GAAG,YAAY,KAAK,eAAe,GAAS,EAAO,UAAU,EAClE,KAAK,GAAG,aAAa,QAAQ,QAAQ;EAGrC,IAAM,IAAS,SAAS,cAAc,MAAM;AAI5C,EAHA,EAAO,YAAY,mBACnB,EAAO,aAAa,eAAe,OAAO,EAC1C,EAAO,YAAY,EAAO,QAAQ,EAAc,IAChD,KAAK,GAAG,YAAY,EAAO;EAG3B,IAAM,IAAY,SAAS,cAAc,MAAM;AAI/C,MAHA,EAAU,YAAY,sBAGlB,EAAO,UAAU,KAAA,GAAW;GAC9B,IAAM,IAAU,SAAS,cAAc,MAAM;AAG7C,GAFA,EAAQ,YAAY,oBACpB,EAAQ,cAAc,EAAO,OAC7B,EAAU,YAAY,EAAQ;;AAYhC,MARA,KAAK,gBAAgB,SAAS,cAAc,MAAM,EAClD,KAAK,cAAc,YAAY,0BAC/B,KAAK,cAAc,cAAc,EAAO,aACxC,EAAU,YAAY,KAAK,cAAc,EAEzC,KAAK,GAAG,YAAY,EAAU,EAG1B,EAAO,gBAAgB,IAAM;AAK/B,GAJA,KAAK,aAAa,SAAS,cAAc,SAAS,EAClD,KAAK,WAAW,YAAY,sBAC5B,KAAK,WAAW,aAAa,cAAc,UAAU,EACrD,KAAK,WAAW,OAAO,UACvB,KAAK,WAAW,cAAc;GAE9B,IAAM,UAAqB;AACzB,SAAK,SAAS;;AAIhB,GAFA,KAAK,yBAAyB,GAC9B,KAAK,WAAW,iBAAiB,SAAS,EAAa,EACvD,KAAK,GAAG,YAAY,KAAK,WAAW;;EAItC,IAAM,UAA0B;AAC9B,GAAI,KAAK,GAAG,UAAU,SAAS,uBAAuB,IACpD,KAAK,GAAG,QAAQ;;AAOpB,EAJA,KAAK,uBAAuB,GAC5B,KAAK,GAAG,iBAAiB,iBAAiB,EAAkB,EAGxD,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,eAAe,GAAoB;AACjC,OAAK,cAAc,cAAc;;CAInC,UAAgB;AAEd,EADA,KAAK,GAAG,UAAU,IAAI,uBAAuB,EACzC,KAAK,mBAAmB,KAAA,KAC1B,KAAK,gBAAgB;;CAKzB,UAAgB;AAOd,EANI,KAAK,eAAe,QAAQ,KAAK,2BAA2B,QAC9D,KAAK,WAAW,oBAAoB,SAAS,KAAK,uBAAuB,EAEvE,KAAK,yBAAyB,QAChC,KAAK,GAAG,oBAAoB,iBAAiB,KAAK,qBAAqB,EAEzE,KAAK,GAAG,QAAQ;;CAGlB,eAAuB,GAAuB,GAAwB;EACpE,IAAM,IAAU,CAAC,aAAa,cAAc,IAAU;AAItD,SAHI,KACF,EAAQ,KAAK,EAAM,EAEd,EAAQ,KAAK,IAAI"}

package/dist/display/alert/types.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Alert type definitions
+ * @countermeasure/web-components/display/alert
+ */
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+export interface AlertConfig {
+    container?: HTMLElement | string;
+    variant?: AlertVariant;
+    title?: string;
+    description: string;
+    icon?: string;
+    dismissible?: boolean;
+    className?: string;
+    onDismiss?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/display/alert/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/alert/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnE,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB"}

package/dist/display/aspect-ratio/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * AspectRatio - Container that maintains a specific aspect ratio
+ * @countermeasure/web-components/display/aspect-ratio
+ */
+export interface AspectRatioConfig {
+    container?: HTMLElement | string;
+    ratio?: number;
+    className?: string;
+}
+export declare class AspectRatio {
+    readonly el: HTMLDivElement;
+    private readonly contentEl;
+    constructor(config: AspectRatioConfig);
+    /** Returns the content div for mounting children */
+    getContent(): HTMLDivElement;
+    /** Update the aspect ratio */
+    setRatio(ratio: number): void;
+    /** Remove from the DOM */
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/aspect-ratio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/aspect-ratio/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAgB;gBAE9B,MAAM,EAAE,iBAAiB;IAwBrC,oDAAoD;IACpD,UAAU,IAAI,cAAc;IAI5B,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B,0BAA0B;IAC1B,OAAO,IAAI,IAAI;CAGhB"}

package/dist/display/aspect-ratio/index.js

@@ -0,0 +1,23 @@
+import { t as e } from "../../utils-Cn_W3h3f.js";
+//#region src/display/aspect-ratio/index.ts
+var t = class {
+	el;
+	contentEl;
+	constructor(t) {
+		let n = t.ratio ?? 1;
+		this.el = document.createElement("div"), this.el.className = "cmm-aspect-ratio", this.el.style.setProperty("--cmm-aspect-ratio", String(n)), t.className && this.el.classList.add(t.className), this.contentEl = document.createElement("div"), this.contentEl.className = "cmm-aspect-ratio__content", this.el.appendChild(this.contentEl), t.container !== void 0 && e(t.container).appendChild(this.el);
+	}
+	getContent() {
+		return this.contentEl;
+	}
+	setRatio(e) {
+		this.el.style.setProperty("--cmm-aspect-ratio", String(e));
+	}
+	destroy() {
+		this.el.remove();
+	}
+};
+//#endregion
+export { t as AspectRatio };
+
+//# sourceMappingURL=index.js.map

package/dist/display/aspect-ratio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/aspect-ratio/index.ts"],"sourcesContent":["/**\n * AspectRatio - Container that maintains a specific aspect ratio\n * @countermeasure/web-components/display/aspect-ratio\n */\n\nimport { resolveContainer } from '../../primitives/utils'\n\nexport interface AspectRatioConfig {\n  container?: HTMLElement | string\n  ratio?: number\n  className?: string\n}\n\nexport class AspectRatio {\n  public readonly el: HTMLDivElement\n\n  private readonly contentEl: HTMLDivElement\n\n  constructor(config: AspectRatioConfig) {\n    const ratio = config.ratio ?? 1\n\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-aspect-ratio'\n    this.el.style.setProperty('--cmm-aspect-ratio', String(ratio))\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Content container\n    this.contentEl = document.createElement('div')\n    this.contentEl.className = 'cmm-aspect-ratio__content'\n    this.el.appendChild(this.contentEl)\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Returns the content div for mounting children */\n  getContent(): HTMLDivElement {\n    return this.contentEl\n  }\n\n  /** Update the aspect ratio */\n  setRatio(ratio: number): void {\n    this.el.style.setProperty('--cmm-aspect-ratio', String(ratio))\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n}\n"],"mappings":";;AAaA,IAAa,IAAb,MAAyB;CACvB;CAEA;CAEA,YAAY,GAA2B;EACrC,IAAM,IAAQ,EAAO,SAAS;AAiB9B,EAdA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,oBACpB,KAAK,GAAG,MAAM,YAAY,sBAAsB,OAAO,EAAM,CAAC,EAE1D,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAIzC,KAAK,YAAY,SAAS,cAAc,MAAM,EAC9C,KAAK,UAAU,YAAY,6BAC3B,KAAK,GAAG,YAAY,KAAK,UAAU,EAG/B,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,aAA6B;AAC3B,SAAO,KAAK;;CAId,SAAS,GAAqB;AAC5B,OAAK,GAAG,MAAM,YAAY,sBAAsB,OAAO,EAAM,CAAC;;CAIhE,UAAgB;AACd,OAAK,GAAG,QAAQ"}

package/dist/display/avatar/avatar-group.d.ts

@@ -0,0 +1,19 @@
+import { AvatarGroupConfig } from './types';
+import { Avatar } from './index';
+export declare class AvatarGroup {
+    readonly el: HTMLDivElement;
+    private readonly maxCount;
+    private readonly groupSize;
+    private avatars;
+    private overflowEl;
+    constructor(config: AvatarGroupConfig);
+    /** Add a single avatar to the group */
+    add(avatar: Avatar): void;
+    /** Replace all avatars in the group */
+    setAvatars(avatars: Avatar[]): void;
+    /** Remove the group from the DOM */
+    destroy(): void;
+    private buildClassName;
+    private render;
+}
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/display/avatar/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../src/display/avatar/avatar-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,iBAAiB,EAAmB,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAA;AAGrC,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAY;IACtC,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,UAAU,CAA+B;gBAErC,MAAM,EAAE,iBAAiB;IAgBrC,uCAAuC;IACvC,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAKzB,uCAAuC;IACvC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAKnC,oCAAoC;IACpC,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,MAAM;CA0Bf"}