@legionworks/facet 1.9.0

package/dist/gallery/frame/chunks/packet-7NZHBO7P-xppm5913.js

@@ -0,0 +1,10 @@
+import {
+  PacketModule,
+  createPacketServices
+} from "./markdown-tnmabqvz.js";
+import"./markdown-dz3z5w30.js";
+import"./markdown-809k7q41.js";
+export {
+  PacketModule,
+  createPacketServices
+};

package/dist/gallery/frame/chunks/pegDiagram-VL7TDLO6-a2a4wg03.js

@@ -0,0 +1,163 @@
+import {
+  db,
+  getStyles,
+  renderer
+} from "./markdown-5avymm8t.js";
+import {
+  populateCommonDb
+} from "./markdown-b4s7ntq2.js";
+import {
+  MermaidParseError
+} from "./markdown-ceefymn8.js";
+import"./markdown-gx1p0ew0.js";
+import"./markdown-pxfeh231.js";
+import {
+  createRailroadPegServices
+} from "./markdown-y18mve73.js";
+import"./markdown-2x113yh8.js";
+import"./markdown-56enrf2r.js";
+import"./markdown-ag2sssf8.js";
+import"./markdown-tnmabqvz.js";
+import"./markdown-hab789t9.js";
+import"./markdown-gxye5frz.js";
+import"./markdown-k8xkn8mw.js";
+import"./markdown-p740v4qm.js";
+import"./markdown-ffg06nfz.js";
+import"./markdown-w6sgd54z.js";
+import"./markdown-rawhfvvc.js";
+import"./markdown-v14td68x.js";
+import"./markdown-dz3z5w30.js";
+import"./markdown-6zz8efx2.js";
+import"./markdown-92n37gd4.js";
+import {
+  log
+} from "./markdown-xw8dsk8b.js";
+import {
+  __name
+} from "./markdown-1s5vwkf2.js";
+import"./markdown-dy5sgjhc.js";
+import"./markdown-809k7q41.js";
+
+// node_modules/mermaid/dist/chunks/mermaid.core/pegDiagram-VL7TDLO6.mjs
+var langiumParser = createRailroadPegServices().RailroadPeg.parser.LangiumParser;
+var transformOrderedChoice = /* @__PURE__ */ __name((choice) => {
+  const alternatives = choice.alternatives.map(transformSequence);
+  if (alternatives.length === 1) {
+    return alternatives[0];
+  }
+  return {
+    type: "choice",
+    alternatives
+  };
+}, "transformOrderedChoice");
+var transformSequence = /* @__PURE__ */ __name((sequence) => {
+  const elements = sequence.elements.map(transformPrefix);
+  if (elements.length === 1) {
+    return elements[0];
+  }
+  return {
+    type: "sequence",
+    elements
+  };
+}, "transformSequence");
+var transformPrefix = /* @__PURE__ */ __name((prefix) => {
+  const inner = transformSuffix(prefix.suffix);
+  if (!prefix.operator) {
+    return inner;
+  }
+  const label = prefix.operator === "&" ? `&${nodeToLabel(inner)}` : `!${nodeToLabel(inner)}`;
+  return {
+    type: "special",
+    text: label
+  };
+}, "transformPrefix");
+var nodeToLabel = /* @__PURE__ */ __name((node) => {
+  switch (node.type) {
+    case "terminal":
+      return `"${node.value}"`;
+    case "nonterminal":
+      return node.name;
+    case "special":
+      return node.text;
+    default:
+      return "(...)";
+  }
+}, "nodeToLabel");
+var transformSuffix = /* @__PURE__ */ __name((suffix) => {
+  const inner = transformPrimary(suffix.primary);
+  if (!suffix.operator) {
+    return inner;
+  }
+  switch (suffix.operator) {
+    case "?":
+      return { type: "optional", element: inner };
+    case "*":
+      return { type: "repetition", element: inner, min: 0, max: Infinity };
+    case "+":
+      return { type: "repetition", element: inner, min: 1, max: Infinity };
+    default:
+      throw new Error(`Unsupported PEG suffix operator: ${suffix.operator}`);
+  }
+}, "transformSuffix");
+var transformPrimary = /* @__PURE__ */ __name((primary) => {
+  switch (primary.$type) {
+    case "PegLiteral":
+      return {
+        type: "terminal",
+        value: primary.value
+      };
+    case "PegIdentifier":
+      return {
+        type: "nonterminal",
+        name: primary.name
+      };
+    case "PegGroup":
+      return transformOrderedChoice(primary.element);
+    case "PegAny":
+      return {
+        type: "special",
+        text: primary.dot
+      };
+    default:
+      throw new Error(`Unsupported PEG primary node: ${primary.$type}`);
+  }
+}, "transformPrimary");
+var transformRule = /* @__PURE__ */ __name((rule) => {
+  return {
+    name: rule.name,
+    definition: transformOrderedChoice(rule.definition)
+  };
+}, "transformRule");
+var populateDb = /* @__PURE__ */ __name((ast) => {
+  populateCommonDb(ast, db);
+  if (ast.title) {
+    db.setTitle(ast.title);
+  }
+  ast.rules.map((rule) => db.addRule(transformRule(rule)));
+}, "populateDb");
+var parser = {
+  parse: /* @__PURE__ */ __name((input) => {
+    db.clear();
+    log.debug("[PEG Parser] Starting Langium parse");
+    const result = langiumParser.parse(input);
+    if (result.lexerErrors.length > 0 || result.parserErrors.length > 0) {
+      throw new MermaidParseError(result);
+    }
+    const ast = result.value;
+    log.debug("[PEG Parser] Parsed rules:", ast.rules.length);
+    populateDb(ast);
+    log.debug("[PEG Parser] Parse complete");
+  }, "parse"),
+  parser: {
+    yy: db
+  }
+};
+var diagram = {
+  parser,
+  db,
+  renderer,
+  styles: getStyles
+};
+export {
+  diagram
+};

