@fusedashlabs/widgets 0.2.0

package/dist/components/histogram-chart/metadata.json.d.ts

@@ -0,0 +1,109 @@
+declare const _default: {
+  "id": "histogram-chart",
+  "tag": "ui9000-histogram-chart",
+  "title": "Histogram Chart",
+  "description": "Chat-optimized histogram rewritten in D3. Stacked bins, linear x-axis, no Redux.",
+  "chartTypeKeys": ["histogramChart"],
+  "source": "client/libs/shared/components/src/Widgets/HistogramChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/histogram-chart",
+  "entry": "@ui9000/widgets/histogram-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["label", "value"],
+              "properties": {
+                "label": { "type": "string" },
+                "value": { "type": "number" },
+                "color": { "type": "string" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "properties": {
+              "bins": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["x0", "x1", "stacks"],
+                  "properties": {
+                    "x0": { "type": "number" },
+                    "x1": { "type": "number" },
+                    "stacks": {
+                      "type": "array",
+                      "items": {
+                        "type": "object",
+                        "required": ["group", "count"],
+                        "properties": {
+                          "group": { "type": "string" },
+                          "count": { "type": "number" },
+                          "color": { "type": "string" }
+                        }
+                      }
+                    }
+                  }
+                }
+              },
+              "xMin": { "type": "number" },
+              "xMax": { "type": "number" }
+            },
+            "required": ["bins"]
+          },
+          {
+            "type": "object",
+            "properties": {
+              "xMin": { "type": "number" },
+              "xMax": { "type": "number" },
+              "groups": {
+                "type": "array",
+                "items": { "type": "string" }
+              },
+              "data": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["bucketIndex", "count"],
+                  "properties": {
+                    "bucketIndex": { "type": "number" },
+                    "count": { "type": "number" },
+                    "group": { "type": "string" },
+                    "color": { "type": "string" }
+                  }
+                }
+              }
+            },
+            "required": ["xMin", "xMax", "data"]
+          }
+        ]
+      },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"],
+        "default": "default"
+      },
+      "showGrid": { "type": "boolean", "default": true },
+      "showLegend": { "type": "boolean", "default": true },
+      "showTooltip": { "type": "boolean", "default": true },
+      "xLabel": { "type": "string" },
+      "yLabel": { "type": "string" }
+    },
+    "required": ["data"]
+  }
+}
+;
+
+export default _default;

package/dist/components/histogram-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "histogram-chart";
+const tag = "ui9000-histogram-chart";
+const title = "Histogram Chart";
+const description = "Chat-optimized histogram rewritten in D3. Stacked bins, linear x-axis, no Redux.";
+const chartTypeKeys = ["histogramChart"];
+const source = "client/libs/shared/components/src/Widgets/HistogramChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/histogram-chart";
+const entry = "@ui9000/widgets/histogram-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "resize"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } }, { "type": "object", "properties": { "bins": { "type": "array", "items": { "type": "object", "required": ["x0", "x1", "stacks"], "properties": { "x0": { "type": "number" }, "x1": { "type": "number" }, "stacks": { "type": "array", "items": { "type": "object", "required": ["group", "count"], "properties": { "group": { "type": "string" }, "count": { "type": "number" }, "color": { "type": "string" } } } } } } }, "xMin": { "type": "number" }, "xMax": { "type": "number" } }, "required": ["bins"] }, { "type": "object", "properties": { "xMin": { "type": "number" }, "xMax": { "type": "number" }, "groups": { "type": "array", "items": { "type": "string" } }, "data": { "type": "array", "items": { "type": "object", "required": ["bucketIndex", "count"], "properties": { "bucketIndex": { "type": "number" }, "count": { "type": "number" }, "group": { "type": "string" }, "color": { "type": "string" } } } } }, "required": ["xMin", "xMax", "data"] }] }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" } }, "required": ["data"] };
+const histogramMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  histogramMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/histogram-chart/metadata.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/histogram-chart/render/draw.d.ts