package/dist/gallery/frame/chunks/pie-RZYD4A2V-hnbxk152.js

@@ -0,0 +1,10 @@
+import {
+  PieModule,
+  createPieServices
+} from "./markdown-hab789t9.js";
+import"./markdown-dz3z5w30.js";
+import"./markdown-809k7q41.js";
+export {
+  PieModule,
+  createPieServices
+};

package/dist/gallery/frame/chunks/pieDiagram-7S7Q4E2Y-f1vxjtmx.js

@@ -0,0 +1,311 @@
+import {
+  populateCommonDb
+} from "./markdown-b4s7ntq2.js";
+import {
+  parse
+} from "./markdown-ceefymn8.js";
+import"./markdown-gx1p0ew0.js";
+import"./markdown-pxfeh231.js";
+import"./markdown-y18mve73.js";
+import"./markdown-2x113yh8.js";
+import"./markdown-56enrf2r.js";
+import"./markdown-ag2sssf8.js";
+import"./markdown-tnmabqvz.js";
+import"./markdown-hab789t9.js";
+import"./markdown-gxye5frz.js";
+import"./markdown-k8xkn8mw.js";
+import"./markdown-p740v4qm.js";
+import"./markdown-ffg06nfz.js";
+import"./markdown-w6sgd54z.js";
+import"./markdown-rawhfvvc.js";
+import"./markdown-v14td68x.js";
+import"./markdown-dz3z5w30.js";
+import {
+  selectSvgElement
+} from "./markdown-6zz8efx2.js";
+import {
+  cleanAndMerge,
+  parseFontSize
+} from "./markdown-ff5wvb43.js";
+import"./markdown-pzgd8z3s.js";
+import {
+  clear,
+  configureSvgSize,
+  defaultConfig_default,
+  getAccDescription,
+  getAccTitle,
+  getConfig2,
+  getDiagramTitle,
+  setAccDescription,
+  setAccTitle,
+  setDiagramTitle
+} from "./markdown-92n37gd4.js";
+import {
+  log
+} from "./markdown-xw8dsk8b.js";
+import {
+  __name
+} from "./markdown-1s5vwkf2.js";
+import {
+  arc_default,
+  ordinal,
+  pie_default
+} from "./markdown-dy5sgjhc.js";
+import"./markdown-809k7q41.js";
+
+// node_modules/mermaid/dist/chunks/mermaid.core/pieDiagram-7S7Q4E2Y.mjs
+var DEFAULT_PIE_CONFIG = defaultConfig_default.pie;
+var DEFAULT_PIE_DB = {
+  sections: /* @__PURE__ */ new Map,
+  showData: false,
+  config: DEFAULT_PIE_CONFIG
+};
+var sections = DEFAULT_PIE_DB.sections;
+var showData = DEFAULT_PIE_DB.showData;
+var config = structuredClone(DEFAULT_PIE_CONFIG);
+var getConfig22 = /* @__PURE__ */ __name(() => structuredClone(config), "getConfig");
+var clear2 = /* @__PURE__ */ __name(() => {
+  sections = /* @__PURE__ */ new Map;
+  showData = DEFAULT_PIE_DB.showData;
+  clear();
+}, "clear");
+var addSection = /* @__PURE__ */ __name(({ label, value }) => {
+  if (value < 0) {
+    throw new Error(`"${label}" has invalid value: ${value}. Negative values are not allowed in pie charts. All slice values must be >= 0.`);
+  }
+  if (!sections.has(label)) {
+    sections.set(label, value);
+    log.debug(`added new section: ${label}, with value: ${value}`);
+  }
+}, "addSection");
+var getSections = /* @__PURE__ */ __name(() => sections, "getSections");
+var setShowData = /* @__PURE__ */ __name((toggle) => {
+  showData = toggle;
+}, "setShowData");
+var getShowData = /* @__PURE__ */ __name(() => showData, "getShowData");
+var db = {
+  getConfig: getConfig22,
+  clear: clear2,
+  setDiagramTitle,
+  getDiagramTitle,
+  setAccTitle,
+  getAccTitle,
+  setAccDescription,
+  getAccDescription,
+  addSection,
+  getSections,
+  setShowData,
+  getShowData
+};
+var populateDb = /* @__PURE__ */ __name((ast, db2) => {
+  populateCommonDb(ast, db2);
+  db2.setShowData(ast.showData);
+  ast.sections.map(db2.addSection);
+}, "populateDb");
+var parser = {
+  parse: /* @__PURE__ */ __name(async (input) => {
+    const ast = await parse("pie", input);
+    log.debug(ast);
+    populateDb(ast, db);
+  }, "parse")
+};
+var getStyles = /* @__PURE__ */ __name((options) => `
+  .pieCircle{
+    stroke: ${options.pieStrokeColor};
+    stroke-width : ${options.pieStrokeWidth};
+    opacity : ${options.pieOpacity};
+  }
+  .pieCircle.highlighted{
+    scale: 1.05;
+    opacity: 1;
+  }
+  .pieCircle.highlightedOnHover:hover{
+    transition-duration: 250ms;
+    scale: 1.05;
+    opacity: 1;
+  }
+  .pieOuterCircle{
+    stroke: ${options.pieOuterStrokeColor};
+    stroke-width: ${options.pieOuterStrokeWidth};
+    fill: none;
+  }
+  .pieTitleText {
+    text-anchor: middle;
+    font-size: ${options.pieTitleTextSize};
+    fill: ${options.pieTitleTextColor};
+    font-family: ${options.fontFamily};
+  }
+  .slice {
+    font-family: ${options.fontFamily};
+    fill: ${options.pieSectionTextColor};
+    font-size:${options.pieSectionTextSize};
+    // fill: white;
+  }
+  .legend text {
+    fill: ${options.pieLegendTextColor};
+    font-family: ${options.fontFamily};
+    font-size: ${options.pieLegendTextSize};
+  }
+`, "getStyles");
+var pieStyles_default = getStyles;
+var createPieArcs = /* @__PURE__ */ __name((sections2) => {
+  const sum = [...sections2.values()].reduce((acc, val) => acc + val, 0);
+  const pieData = [...sections2.entries()].map(([label, value]) => ({ label, value })).filter((d) => d.value / sum * 100 >= 1);
+  const pie = pie_default().value((d) => d.value).sort(null);
+  return pie(pieData);
+}, "createPieArcs");
+var draw = /* @__PURE__ */ __name((text, id, _version, diagObj) => {
+  log.debug(`rendering pie chart
+` + text);
+  const db2 = diagObj.db;
+  const globalConfig = getConfig2();
+  const pieConfig = cleanAndMerge(db2.getConfig(), globalConfig.pie);
+  const MARGIN = 40;
+  const LEGEND_RECT_SIZE = 18;
+  const LEGEND_SPACING = 4;
+  const height = 450;
+  const pieWidth = height;
+  const svg = selectSvgElement(id);
+  const group = svg.append("g");
+  group.attr("transform", "translate(" + pieWidth / 2 + "," + height / 2 + ")");
+  const { themeVariables } = globalConfig;
+  let [outerStrokeWidth] = parseFontSize(themeVariables.pieOuterStrokeWidth);
+  outerStrokeWidth ??= 2;
+  const legendPosition = pieConfig.legendPosition;
+  const textPosition = pieConfig.textPosition;
+  const innerHole = pieConfig.donutHole > 0 && pieConfig.donutHole <= 0.9 ? pieConfig.donutHole : 0;
+  const radius = Math.min(pieWidth, height) / 2 - MARGIN;
+  const arcGenerator = arc_default().innerRadius(innerHole * radius).outerRadius(radius);
+  const labelArcGenerator = arc_default().innerRadius(radius * textPosition).outerRadius(radius * textPosition);
+  const pie = group.append("g");
+  pie.append("circle").attr("cx", 0).attr("cy", 0).attr("r", radius + outerStrokeWidth / 2).attr("class", "pieOuterCircle");
+  const sections2 = db2.getSections();
+  const arcs = createPieArcs(sections2);
+  const myGeneratedColors = [
+    themeVariables.pie1,
+    themeVariables.pie2,
+    themeVariables.pie3,
+    themeVariables.pie4,
+    themeVariables.pie5,
+    themeVariables.pie6,
+    themeVariables.pie7,
+    themeVariables.pie8,
+    themeVariables.pie9,
+    themeVariables.pie10,
+    themeVariables.pie11,
+    themeVariables.pie12
+  ];
+  let sum = 0;
+  sections2.forEach((section) => {
+    sum += section;
+  });
+  const filteredArcs = arcs.filter((datum) => (datum.data.value / sum * 100).toFixed(0) !== "0");
+  const color = ordinal(myGeneratedColors).domain([
+    ...sections2.keys()
+  ]);
+  pie.selectAll("mySlices").data(filteredArcs).enter().append("path").attr("d", arcGenerator).attr("fill", (datum) => {
+    return color(datum.data.label);
+  }).attr("class", (datum) => {
+    let className = "pieCircle";
+    if (pieConfig.highlightSlice === "hover") {
+      className += " highlightedOnHover";
+    } else if (pieConfig.highlightSlice === datum.data.label) {
+      className += " highlighted";
+    }
+    return className;
+  });
+  pie.selectAll("mySlices").data(filteredArcs).enter().append("text").text((datum) => {
+    return (datum.data.value / sum * 100).toFixed(0) + "%";
+  }).attr("transform", (datum) => {
+    return "translate(" + labelArcGenerator.centroid(datum) + ")";
+  }).style("text-anchor", "middle").attr("class", "slice");
+  const titleText = group.append("text").text(db2.getDiagramTitle()).attr("x", 0).attr("y", -(height - 50) / 2).attr("class", "pieTitleText");
+  const allSectionData = [...sections2.entries()].map(([label, value]) => ({
+    label,
+    value
+  }));
+  const legend = group.selectAll(".legend").data(allSectionData).enter().append("g").attr("class", "legend");
+  legend.append("rect").attr("width", LEGEND_RECT_SIZE).attr("height", LEGEND_RECT_SIZE).style("fill", (d) => color(d.label)).style("stroke", (d) => color(d.label));
+  legend.append("text").attr("x", LEGEND_RECT_SIZE + LEGEND_SPACING).attr("y", LEGEND_RECT_SIZE - LEGEND_SPACING).text((d) => {
+    if (db2.getShowData()) {
+      return `${d.label} [${d.value}]`;
+    }
+    return d.label;
+  });
+  const longestTextWidth = Math.max(...legend.selectAll("text").nodes().map((node) => node?.getBoundingClientRect().width ?? 0));
+  let chartAndLegendHeight = height;
+  let chartAndLegendWidth = pieWidth + MARGIN;
+  const legendHeight = LEGEND_RECT_SIZE + LEGEND_SPACING;
+  const totalLegendHeight = allSectionData.length * legendHeight;
+  switch (legendPosition) {
+    case "center":
+      legend.attr("transform", (_datum, index) => {
+        const offset = legendHeight * allSectionData.length / 2;
+        const horizontal = -longestTextWidth / 2 - (LEGEND_RECT_SIZE + LEGEND_SPACING);
+        const vertical = index * legendHeight - offset;
+        return "translate(" + horizontal + "," + vertical + ")";
+      });
+      break;
+    case "top":
+      chartAndLegendHeight += totalLegendHeight;
+      legend.attr("transform", (_datum, index) => {
+        const offset = radius;
+        const horizontal = -longestTextWidth / 2 - (LEGEND_RECT_SIZE + LEGEND_SPACING);
+        const vertical = index * legendHeight - offset;
+        return `translate(${horizontal}, ${vertical})`;
+      });
+      pie.attr("transform", () => {
+        return `translate(0, ${totalLegendHeight + legendHeight})`;
+      });
+      break;
+    case "bottom":
+      chartAndLegendHeight += totalLegendHeight;
+      legend.attr("transform", (_datum, index) => {
+        const offset = -radius - legendHeight;
+        const horizontal = -longestTextWidth / 2 - (LEGEND_RECT_SIZE + LEGEND_SPACING);
+        const vertical = index * legendHeight - offset;
+        return "translate(" + horizontal + "," + vertical + ")";
+      });
+      break;
+    case "left":
+      chartAndLegendWidth += LEGEND_RECT_SIZE + LEGEND_SPACING + longestTextWidth;
+      legend.attr("transform", (_datum, index) => {
+        const offset = legendHeight * allSectionData.length / 2;
+        const horizontal = -radius - (LEGEND_RECT_SIZE + LEGEND_SPACING);
+        const vertical = index * legendHeight - offset;
+        return "translate(" + horizontal + "," + vertical + ")";
+      });
+      pie.attr("transform", () => {
+        return `translate(${longestTextWidth + LEGEND_RECT_SIZE + LEGEND_SPACING}, 0)`;
+      });
+      break;
+    case "right":
+    default:
+      chartAndLegendWidth += LEGEND_RECT_SIZE + LEGEND_SPACING + longestTextWidth;
+      legend.attr("transform", (_datum, index) => {
+        const offset = legendHeight * allSectionData.length / 2;
+        const horizontal = 12 * LEGEND_RECT_SIZE;
+        const vertical = index * legendHeight - offset;
+        return "translate(" + horizontal + "," + vertical + ")";
+      });
+      break;
+  }
+  const titleWidth = titleText.node()?.getBoundingClientRect().width ?? 0;
+  const titleLeft = pieWidth / 2 - titleWidth / 2;
+  const titleRight = pieWidth / 2 + titleWidth / 2;
+  const viewBoxX = Math.min(0, titleLeft);
+  const viewBoxRight = Math.max(chartAndLegendWidth, titleRight);
+  const totalWidth = viewBoxRight - viewBoxX;
+  svg.attr("viewBox", `${viewBoxX} 0 ${totalWidth} ${chartAndLegendHeight}`);
+  configureSvgSize(svg, chartAndLegendHeight, totalWidth, pieConfig.useMaxWidth);
+}, "draw");
+var renderer = { draw };
+var diagram = {
+  parser,
+  db,
+  renderer,
+  styles: pieStyles_default
+};
+export {
+  diagram
+};