@@ -0,0 +1,31 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { HistogramModel, HistogramStack } from '../lib/index.js';
+export interface RenderHistogramOptions extends AxisLabelTooltipHandlers {
+    model: HistogramModel;
+    width: number;
+    height: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    showGrid?: boolean;
+    xLabel?: string;
+    yLabel?: string;
+    onStackHover?: (payload: {
+        binIndex: number;
+        x0: number;
+        x1: number;
+        stack: HistogramStack;
+        event: MouseEvent;
+    }) => void;
+    onStackLeave?: () => void;
+}
+/**
+ * FuseDash HistogramChart plot — translate(margin) then inner plot scales.
+ */
+export declare function renderHistogramChart(container: HTMLElement, options: RenderHistogramOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/histogram-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/histogram-chart/render/draw.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAQ9E,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB;IACtE,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,cAAc,CAAC;QACtB,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAeD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,sBAAsB,GAC9B,IAAI,CAsON"}

package/dist/components/histogram-chart/render/draw.js

@@ -0,0 +1,132 @@
+import { axisLeft, axisBottom } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { resolvePlotLeftMargin, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, formatCompactNumber, calculateNumTicks, seriesColor } from "../../../utils/fusedash-visual.js";
+import { collectYMax, collectBinKeys } from "../lib/domain.js";
+function groupColor(group, groups, override, theme) {
+  if (override) return override;
+  const gi = Math.max(0, groups.indexOf(group));
+  if (gi === 0 && theme.primary) return theme.primary;
+  if (gi === 1 && theme.secondary) return theme.secondary;
+  return seriesColor(gi);
+}
+function renderHistogramChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin = { ...FD.histogramMargin },
+    theme,
+    showGrid = true,
+    xLabel,
+    yLabel,
+    onStackHover,
+    onStackLeave
+  } = options;
+  container.replaceChildren();
+  if (!model.bins.length || width <= 0 || height <= 0) return;
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 1)
+  };
+  const plotW = width - m.left - m.right;
+  const plotH = height - m.top - m.bottom;
+  if (plotW < 8 || plotH < 8) return;
+  const yMax = collectYMax(model);
+  const domainMax = yMax === 0 ? 1 : yMax * 1.2;
+  const numTicks = calculateNumTicks(plotH);
+  const binKeys = collectBinKeys(model);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Histogram chart").style("display", "block").style("font-family", theme.fontFamily);
+  const g = svg.append("g").attr("class", "plot").attr("transform", `translate(${m.left},${m.top})`);
+  const xBand = scaleBand().domain(binKeys).range([0, plotW]).padding(0);
+  const xLinear = scaleLinear().domain([model.xMin, model.xMax]).rangeRound([0, plotW]).clamp(true);
+  const yScale = scaleLinear().domain([0, domainMax]).nice().range([plotH, 0]);
+  const yTicks = yScale.ticks(numTicks);
+  if (showGrid) {
+    const yGrid = g.append("g").attr("class", "y-grid");
+    for (const t of yTicks) {
+      yGrid.append("line").attr("x1", 0).attr("x2", plotW).attr("y1", yScale(t)).attr("y2", yScale(t)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", 1).attr("shape-rendering", "crispEdges");
+    }
+    const xTicks = xLinear.ticks(Math.min(8, Math.max(2, binKeys.length)));
+    const xGrid = g.append("g").attr("class", "x-grid");
+    for (const t of xTicks) {
+      xGrid.append("line").attr("x1", xLinear(t)).attr("x2", xLinear(t)).attr("y1", 0).attr("y2", plotH).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", 1).attr("shape-rendering", "crispEdges");
+    }
+  }
+  for (const bin of model.bins) {
+    const key = String(bin.index);
+    const bx = xBand(key) ?? 0;
+    const bw = xBand.bandwidth();
+    const binG = g.append("g").attr("class", `bin-group bin-${bin.index}`);
+    for (const stack of bin.stacks) {
+      const yTop = yScale(stack.end);
+      const yBot = yScale(stack.start);
+      const h = Math.max(0, yBot - yTop);
+      const color = groupColor(stack.group, model.groups, stack.color, theme);
+      const rect = binG.append("rect").attr("class", "bin").attr("x", bx).attr("width", bw).attr("y", yTop).attr("height", h).attr("fill", color).attr("fill-opacity", 0.8).style("cursor", onStackHover ? "pointer" : "default");
+      if (onStackHover) {
+        rect.on("mouseenter", function(event) {
+          g.selectAll(".bin").attr("opacity", 0.2);
+          select(this).attr("opacity", 1);
+          onStackHover({
+            binIndex: bin.index,
+            x0: bin.x0,
+            x1: bin.x1,
+            stack,
+            event
+          });
+        }).on("mousemove", (event) => {
+          onStackHover({
+            binIndex: bin.index,
+            x0: bin.x0,
+            x1: bin.x1,
+            stack,
+            event
+          });
+        }).on("mouseleave", () => {
+          g.selectAll(".bin").attr("opacity", 1);
+          onStackLeave == null ? void 0 : onStackLeave();
+        });
+      }
+    }
+  }
+  const yAxis = g.append("g").attr("class", "y-axis").call(
+    axisLeft(yScale).tickValues(yTicks).tickSize(0).tickPadding(0).tickFormat((d) => {
+      const n = Number(d);
+      const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+      return formatCompactNumber(n, decimals);
+    })
+  );
+  yAxis.select(".domain").attr("stroke", FD.axisStroke).attr("stroke-dasharray", FD.gridDash);
+  applyLeftGutterYAxisLabels(yAxis, m.left);
+  yAxis.selectAll(".tick").append("line").attr("class", "tick-line").attr("x1", -4).attr("x2", 0).attr("y1", 0).attr("y2", 0).attr("stroke", FD.axisStroke).attr("stroke-width", 1);
+  const xAxis = g.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotH})`).call(
+    axisBottom(xLinear).tickSizeOuter(0).tickSize(0).tickPadding(8).tickFormat((d) => {
+      const n = Number(d);
+      const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+      return formatCompactNumber(n, decimals);
+    })
+  );
+  xAxis.select(".domain").attr("stroke", FD.axisStroke);
+  xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+  const xTickNodes = xAxis.selectAll("text").nodes();
+  if (xTickNodes.length > 0) {
+    select(xTickNodes[0]).attr("text-anchor", "start");
+    if (xTickNodes.length > 1) {
+      select(xTickNodes[xTickNodes.length - 1]).attr("text-anchor", "end");
+    }
+  }
+  if (xLabel) {
+    g.append("text").attr("x", plotW / 2).attr("y", plotH + m.bottom - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+  }
+  if (yLabel) {
+    g.append("text").attr("x", 4).attr("y", -4).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(yLabel);
+  }
+}
+export {
+  renderHistogramChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/histogram-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/histogram-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { applyLeftGutterYAxisLabels, resolvePlotLeftMargin } from '../../../utils/axis-labels.js';\nimport {\n  calculateNumTicks,\n  FD,\n  formatCompactNumber,\n  seriesColor as fdSeriesColor,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  collectBinKeys,\n  collectYMax,\n  type HistogramModel,\n  type HistogramStack,\n} from '../lib/index.js';\n\nexport interface RenderHistogramOptions extends AxisLabelTooltipHandlers {\n  model: HistogramModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  showGrid?: boolean;\n  xLabel?: string;\n  yLabel?: string;\n  onStackHover?: (payload: {\n    binIndex: number;\n    x0: number;\n    x1: number;\n    stack: HistogramStack;\n    event: MouseEvent;\n  }) => void;\n  onStackLeave?: () => void;\n}\n\nfunction groupColor(\n  group: string,\n  groups: string[],\n  override: string | undefined,\n  theme: WidgetTheme,\n): string {\n  if (override) return override;\n  const gi = Math.max(0, groups.indexOf(group));\n  if (gi === 0 && theme.primary) return theme.primary;\n  if (gi === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(gi);\n}\n\n/**\n * FuseDash HistogramChart plot — translate(margin) then inner plot scales.\n */\nexport function renderHistogramChart(\n  container: HTMLElement,\n  options: RenderHistogramOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin = { ...FD.histogramMargin },\n    theme,\n    showGrid = true,\n    xLabel,\n    yLabel,\n    onStackHover,\n    onStackLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!model.bins.length || width <= 0 || height <= 0) return;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 1),\n  };\n\n  const plotW = width - m.left - m.right;\n  const plotH = height - m.top - m.bottom;\n  if (plotW < 8 || plotH < 8) return;\n\n  const yMax = collectYMax(model);\n  const domainMax = yMax === 0 ? 1 : yMax * 1.2;\n  const numTicks = calculateNumTicks(plotH);\n  const binKeys = collectBinKeys(model);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Histogram chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const g = svg\n    .append('g')\n    .attr('class', 'plot')\n    .attr('transform', `translate(${m.left},${m.top})`);\n\n  const xBand = scaleBand<string>().domain(binKeys).range([0, plotW]).padding(0);\n\n  const xLinear = scaleLinear()\n    .domain([model.xMin, model.xMax])\n    .rangeRound([0, plotW])\n    .clamp(true);\n\n  const yScale = scaleLinear()\n    .domain([0, domainMax])\n    .nice()\n    .range([plotH, 0]);\n\n  const yTicks = yScale.ticks(numTicks);\n\n  if (showGrid) {\n    // y-grid (dashed horizontal)\n    const yGrid = g.append('g').attr('class', 'y-grid');\n    for (const t of yTicks) {\n      yGrid\n        .append('line')\n        .attr('x1', 0)\n        .attr('x2', plotW)\n        .attr('y1', yScale(t))\n        .attr('y2', yScale(t))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('stroke-width', 1)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    // x-grid from linear axis ticks\n    const xTicks = xLinear.ticks(Math.min(8, Math.max(2, binKeys.length)));\n    const xGrid = g.append('g').attr('class', 'x-grid');\n    for (const t of xTicks) {\n      xGrid\n        .append('line')\n        .attr('x1', xLinear(t))\n        .attr('x2', xLinear(t))\n        .attr('y1', 0)\n        .attr('y2', plotH)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('stroke-width', 1)\n        .attr('shape-rendering', 'crispEdges');\n    }\n  }\n\n  // Stacked rects\n  for (const bin of model.bins) {\n    const key = String(bin.index);\n    const bx = xBand(key) ?? 0;\n    const bw = xBand.bandwidth();\n    const binG = g.append('g').attr('class', `bin-group bin-${bin.index}`);\n\n    for (const stack of bin.stacks) {\n      const yTop = yScale(stack.end);\n      const yBot = yScale(stack.start);\n      const h = Math.max(0, yBot - yTop);\n      const color = groupColor(stack.group, model.groups, stack.color, theme);\n\n      const rect = binG\n        .append('rect')\n        .attr('class', 'bin')\n        .attr('x', bx)\n        .attr('width', bw)\n        .attr('y', yTop)\n        .attr('height', h)\n        .attr('fill', color)\n        .attr('fill-opacity', 0.8)\n        .style('cursor', onStackHover ? 'pointer' : 'default');\n\n      if (onStackHover) {\n        rect\n          .on('mouseenter', function (this: SVGRectElement, event: MouseEvent) {\n            g.selectAll('.bin').attr('opacity', 0.2);\n            select(this).attr('opacity', 1);\n            onStackHover({\n              binIndex: bin.index,\n              x0: bin.x0,\n              x1: bin.x1,\n              stack,\n              event,\n            });\n          })\n          .on('mousemove', (event: MouseEvent) => {\n            onStackHover({\n              binIndex: bin.index,\n              x0: bin.x0,\n              x1: bin.x1,\n              stack,\n              event,\n            });\n          })\n          .on('mouseleave', () => {\n            g.selectAll('.bin').attr('opacity', 1);\n            onStackLeave?.();\n          });\n      }\n    }\n  }\n\n  // y-axis\n  const yAxis = g\n    .append('g')\n    .attr('class', 'y-axis')\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(0)\n        .tickPadding(0)\n        .tickFormat((d) => {\n          const n = Number(d);\n          const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n          return formatCompactNumber(n, decimals);\n        }),\n    );\n  yAxis\n    .select('.domain')\n    .attr('stroke', FD.axisStroke)\n    .attr('stroke-dasharray', FD.gridDash);\n  applyLeftGutterYAxisLabels(yAxis, m.left);\n\n  yAxis\n    .selectAll('.tick')\n    .append('line')\n    .attr('class', 'tick-line')\n    .attr('x1', -4)\n    .attr('x2', 0)\n    .attr('y1', 0)\n    .attr('y2', 0)\n    .attr('stroke', FD.axisStroke)\n    .attr('stroke-width', 1);\n\n  // x-axis (linear domain)\n  const xAxis = g\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotH})`)\n    .call(\n      axisBottom(xLinear)\n        .tickSizeOuter(0)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d) => {\n          const n = Number(d);\n          const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n          return formatCompactNumber(n, decimals);\n        }),\n    );\n  xAxis.select('.domain').attr('stroke', FD.axisStroke);\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'middle');\n\n  const xTickNodes = xAxis.selectAll<SVGTextElement, number>('text').nodes();\n  if (xTickNodes.length > 0) {\n    select(xTickNodes[0]).attr('text-anchor', 'start');\n    if (xTickNodes.length > 1) {\n      select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n    }\n  }\n\n  if (xLabel) {\n    g.append('text')\n      .attr('x', plotW / 2)\n      .attr('y', plotH + m.bottom - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  if (yLabel) {\n    g.append('text')\n      .attr('x', 4)\n      .attr('y', -4)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":["fdSeriesColor"],"mappings":";;;;;;AAuCA,SAAS,WACP,OACA,QACA,UACA,OACQ;AACR,MAAI,SAAU,QAAO;AACrB,QAAM,KAAK,KAAK,IAAI,GAAG,OAAO,QAAQ,KAAK,CAAC;AAC5C,MAAI,OAAO,KAAK,MAAM,gBAAgB,MAAM;AAC5C,MAAI,OAAO,KAAK,MAAM,kBAAkB,MAAM;AAC9C,SAAOA,YAAc,EAAE;AACzB;AAKO,SAAS,qBACd,WACA,SACM;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,EAAE,GAAG,GAAG,gBAAA;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,YAAU,gBAAA;AACV,MAAI,CAAC,MAAM,KAAK,UAAU,SAAS,KAAK,UAAU,EAAG;AAErD,QAAM,IAAI;AAAA,IACR,KAAK,OAAO;AAAA,IACZ,QAAQ,OAAO;AAAA,IACf,MAAM,sBAAsB,OAAO,IAAI;AAAA,IACvC,OAAO,KAAK,IAAI,OAAO,OAAO,CAAC;AAAA,EAAA;AAGjC,QAAM,QAAQ,QAAQ,EAAE,OAAO,EAAE;AACjC,QAAM,QAAQ,SAAS,EAAE,MAAM,EAAE;AACjC,MAAI,QAAQ,KAAK,QAAQ,EAAG;AAE5B,QAAM,OAAO,YAAY,KAAK;AAC9B,QAAM,YAAY,SAAS,IAAI,IAAI,OAAO;AAC1C,QAAM,WAAW,kBAAkB,KAAK;AACxC,QAAM,UAAU,eAAe,KAAK;AAEpC,QAAM,MAAM,OAAO,SAAS,EACzB,OAAO,KAAK,EACZ,KAAK,SAAS,KAAK,EACnB,KAAK,UAAU,MAAM,EACrB,KAAK,QAAQ,KAAK,EAClB,KAAK,cAAc,iBAAiB,EACpC,MAAM,WAAW,OAAO,EACxB,MAAM,eAAe,MAAM,UAAU;AAExC,QAAM,IAAI,IACP,OAAO,GAAG,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,aAAa,aAAa,EAAE,IAAI,IAAI,EAAE,GAAG,GAAG;AAEpD,QAAM,QAAQ,YAAoB,OAAO,OAAO,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,QAAQ,CAAC;AAE7E,QAAM,UAAU,YAAA,EACb,OAAO,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC,EAC/B,WAAW,CAAC,GAAG,KAAK,CAAC,EACrB,MAAM,IAAI;AAEb,QAAM,SAAS,YAAA,EACZ,OAAO,CAAC,GAAG,SAAS,CAAC,EACrB,OACA,MAAM,CAAC,OAAO,CAAC,CAAC;AAEnB,QAAM,SAAS,OAAO,MAAM,QAAQ;AAEpC,MAAI,UAAU;AAEZ,UAAM,QAAQ,EAAE,OAAO,GAAG,EAAE,KAAK,SAAS,QAAQ;AAClD,eAAW,KAAK,QAAQ;AACtB,YACG,OAAO,MAAM,EACb,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,KAAK,EAChB,KAAK,MAAM,OAAO,CAAC,CAAC,EACpB,KAAK,MAAM,OAAO,CAAC,CAAC,EACpB,KAAK,UAAU,GAAG,UAAU,EAC5B,KAAK,oBAAoB,GAAG,QAAQ,EACpC,KAAK,gBAAgB,CAAC,EACtB,KAAK,mBAAmB,YAAY;AAAA,IACzC;AAGA,UAAM,SAAS,QAAQ,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,QAAQ,MAAM,CAAC,CAAC;AACrE,UAAM,QAAQ,EAAE,OAAO,GAAG,EAAE,KAAK,SAAS,QAAQ;AAClD,eAAW,KAAK,QAAQ;AACtB,YACG,OAAO,MAAM,EACb,KAAK,MAAM,QAAQ,CAAC,CAAC,EACrB,KAAK,MAAM,QAAQ,CAAC,CAAC,EACrB,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,KAAK,EAChB,KAAK,UAAU,GAAG,UAAU,EAC5B,KAAK,oBAAoB,GAAG,QAAQ,EACpC,KAAK,gBAAgB,CAAC,EACtB,KAAK,mBAAmB,YAAY;AAAA,IACzC;AAAA,EACF;AAGA,aAAW,OAAO,MAAM,MAAM;AAC5B,UAAM,MAAM,OAAO,IAAI,KAAK;AAC5B,UAAM,KAAK,MAAM,GAAG,KAAK;AACzB,UAAM,KAAK,MAAM,UAAA;AACjB,UAAM,OAAO,EAAE,OAAO,GAAG,EAAE,KAAK,SAAS,iBAAiB,IAAI,KAAK,EAAE;AAErE,eAAW,SAAS,IAAI,QAAQ;AAC9B,YAAM,OAAO,OAAO,MAAM,GAAG;AAC7B,YAAM,OAAO,OAAO,MAAM,KAAK;AAC/B,YAAM,IAAI,KAAK,IAAI,GAAG,OAAO,IAAI;AACjC,YAAM,QAAQ,WAAW,MAAM,OAAO,MAAM,QAAQ,MAAM,OAAO,KAAK;AAEtE,YAAM,OAAO,KACV,OAAO,MAAM,EACb,KAAK,SAAS,KAAK,EACnB,KAAK,KAAK,EAAE,EACZ,KAAK,SAAS,EAAE,EAChB,KAAK,KAAK,IAAI,EACd,KAAK,UAAU,CAAC,EAChB,KAAK,QAAQ,KAAK,EAClB,KAAK,gBAAgB,GAAG,EACxB,MAAM,UAAU,eAAe,YAAY,SAAS;AAEvD,UAAI,cAAc;AAChB,aACG,GAAG,cAAc,SAAgC,OAAmB;AACnE,YAAE,UAAU,MAAM,EAAE,KAAK,WAAW,GAAG;AACvC,iBAAO,IAAI,EAAE,KAAK,WAAW,CAAC;AAC9B,uBAAa;AAAA,YACX,UAAU,IAAI;AAAA,YACd,IAAI,IAAI;AAAA,YACR,IAAI,IAAI;AAAA,YACR;AAAA,YACA;AAAA,UAAA,CACD;AAAA,QACH,CAAC,EACA,GAAG,aAAa,CAAC,UAAsB;AACtC,uBAAa;AAAA,YACX,UAAU,IAAI;AAAA,YACd,IAAI,IAAI;AAAA,YACR,IAAI,IAAI;AAAA,YACR;AAAA,YACA;AAAA,UAAA,CACD;AAAA,QACH,CAAC,EACA,GAAG,cAAc,MAAM;AACtB,YAAE,UAAU,MAAM,EAAE,KAAK,WAAW,CAAC;AACrC;AAAA,QACF,CAAC;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAGA,QAAM,QAAQ,EACX,OAAO,GAAG,EACV,KAAK,SAAS,QAAQ,EACtB;AAAA,IACC,SAAS,MAAM,EACZ,WAAW,MAAM,EACjB,SAAS,CAAC,EACV,YAAY,CAAC,EACb,WAAW,CAAC,MAAM;AACjB,YAAM,IAAI,OAAO,CAAC;AAClB,YAAM,WAAW,OAAO,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,MAAO,IAAI;AACjE,aAAO,oBAAoB,GAAG,QAAQ;AAAA,IACxC,CAAC;AAAA,EAAA;AAEP,QACG,OAAO,SAAS,EAChB,KAAK,UAAU,GAAG,UAAU,EAC5B,KAAK,oBAAoB,GAAG,QAAQ;AACvC,6BAA2B,OAAO,EAAE,IAAI;AAExC,QACG,UAAU,OAAO,EACjB,OAAO,MAAM,EACb,KAAK,SAAS,WAAW,EACzB,KAAK,MAAM,EAAE,EACb,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC,EACZ,KAAK,UAAU,GAAG,UAAU,EAC5B,KAAK,gBAAgB,CAAC;AAGzB,QAAM,QAAQ,EACX,OAAO,GAAG,EACV,KAAK,SAAS,QAAQ,EACtB,KAAK,aAAa,eAAe,KAAK,GAAG,EACzC;AAAA,IACC,WAAW,OAAO,EACf,cAAc,CAAC,EACf,SAAS,CAAC,EACV,YAAY,CAAC,EACb,WAAW,CAAC,MAAM;AACjB,YAAM,IAAI,OAAO,CAAC;AAClB,YAAM,WAAW,OAAO,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,MAAO,IAAI;AACjE,aAAO,oBAAoB,GAAG,QAAQ;AAAA,IACxC,CAAC;AAAA,EAAA;AAEP,QAAM,OAAO,SAAS,EAAE,KAAK,UAAU,GAAG,UAAU;AACpD,QACG,UAAU,MAAM,EAChB,KAAK,QAAQ,GAAG,aAAa,EAC7B,KAAK,aAAa,GAAG,aAAa,EAClC,KAAK,eAAe,QAAQ;AAE/B,QAAM,aAAa,MAAM,UAAkC,MAAM,EAAE,MAAA;AACnE,MAAI,WAAW,SAAS,GAAG;AACzB,WAAO,WAAW,CAAC,CAAC,EAAE,KAAK,eAAe,OAAO;AACjD,QAAI,WAAW,SAAS,GAAG;AACzB,aAAO,WAAW,WAAW,SAAS,CAAC,CAAC,EAAE,KAAK,eAAe,KAAK;AAAA,IACrE;AAAA,EACF;AAEA,MAAI,QAAQ;AACV,MAAE,OAAO,MAAM,EACZ,KAAK,KAAK,QAAQ,CAAC,EACnB,KAAK,KAAK,QAAQ,EAAE,SAAS,CAAC,EAC9B,KAAK,eAAe,QAAQ,EAC5B,KAAK,QAAQ,GAAG,aAAa,EAC7B,KAAK,aAAa,GAAG,aAAa,EAClC,KAAK,MAAM;AAAA,EAChB;AAEA,MAAI,QAAQ;AACV,MAAE,OAAO,MAAM,EACZ,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,EAAE,EACZ,KAAK,eAAe,OAAO,EAC3B,KAAK,QAAQ,GAAG,aAAa,EAC7B,KAAK,aAAa,GAAG,aAAa,EAClC,KAAK,MAAM;AAAA,EAChB;AACF;"}

package/dist/components/histogram-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderHistogramChart, type RenderHistogramOptions } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/histogram-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/histogram-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,KAAK,sBAAsB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/kpi-widget/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const kpiWidgetStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/kpi-widget/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/kpi-widget/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA6I3B,CAAC"}

package/dist/components/kpi-widget/element/styles.js

@@ -0,0 +1,147 @@
+import { css } from "lit";
+const kpiWidgetStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 95px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+
+  .kpi-root[data-single='true'] {
+    min-height: 120px;
+  }
+
+  .kpi-root {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+  }
+
+  .kpi-grid {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+  }
+
+  .kpi-grid[data-layout='grid'] {
+    display: grid;
+    grid-auto-rows: minmax(72px, 1fr);
+    gap: 0;
+    align-content: start;
+  }
+
+  .kpi-grid[data-layout='single'] {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: stretch;
+  }
+
+  .kpi-grid[data-scroll='vertical'] {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  .kpi-grid[data-scroll='horizontal'] {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  .kpi-grid[data-scroll='both'] {
+    overflow: auto;
+  }
+
+  .kpi-grid {
+    scrollbar-width: thin;
+  }
+
+  .kpi-card {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    min-width: 0;
+    padding: 10px 12px;
+    box-sizing: border-box;
+  }
+
+  .kpi-grid[data-layout='single'] .kpi-card {
+    padding: 14px;
+  }
+
+  .kpi-name {
+    margin: 0 0 4px;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 1.3;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .kpi-value-row {
+    display: flex;
+    align-items: baseline;
+    gap: 4px;
+    flex-wrap: wrap;
+  }
+
+  .kpi-value {
+    margin: 0;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 1.15;
+    color: var(--ui9000-color-text, #111827);
+  }
+
+  .kpi-unit {
+    font-size: 14px;
+    font-weight: 300;
+  }
+
+  .kpi-indicator {
+    font-size: 12px;
+    font-weight: 600;
+    color: var(--ui9000-color-text-muted, #6b7280);
+  }
+
+  .kpi-subtitle {
+    margin: 6px 0 0;
+    padding-left: 15px;
+    position: relative;
+    font-size: 12px;
+    line-height: 1.35;
+    color: var(--ui9000-color-text-muted, #6b7280);
+  }
+
+  .kpi-subtitle::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    transform: translateY(-50%);
+    background: var(--ui9000-color-text-muted, #6b7280);
+  }
+
+  .empty {
+    display: grid;
+    place-items: center;
+    flex: 1;
+    min-height: 72px;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 13px;
+  }
+`;
+export {
+  kpiWidgetStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/kpi-widget/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/kpi-widget/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const kpiWidgetStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 95px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n\n  .kpi-root[data-single='true'] {\n    min-height: 120px;\n  }\n\n  .kpi-root {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n\n  .kpi-grid {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .kpi-grid[data-layout='grid'] {\n    display: grid;\n    grid-auto-rows: minmax(72px, 1fr);\n    gap: 0;\n    align-content: start;\n  }\n\n  .kpi-grid[data-layout='single'] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: stretch;\n  }\n\n  .kpi-grid[data-scroll='vertical'] {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n\n  .kpi-grid[data-scroll='horizontal'] {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .kpi-grid[data-scroll='both'] {\n    overflow: auto;\n  }\n\n  .kpi-grid {\n    scrollbar-width: thin;\n  }\n\n  .kpi-card {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-width: 0;\n    padding: 10px 12px;\n    box-sizing: border-box;\n  }\n\n  .kpi-grid[data-layout='single'] .kpi-card {\n    padding: 14px;\n  }\n\n  .kpi-name {\n    margin: 0 0 4px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 1.3;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .kpi-value-row {\n    display: flex;\n    align-items: baseline;\n    gap: 4px;\n    flex-wrap: wrap;\n  }\n\n  .kpi-value {\n    margin: 0;\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.15;\n    color: var(--ui9000-color-text, #111827);\n  }\n\n  .kpi-unit {\n    font-size: 14px;\n    font-weight: 300;\n  }\n\n  .kpi-indicator {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--ui9000-color-text-muted, #6b7280);\n  }\n\n  .kpi-subtitle {\n    margin: 6px 0 0;\n    padding-left: 15px;\n    position: relative;\n    font-size: 12px;\n    line-height: 1.35;\n    color: var(--ui9000-color-text-muted, #6b7280);\n  }\n\n  .kpi-subtitle::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    transform: translateY(-50%);\n    background: var(--ui9000-color-text-muted, #6b7280);\n  }\n\n  .empty {\n    display: grid;\n    place-items: center;\n    flex: 1;\n    min-height: 72px;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 13px;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/kpi-widget/element/ui9000-kpi-widget.d.ts

@@ -0,0 +1,25 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000KpiWidget extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    private _cards;
+    private _gridColumns;
+    private _scrollAxis;
+    private _resizeObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private updateGridLayout;
+    private renderValue;
+    private renderCard;
+    render(): import('lit').TemplateResult<1>;
+}
+export declare function registerKpiWidget(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-kpi-widget': Ui9000KpiWidget;
+    }
+}
+//# sourceMappingURL=ui9000-kpi-widget.d.ts.map

package/dist/components/kpi-widget/element/ui9000-kpi-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-kpi-widget.d.ts","sourceRoot":"","sources":["../../../../src/components/kpi-widget/element/ui9000-kpi-widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAa3D,qBACa,eAAgB,SAAQ,kBAAkB;IACrD,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,OAAO,CAAC,MAAM,CAAsB;IAGpC,OAAO,CAAC,YAAY,CAAK;IAGzB,OAAO,CAAC,WAAW,CAAiC;IAEpD,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEhC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQ/C,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,UAAU;IAUT,MAAM;CA6BhB;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}