@ktnpm_devops/react-component 0.17.0 → 0.18.0

package/dist/index76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index76.js","sources":["../src/charts/ScatterChartCard/buildScatterOption.ts"],"sourcesContent":["import type { FoldedPoint } from './foldPoints';\nimport { CHART_COLORS, SCATTER } from '../../constants';\n\n/** Distance from each axis line to its name (px — echarts canvas attributes, not CSS). */\nconst AXIS_NAME_GAP = { X: 28, Y: 38 } as const;\n\n/**\n * Grid margins (px). `containLabel` reserves room for the tick *labels* only, so\n * the axis names and the legend need their own margin or they get clipped at the\n * canvas edge. Each margin must exceed its `AXIS_NAME_GAP` by a text height.\n */\nconst GRID_MARGIN = {\n  BASE: 8,\n  TOP: 16,\n  RIGHT: 16,\n  X_NAME: 23,\n  Y_NAME: 34,\n  LEGEND: 30,\n} as const;\n\n/** Series name used when no point carries a category. */\nconst UNCATEGORISED_SERIES = 'Points';\n\nexport interface ScatterOptionConfig {\n  xLabel?: string;\n  yLabel?: string;\n  categoryLabel?: string;\n  showLegend: boolean;\n  enableDataZoom: boolean;\n}\n\n/** Point labels come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/**\n * Map a weight onto a symbol diameter. The square root keeps the mark *area*\n * proportional to the weight, which is how a reader compares bubble sizes.\n * A dataset whose weights are all equal carries no size information, so it\n * renders at the base size rather than all-maximum.\n */\nconst symbolSizeFor = (weight: number, minWeight: number, maxWeight: number) => {\n  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;\n\n  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));\n  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;\n};\n\n/** Group marks by category, preserving first-appearance order. */\nconst groupByCategory = (points: FoldedPoint[]) => {\n  const groups = new Map<string, FoldedPoint[]>();\n\n  for (const folded of points) {\n    const key = folded.point.category ?? UNCATEGORISED_SERIES;\n    const group = groups.get(key);\n    if (group) group.push(folded);\n    else groups.set(key, [folded]);\n  }\n\n  return groups;\n};\n\n/** `[x, y, count, sourceIndex]` — dims beyond the axes carry the tooltip/click metadata. */\nconst toDataItem = (folded: FoldedPoint, sizeOf: (weight: number | null | undefined) => number) => ({\n  name: folded.point.label,\n  value: [folded.point.x, folded.point.y, folded.count, folded.index],\n  symbolSize: sizeOf(folded.point.weight),\n});\n\nconst buildTooltipFormatter = (config: ScatterOptionConfig) => (params: unknown) => {\n  const { name, seriesName, value, marker } = params as {\n    name: string;\n    seriesName: string;\n    value: [number, number, number, number];\n    marker: string;\n  };\n  const [x, y, count] = value;\n\n  const lines = [`${marker} ${escapeHtml(name)}`];\n  lines.push(`${escapeHtml(config.xLabel ?? 'x')}: ${x}`);\n  lines.push(`${escapeHtml(config.yLabel ?? 'y')}: ${y}`);\n\n  if (seriesName !== UNCATEGORISED_SERIES) {\n    lines.push(`${escapeHtml(config.categoryLabel ?? 'Category')}: ${escapeHtml(seriesName)}`);\n  }\n\n  if (count > 1) lines.push(`${count} points here`);\n\n  return lines.join('<br/>');\n};\n\nexport const buildScatterOption = (points: FoldedPoint[], config: ScatterOptionConfig) => {\n  const weights = points.map((p) => p.point.weight).filter((w): w is number => w != null);\n  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;\n  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;\n\n  // An absent weight sits at the bottom of the scale once any weight is present,\n  // and yields the base size when none is.\n  const sizeOf = (weight: number | null | undefined) =>\n    weights.length === 0\n      ? SCATTER.BASE_SYMBOL_SIZE\n      : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);\n\n  const groups = groupByCategory(points);\n  const series = [...groups.entries()].map(([category, group], i) => ({\n    name: category,\n    type: 'scatter' as const,\n    data: group.map((folded) => toDataItem(folded, sizeOf)),\n    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },\n    emphasis: { focus: 'series' as const },\n  }));\n\n  return {\n    tooltip: { trigger: 'item' as const, formatter: buildTooltipFormatter(config) },\n    legend: config.showLegend ? { bottom: 0, type: 'scroll' as const } : undefined,\n    grid: {\n      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,\n      right: GRID_MARGIN.RIGHT,\n      top: GRID_MARGIN.TOP,\n      // Room for the x axis name and the legend, each only when drawn.\n      bottom:\n        GRID_MARGIN.BASE +\n        (config.xLabel ? GRID_MARGIN.X_NAME : 0) +\n        (config.showLegend ? GRID_MARGIN.LEGEND : 0),\n      containLabel: true,\n    },\n    xAxis: {\n      type: 'value' as const,\n      name: config.xLabel,\n      nameLocation: 'middle' as const,\n      nameGap: AXIS_NAME_GAP.X,\n      scale: true,\n    },\n    yAxis: {\n      type: 'value' as const,\n      name: config.yLabel,\n      nameLocation: 'middle' as const,\n      // Without this the y name is drawn horizontally and eats the plot's width.\n      nameRotate: 90,\n      nameGap: AXIS_NAME_GAP.Y,\n      scale: true,\n    },\n    dataZoom: config.enableDataZoom\n      ? [\n          { type: 'inside' as const, xAxisIndex: 0 },\n          { type: 'inside' as const, yAxisIndex: 0 },\n        ]\n      : undefined,\n    series,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index76.js","sources":["../src/hooks/usePanelPlacement.ts"],"sourcesContent":["import { useLayoutEffect, useState, type CSSProperties, type RefObject } from 'react';\nimport { PANEL_EDGE_MARGIN } from '../constants';\nimport { getClippingRect, type HorizontalRect } from '../utils/clippingRect';\n\n/** Which trigger edge a dropdown panel is anchored to. */\nexport type PanelAlign = 'start' | 'end';\n\nexport interface PanelPlacement {\n  align: PanelAlign;\n  /** Horizontal shift, only when the panel fits on neither side of the trigger. */\n  style?: CSSProperties;\n}\n\nconst DEFAULT_PLACEMENT: PanelPlacement = { align: 'start' };\n\nconst samePlacement = (a: PanelPlacement, b: PanelPlacement) =>\n  a.align === b.align && a.style?.transform === b.style?.transform;\n\n/**\n * Places a panel of `panelWidth` against `anchor` so it stays inside `boundary`:\n * left-aligned if it fits rightwards, else right-aligned if it fits leftwards, else\n * shifted just enough to fit, keeping its left edge visible first. The shift is a\n * `transform` so it does not change the panel's shrink-to-fit width.\n */\nexport function resolvePanelPlacement(\n  anchor: HorizontalRect,\n  panelWidth: number,\n  boundary: HorizontalRect,\n  margin = PANEL_EDGE_MARGIN,\n): PanelPlacement {\n  const left = boundary.left + margin;\n  const right = boundary.right - margin;\n\n  // A zero width means the panel was never laid out (e.g. a test DOM): keep the default.\n  if (panelWidth === 0 || anchor.left + panelWidth <= right) return DEFAULT_PLACEMENT;\n  if (anchor.right - panelWidth >= left) return { align: 'end' };\n\n  const shift = Math.max(right - panelWidth, left) - anchor.left;\n  return { align: 'start', style: { transform: `translateX(${shift}px)` } };\n}\n\n/**\n * Chooses the side a dropdown panel opens towards, so the box that clips it never cuts\n * it off. Measures before paint on opening, again on window resize and panel resize\n * while open, and resets on close.\n */\nexport function usePanelPlacement(\n  anchorRef: RefObject<HTMLElement | null>,\n  panelRef: RefObject<HTMLElement | null>,\n  isOpen: boolean,\n): PanelPlacement {\n  const [placement, setPlacement] = useState<PanelPlacement>(DEFAULT_PLACEMENT);\n\n  useLayoutEffect(() => {\n    const anchor = anchorRef.current;\n    const panel = panelRef.current;\n    if (!isOpen || !anchor || !panel) {\n      setPlacement(DEFAULT_PLACEMENT);\n      return;\n    }\n\n    const measure = () => {\n      const next = resolvePanelPlacement(\n        anchor.getBoundingClientRect(),\n        panel.getBoundingClientRect().width,\n        getClippingRect(anchor),\n      );\n      setPlacement((prev) => (samePlacement(prev, next) ? prev : next));\n    };\n\n    measure();\n    // jsdom, which consumers often test with, has no ResizeObserver.\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(panel);\n    window.addEventListener('resize', measure);\n    return () => {\n      observer?.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n  }, [anchorRef, panelRef, isOpen]);\n\n  return placement;\n}\n"],"names":[],"mappings":";;;AAaA,MAAM,oBAAoC,EAAE,OAAO,QAAA;AAEnD,MAAM,gBAAgB,CAAC,GAAmB,MAAA;;AACxC,WAAE,UAAU,EAAE,WAAS,OAAE,UAAF,mBAAS,iBAAc,OAAE,UAAF,mBAAS;AAAA;AAQlD,SAAS,sBACd,QACA,YACA,UACA,SAAS,mBACO;AAChB,QAAM,OAAO,SAAS,OAAO;AAC7B,QAAM,QAAQ,SAAS,QAAQ;AAG/B,MAAI,eAAe,KAAK,OAAO,OAAO,cAAc,MAAO,QAAO;AAClE,MAAI,OAAO,QAAQ,cAAc,KAAM,QAAO,EAAE,OAAO,MAAA;AAEvD,QAAM,QAAQ,KAAK,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO;AAC1D,SAAO,EAAE,OAAO,SAAS,OAAO,EAAE,WAAW,cAAc,KAAK,QAAM;AACxE;AAOO,SAAS,kBACd,WACA,UACA,QACgB;AAChB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAyB,iBAAiB;AAE5E,kBAAgB,MAAM;AACpB,UAAM,SAAS,UAAU;AACzB,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;AAChC,mBAAa,iBAAiB;AAC9B;AAAA,IACF;AAEA,UAAM,UAAU,MAAM;AACpB,YAAM,OAAO;AAAA,QACX,OAAO,sBAAA;AAAA,QACP,MAAM,wBAAwB;AAAA,QAC9B,gBAAgB,MAAM;AAAA,MAAA;AAExB,mBAAa,CAAC,SAAU,cAAc,MAAM,IAAI,IAAI,OAAO,IAAK;AAAA,IAClE;AAEA,YAAA;AAEA,UAAM,WAAW,OAAO,mBAAmB,cAAc,OAAO,IAAI,eAAe,OAAO;AAC1F,yCAAU,QAAQ;AAClB,WAAO,iBAAiB,UAAU,OAAO;AACzC,WAAO,MAAM;AACX,2CAAU;AACV,aAAO,oBAAoB,UAAU,OAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,MAAM,CAAC;AAEhC,SAAO;AACT;"}

package/dist/index77.cjs

@@ -1,42 +1,36 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
+const root = "krc-root-oXC0g";
+const trigger = "krc-trigger-2YW6R";
+const triggerContent = "krc-triggerContent-Nfhff";
+const chevron = "krc-chevron-otnpb";
+const chevronOpen = "krc-chevronOpen-UoLND";
+const badge = "krc-badge-dN-p-";
+const pop = "krc-pop-IfyfL";
+const chips = "krc-chips-J7YEf";
+const clear = "krc-clear--yvPZ";
+const input = "krc-input--QI2U";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
+  trigger,
+  triggerContent,
+  chevron,
+  chevronOpen,
+  badge,
+  pop,
+  chips,
+  clear,
+  input
 };
-exports.chartContainer = chartContainer;
-exports.compact = compact;
+exports.badge = badge;
+exports.chevron = chevron;
+exports.chevronOpen = chevronOpen;
+exports.chips = chips;
+exports.clear = clear;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.retryButton = retryButton;
+exports.input = input;
+exports.pop = pop;
 exports.root = root;
-exports.title = title;
-exports.toolbar = toolbar;
-exports.warning = warning;
+exports.trigger = trigger;
+exports.triggerContent = triggerContent;
 //# sourceMappingURL=index77.cjs.map

package/dist/index77.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index77.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index77.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index77.js

@@ -1,42 +1,36 @@
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
+const root = "krc-root-oXC0g";
+const trigger = "krc-trigger-2YW6R";
+const triggerContent = "krc-triggerContent-Nfhff";
+const chevron = "krc-chevron-otnpb";
+const chevronOpen = "krc-chevronOpen-UoLND";
+const badge = "krc-badge-dN-p-";
+const pop = "krc-pop-IfyfL";
+const chips = "krc-chips-J7YEf";
+const clear = "krc-clear--yvPZ";
+const input = "krc-input--QI2U";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
+  trigger,
+  triggerContent,
+  chevron,
+  chevronOpen,
+  badge,
+  pop,
+  chips,
+  clear,
+  input
 };
 export {
-  chartContainer,
-  compact,
+  badge,
+  chevron,
+  chevronOpen,
+  chips,
+  clear,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  retryButton,
+  input,
+  pop,
   root,
-  title,
-  toolbar,
-  warning
+  trigger,
+  triggerContent
 };
 //# sourceMappingURL=index77.js.map

package/dist/index77.js.map

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

package/dist/index78.cjs

@@ -1,25 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const merge = (a, b) => a == null ? b : b == null ? a : a + b;
-const pivotGroupedBars = (data) => {
-  const categories = /* @__PURE__ */ new Set();
-  const cells = /* @__PURE__ */ new Map();
-  for (const { category, series: series2, value } of data) {
-    categories.add(category);
-    let row = cells.get(series2);
-    if (!row) {
-      row = /* @__PURE__ */ new Map();
-      cells.set(series2, row);
-    }
-    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);
+const marked_esm = require("./index130.cjs");
+const purify_es = require("./index131.cjs");
+const renderer = {
+  link({ href, tokens }) {
+    var _a;
+    const text = ((_a = this.parser) == null ? void 0 : _a.parseInline(tokens)) ?? tokens.map((t) => t.raw).join("");
+    return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`;
   }
-  const categoryList = [...categories];
-  const series = [...cells.entries()].map(([name, row]) => ({
-    name,
-    values: categoryList.map((category) => row.get(category) ?? null)
-  }));
-  const hasValues = series.some((s) => s.values.some((v) => v != null));
-  return { categories: categoryList, series, hasValues };
 };
-exports.pivotGroupedBars = pivotGroupedBars;
+marked_esm.marked.use({ gfm: true, breaks: true, renderer });
+const sanitizeHtml = (html) => purify_es.sanitize(html, {
+  USE_PROFILES: { html: true },
+  ADD_ATTR: ["target", "rel"]
+});
+const parseMarkdown = (markdown) => sanitizeHtml(marked_esm.marked.parse(markdown));
+exports.parseMarkdown = parseMarkdown;
+exports.sanitizeHtml = sanitizeHtml;
 //# sourceMappingURL=index78.cjs.map

package/dist/index78.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index78.cjs","sources":["../src/charts/GroupedBarChartCard/pivotGroupedBars.ts"],"sourcesContent":["import type { GroupedBarPoint } from '../../types/chart.types';\n\n/** One series with its values aligned to `categories`; `null` is a gap. */\nexport interface PivotedSeries {\n  name: string;\n  values: (number | null)[];\n}\n\n/** Category × series matrix of a grouped bar chart. */\nexport interface GroupedBarPivot {\n  /** First-seen order. */\n  categories: string[];\n  /** First-seen order. */\n  series: PivotedSeries[];\n  /** Whether any value is non-null — false means there is nothing to draw. */\n  hasValues: boolean;\n}\n\n/** `null` adds nothing: only nulls stay a gap. */\nconst merge = (a: number | null, b: number | null) => (a == null ? b : b == null ? a : a + b);\n\n/**\n * Pivot points into a category × series matrix, keeping first-appearance order,\n * summing repeated pairs and filling missing pairs with `null` — never `0`.\n */\nexport const pivotGroupedBars = (data: GroupedBarPoint[]): GroupedBarPivot => {\n  const categories = new Set<string>();\n  const cells = new Map<string, Map<string, number | null>>();\n\n  for (const { category, series, value } of data) {\n    categories.add(category);\n    let row = cells.get(series);\n    if (!row) {\n      row = new Map();\n      cells.set(series, row);\n    }\n    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);\n  }\n\n  const categoryList = [...categories];\n  const series = [...cells.entries()].map(([name, row]) => ({\n    name,\n    values: categoryList.map((category) => row.get(category) ?? null),\n  }));\n  const hasValues = series.some((s) => s.values.some((v) => v != null));\n\n  return { categories: categoryList, series, hasValues };\n};\n"],"names":["series"],"mappings":";;AAmBA,MAAM,QAAQ,CAAC,GAAkB,MAAsB,KAAK,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI;AAMpF,MAAM,mBAAmB,CAAC,SAA6C;AAC5E,QAAM,iCAAiB,IAAA;AACvB,QAAM,4BAAY,IAAA;AAElB,aAAW,EAAE,UAAU,QAAAA,SAAQ,MAAA,KAAW,MAAM;AAC9C,eAAW,IAAI,QAAQ;AACvB,QAAI,MAAM,MAAM,IAAIA,OAAM;AAC1B,QAAI,CAAC,KAAK;AACR,gCAAU,IAAA;AACV,YAAM,IAAIA,SAAQ,GAAG;AAAA,IACvB;AACA,QAAI,IAAI,UAAU,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,IAAI,QAAQ,KAAK,MAAM,KAAK,IAAI,KAAK;AAAA,EACvF;AAEA,QAAM,eAAe,CAAC,GAAG,UAAU;AACnC,QAAM,SAAS,CAAC,GAAG,MAAM,QAAA,CAAS,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,OAAO;AAAA,IACxD;AAAA,IACA,QAAQ,aAAa,IAAI,CAAC,aAAa,IAAI,IAAI,QAAQ,KAAK,IAAI;AAAA,EAAA,EAChE;AACF,QAAM,YAAY,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC;AAEpE,SAAO,EAAE,YAAY,cAAc,QAAQ,UAAA;AAC7C;;"}
+{"version":3,"file":"index78.cjs","sources":["../src/utils/markdown.ts"],"sourcesContent":["import { marked, type Renderer } from 'marked';\nimport DOMPurify from 'dompurify';\n\n// Use a function (not arrow) so `this` binds to marked's renderer instance,\n// which exposes `parser.parseInline`. The default `text` arg is the raw link\n// label (`**bold** text`) — passing it through unchanged would print the\n// asterisks instead of rendering nested inline markdown. `parseInline(tokens)`\n// recurses into bold / italic / code / etc. inside the link text.\nconst renderer: Partial<Renderer> = {\n  link({ href, tokens }) {\n    /* `this.parser` is provided at runtime when marked wires the renderer\n       into its pipeline; the type definition models it as possibly\n       undefined for standalone use. `parseInline(tokens)` falls back to\n       the join of token raw strings when the parser is absent. */\n    const text = this.parser?.parseInline(tokens) ?? tokens.map((t) => t.raw).join('');\n    return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\">${text}</a>`;\n  },\n};\n\nmarked.use({ gfm: true, breaks: true, renderer });\n\nexport const sanitizeHtml = (html: string): string =>\n  DOMPurify.sanitize(html, {\n    USE_PROFILES: { html: true },\n    ADD_ATTR: ['target', 'rel'],\n  });\n\nexport const parseMarkdown = (markdown: string): string =>\n  sanitizeHtml(marked.parse(markdown) as string);\n"],"names":["marked","DOMPurify"],"mappings":";;;;AAQA,MAAM,WAA8B;AAAA,EAClC,KAAK,EAAE,MAAM,UAAU;;AAKrB,UAAM,SAAO,UAAK,WAAL,mBAAa,YAAY,YAAW,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;AACjF,WAAO,YAAY,IAAI,+CAA+C,IAAI;AAAA,EAC5E;AACF;AAEAA,WAAAA,OAAO,IAAI,EAAE,KAAK,MAAM,QAAQ,MAAM,UAAU;AAEzC,MAAM,eAAe,CAAC,SAC3BC,UAAU,SAAS,MAAM;AAAA,EACvB,cAAc,EAAE,MAAM,KAAA;AAAA,EACtB,UAAU,CAAC,UAAU,KAAK;AAC5B,CAAC;AAEI,MAAM,gBAAgB,CAAC,aAC5B,aAAaD,WAAAA,OAAO,MAAM,QAAQ,CAAW;;;"}

package/dist/index78.js

@@ -1,25 +1,20 @@
-const merge = (a, b) => a == null ? b : b == null ? a : a + b;
-const pivotGroupedBars = (data) => {
-  const categories = /* @__PURE__ */ new Set();
-  const cells = /* @__PURE__ */ new Map();
-  for (const { category, series: series2, value } of data) {
-    categories.add(category);
-    let row = cells.get(series2);
-    if (!row) {
-      row = /* @__PURE__ */ new Map();
-      cells.set(series2, row);
-    }
-    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);
+import { marked as g } from "./index130.js";
+import purify from "./index131.js";
+const renderer = {
+  link({ href, tokens }) {
+    var _a;
+    const text = ((_a = this.parser) == null ? void 0 : _a.parseInline(tokens)) ?? tokens.map((t) => t.raw).join("");
+    return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`;
   }
-  const categoryList = [...categories];
-  const series = [...cells.entries()].map(([name, row]) => ({
-    name,
-    values: categoryList.map((category) => row.get(category) ?? null)
-  }));
-  const hasValues = series.some((s) => s.values.some((v) => v != null));
-  return { categories: categoryList, series, hasValues };
 };
+g.use({ gfm: true, breaks: true, renderer });
+const sanitizeHtml = (html) => purify.sanitize(html, {
+  USE_PROFILES: { html: true },
+  ADD_ATTR: ["target", "rel"]
+});
+const parseMarkdown = (markdown) => sanitizeHtml(g.parse(markdown));
 export {
-  pivotGroupedBars
+  parseMarkdown,
+  sanitizeHtml
 };
 //# sourceMappingURL=index78.js.map

package/dist/index78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index78.js","sources":["../src/charts/GroupedBarChartCard/pivotGroupedBars.ts"],"sourcesContent":["import type { GroupedBarPoint } from '../../types/chart.types';\n\n/** One series with its values aligned to `categories`; `null` is a gap. */\nexport interface PivotedSeries {\n  name: string;\n  values: (number | null)[];\n}\n\n/** Category × series matrix of a grouped bar chart. */\nexport interface GroupedBarPivot {\n  /** First-seen order. */\n  categories: string[];\n  /** First-seen order. */\n  series: PivotedSeries[];\n  /** Whether any value is non-null — false means there is nothing to draw. */\n  hasValues: boolean;\n}\n\n/** `null` adds nothing: only nulls stay a gap. */\nconst merge = (a: number | null, b: number | null) => (a == null ? b : b == null ? a : a + b);\n\n/**\n * Pivot points into a category × series matrix, keeping first-appearance order,\n * summing repeated pairs and filling missing pairs with `null` — never `0`.\n */\nexport const pivotGroupedBars = (data: GroupedBarPoint[]): GroupedBarPivot => {\n  const categories = new Set<string>();\n  const cells = new Map<string, Map<string, number | null>>();\n\n  for (const { category, series, value } of data) {\n    categories.add(category);\n    let row = cells.get(series);\n    if (!row) {\n      row = new Map();\n      cells.set(series, row);\n    }\n    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);\n  }\n\n  const categoryList = [...categories];\n  const series = [...cells.entries()].map(([name, row]) => ({\n    name,\n    values: categoryList.map((category) => row.get(category) ?? null),\n  }));\n  const hasValues = series.some((s) => s.values.some((v) => v != null));\n\n  return { categories: categoryList, series, hasValues };\n};\n"],"names":["series"],"mappings":"AAmBA,MAAM,QAAQ,CAAC,GAAkB,MAAsB,KAAK,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI;AAMpF,MAAM,mBAAmB,CAAC,SAA6C;AAC5E,QAAM,iCAAiB,IAAA;AACvB,QAAM,4BAAY,IAAA;AAElB,aAAW,EAAE,UAAU,QAAAA,SAAQ,MAAA,KAAW,MAAM;AAC9C,eAAW,IAAI,QAAQ;AACvB,QAAI,MAAM,MAAM,IAAIA,OAAM;AAC1B,QAAI,CAAC,KAAK;AACR,gCAAU,IAAA;AACV,YAAM,IAAIA,SAAQ,GAAG;AAAA,IACvB;AACA,QAAI,IAAI,UAAU,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,IAAI,QAAQ,KAAK,MAAM,KAAK,IAAI,KAAK;AAAA,EACvF;AAEA,QAAM,eAAe,CAAC,GAAG,UAAU;AACnC,QAAM,SAAS,CAAC,GAAG,MAAM,QAAA,CAAS,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,OAAO;AAAA,IACxD;AAAA,IACA,QAAQ,aAAa,IAAI,CAAC,aAAa,IAAI,IAAI,QAAQ,KAAK,IAAI;AAAA,EAAA,EAChE;AACF,QAAM,YAAY,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC;AAEpE,SAAO,EAAE,YAAY,cAAc,QAAQ,UAAA;AAC7C;"}
+{"version":3,"file":"index78.js","sources":["../src/utils/markdown.ts"],"sourcesContent":["import { marked, type Renderer } from 'marked';\nimport DOMPurify from 'dompurify';\n\n// Use a function (not arrow) so `this` binds to marked's renderer instance,\n// which exposes `parser.parseInline`. The default `text` arg is the raw link\n// label (`**bold** text`) — passing it through unchanged would print the\n// asterisks instead of rendering nested inline markdown. `parseInline(tokens)`\n// recurses into bold / italic / code / etc. inside the link text.\nconst renderer: Partial<Renderer> = {\n  link({ href, tokens }) {\n    /* `this.parser` is provided at runtime when marked wires the renderer\n       into its pipeline; the type definition models it as possibly\n       undefined for standalone use. `parseInline(tokens)` falls back to\n       the join of token raw strings when the parser is absent. */\n    const text = this.parser?.parseInline(tokens) ?? tokens.map((t) => t.raw).join('');\n    return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\">${text}</a>`;\n  },\n};\n\nmarked.use({ gfm: true, breaks: true, renderer });\n\nexport const sanitizeHtml = (html: string): string =>\n  DOMPurify.sanitize(html, {\n    USE_PROFILES: { html: true },\n    ADD_ATTR: ['target', 'rel'],\n  });\n\nexport const parseMarkdown = (markdown: string): string =>\n  sanitizeHtml(marked.parse(markdown) as string);\n"],"names":["marked","DOMPurify"],"mappings":";;AAQA,MAAM,WAA8B;AAAA,EAClC,KAAK,EAAE,MAAM,UAAU;;AAKrB,UAAM,SAAO,UAAK,WAAL,mBAAa,YAAY,YAAW,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;AACjF,WAAO,YAAY,IAAI,+CAA+C,IAAI;AAAA,EAC5E;AACF;AAEAA,EAAO,IAAI,EAAE,KAAK,MAAM,QAAQ,MAAM,UAAU;AAEzC,MAAM,eAAe,CAAC,SAC3BC,OAAU,SAAS,MAAM;AAAA,EACvB,cAAc,EAAE,MAAM,KAAA;AAAA,EACtB,UAAU,CAAC,UAAU,KAAK;AAC5B,CAAC;AAEI,MAAM,gBAAgB,CAAC,aAC5B,aAAaD,EAAO,MAAM,QAAQ,CAAW;"}

package/dist/index79.cjs

@@ -1,72 +1,9 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index64.cjs");
-const { GRID_MARGIN, AXIS_NAME_GAP } = constants.GROUPED_BAR;
-const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
-const colorFor = (name, index, seriesColors) => (seriesColors == null ? void 0 : seriesColors[name]) ?? constants.CHART_COLORS[index % constants.CHART_COLORS.length];
-const markerFor = (color) => {
-  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = constants.GROUPED_BAR;
-  return `<span style="display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};"></span>`;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-93Nfs";
+const styles = {
+  root
 };
-const buildTooltipFormatter = (pivot, colors, noValueText) => (params) => {
-  const first = Array.isArray(params) ? params[0] : params;
-  const index = first == null ? void 0 : first.dataIndex;
-  if (index == null || index >= pivot.categories.length) return "";
-  const lines = [escapeHtml(pivot.categories[index])];
-  pivot.series.forEach((s, i) => {
-    const value = s.values[index];
-    const text = value == null ? escapeHtml(noValueText) : String(value);
-    lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);
-  });
-  return lines.join("<br/>");
-};
-const buildGrid = (config) => {
-  const named = Boolean(config.valueLabel);
-  return {
-    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),
-    right: GRID_MARGIN.RIGHT,
-    top: GRID_MARGIN.TOP,
-    // Room for a horizontal value-axis name and the legend, each only when drawn.
-    bottom: GRID_MARGIN.BASE + (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) + (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),
-    containLabel: true
-  };
-};
-const buildGroupedBarOption = (pivot, config) => {
-  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));
-  const categoryAxis = {
-    type: "category",
-    data: pivot.categories,
-    // Horizontal bars read top-down, so the first category goes on top.
-    inverse: config.invertAxis
-  };
-  const valueAxis = {
-    type: "value",
-    name: config.valueLabel,
-    nameLocation: "middle",
-    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,
-    // Without this a vertical axis name is drawn horizontally and eats the plot's width.
-    nameRotate: config.invertAxis ? 0 : 90,
-    minInterval: config.integerValues ? 1 : void 0
-  };
-  return {
-    tooltip: {
-      trigger: "axis",
-      axisPointer: { type: "shadow" },
-      formatter: buildTooltipFormatter(pivot, colors, config.noValueText)
-    },
-    legend: { show: !config.hideLegend, bottom: 0, type: "scroll" },
-    grid: buildGrid(config),
-    xAxis: config.invertAxis ? valueAxis : categoryAxis,
-    yAxis: config.invertAxis ? categoryAxis : valueAxis,
-    series: pivot.series.map((s, i) => ({
-      name: s.name,
-      type: "bar",
-      data: s.values,
-      barMinHeight: constants.GROUPED_BAR.MIN_BAR_HEIGHT,
-      itemStyle: { color: colors[i] },
-      emphasis: { focus: "series" }
-    }))
-  };
-};
-exports.buildGroupedBarOption = buildGroupedBarOption;
+exports.default = styles;
+exports.root = root;
 //# sourceMappingURL=index79.cjs.map

package/dist/index79.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index79.cjs","sources":["../src/charts/GroupedBarChartCard/buildGroupedBarOption.ts"],"sourcesContent":["import type { GroupedBarPivot } from './pivotGroupedBars';\nimport { CHART_COLORS, GROUPED_BAR } from '../../constants';\n\nexport interface GroupedBarOptionConfig {\n  seriesColors?: Readonly<Record<string, string>>;\n  invertAxis: boolean;\n  hideLegend: boolean;\n  integerValues: boolean;\n  valueLabel?: string;\n  /** Tooltip text for a gap. */\n  noValueText: string;\n}\n\nconst { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;\n\n/** Category and series names come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/** Pinned colour first, else the palette by first-seen position. */\nconst colorFor = (name: string, index: number, seriesColors?: Readonly<Record<string, string>>) =>\n  seriesColors?.[name] ?? CHART_COLORS[index % CHART_COLORS.length];\n\nconst markerFor = (color: string) => {\n  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;\n  return `<span style=\"display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};\"></span>`;\n};\n\n/**\n * The tooltip is built from the pivot rather than from echarts' params, so every\n * series is listed in series order and a gap reads as `noValueText`, never `-`.\n */\nconst buildTooltipFormatter =\n  (pivot: GroupedBarPivot, colors: string[], noValueText: string) => (params: unknown) => {\n    const first = (Array.isArray(params) ? params[0] : params) as\n      | { dataIndex?: number }\n      | undefined;\n    const index = first?.dataIndex;\n    if (index == null || index >= pivot.categories.length) return '';\n\n    const lines = [escapeHtml(pivot.categories[index])];\n    pivot.series.forEach((s, i) => {\n      const value = s.values[index];\n      const text = value == null ? escapeHtml(noValueText) : String(value);\n      lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);\n    });\n\n    return lines.join('<br/>');\n  };\n\nconst buildGrid = (config: GroupedBarOptionConfig) => {\n  const named = Boolean(config.valueLabel);\n  return {\n    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),\n    right: GRID_MARGIN.RIGHT,\n    top: GRID_MARGIN.TOP,\n    // Room for a horizontal value-axis name and the legend, each only when drawn.\n    bottom:\n      GRID_MARGIN.BASE +\n      (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) +\n      (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),\n    containLabel: true,\n  };\n};\n\nexport const buildGroupedBarOption = (pivot: GroupedBarPivot, config: GroupedBarOptionConfig) => {\n  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: pivot.categories,\n    // Horizontal bars read top-down, so the first category goes on top.\n    inverse: config.invertAxis,\n  };\n  const valueAxis = {\n    type: 'value' as const,\n    name: config.valueLabel,\n    nameLocation: 'middle' as const,\n    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,\n    // Without this a vertical axis name is drawn horizontally and eats the plot's width.\n    nameRotate: config.invertAxis ? 0 : 90,\n    minInterval: config.integerValues ? 1 : undefined,\n  };\n\n  return {\n    tooltip: {\n      trigger: 'axis' as const,\n      axisPointer: { type: 'shadow' as const },\n      formatter: buildTooltipFormatter(pivot, colors, config.noValueText),\n    },\n    legend: { show: !config.hideLegend, bottom: 0, type: 'scroll' as const },\n    grid: buildGrid(config),\n    xAxis: config.invertAxis ? valueAxis : categoryAxis,\n    yAxis: config.invertAxis ? categoryAxis : valueAxis,\n    series: pivot.series.map((s, i) => ({\n      name: s.name,\n      type: 'bar' as const,\n      data: s.values,\n      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,\n      itemStyle: { color: colors[i] },\n      emphasis: { focus: 'series' as const },\n    })),\n  };\n};\n"],"names":["GROUPED_BAR","CHART_COLORS"],"mappings":";;;AAaA,MAAM,EAAE,aAAa,cAAA,IAAkBA,UAAAA;AAGvC,MAAM,aAAa,CAAC,UAClB,MAAM,QAAQ,WAAW,CAAC,SAAS,KAAK,KAAK,WAAW,CAAC,CAAC,GAAG;AAG/D,MAAM,WAAW,CAAC,MAAc,OAAe,kBAC7C,6CAAe,UAASC,UAAAA,aAAa,QAAQA,UAAAA,aAAa,MAAM;AAElE,MAAM,YAAY,CAAC,UAAkB;AACnC,QAAM,EAAE,qBAAqB,MAAM,oBAAoB,QAAQD,UAAAA;AAC/D,SAAO,kDAAkD,GAAG,8BAA8B,IAAI,aAAa,IAAI,uBAAuB,WAAW,KAAK,CAAC;AACzJ;AAMA,MAAM,wBACJ,CAAC,OAAwB,QAAkB,gBAAwB,CAAC,WAAoB;AACtF,QAAM,QAAS,MAAM,QAAQ,MAAM,IAAI,OAAO,CAAC,IAAI;AAGnD,QAAM,QAAQ,+BAAO;AACrB,MAAI,SAAS,QAAQ,SAAS,MAAM,WAAW,OAAQ,QAAO;AAE9D,QAAM,QAAQ,CAAC,WAAW,MAAM,WAAW,KAAK,CAAC,CAAC;AAClD,QAAM,OAAO,QAAQ,CAAC,GAAG,MAAM;AAC7B,UAAM,QAAQ,EAAE,OAAO,KAAK;AAC5B,UAAM,OAAO,SAAS,OAAO,WAAW,WAAW,IAAI,OAAO,KAAK;AACnE,UAAM,KAAK,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;AAAA,EACpE,CAAC;AAED,SAAO,MAAM,KAAK,OAAO;AAC3B;AAEF,MAAM,YAAY,CAAC,WAAmC;AACpD,QAAM,QAAQ,QAAQ,OAAO,UAAU;AACvC,SAAO;AAAA,IACL,MAAM,YAAY,QAAQ,SAAS,CAAC,OAAO,aAAa,YAAY,eAAe;AAAA,IACnF,OAAO,YAAY;AAAA,IACnB,KAAK,YAAY;AAAA;AAAA,IAEjB,QACE,YAAY,QACX,SAAS,OAAO,aAAa,YAAY,eAAe,MACxD,OAAO,aAAa,IAAI,YAAY;AAAA,IACvC,cAAc;AAAA,EAAA;AAElB;AAEO,MAAM,wBAAwB,CAAC,OAAwB,WAAmC;AAC/F,QAAM,SAAS,MAAM,OAAO,IAAI,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,GAAG,OAAO,YAAY,CAAC;AAElF,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,MAAM,MAAM;AAAA;AAAA,IAEZ,SAAS,OAAO;AAAA,EAAA;AAElB,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,MAAM,OAAO;AAAA,IACb,cAAc;AAAA,IACd,SAAS,OAAO,aAAa,cAAc,IAAI,cAAc;AAAA;AAAA,IAE7D,YAAY,OAAO,aAAa,IAAI;AAAA,IACpC,aAAa,OAAO,gBAAgB,IAAI;AAAA,EAAA;AAG1C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa,EAAE,MAAM,SAAA;AAAA,MACrB,WAAW,sBAAsB,OAAO,QAAQ,OAAO,WAAW;AAAA,IAAA;AAAA,IAEpE,QAAQ,EAAE,MAAM,CAAC,OAAO,YAAY,QAAQ,GAAG,MAAM,SAAA;AAAA,IACrD,MAAM,UAAU,MAAM;AAAA,IACtB,OAAO,OAAO,aAAa,YAAY;AAAA,IACvC,OAAO,OAAO,aAAa,eAAe;AAAA,IAC1C,QAAQ,MAAM,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MAClC,MAAM,EAAE;AAAA,MACR,MAAM;AAAA,MACN,MAAM,EAAE;AAAA,MACR,cAAcA,UAAAA,YAAY;AAAA,MAC1B,WAAW,EAAE,OAAO,OAAO,CAAC,EAAA;AAAA,MAC5B,UAAU,EAAE,OAAO,SAAA;AAAA,IAAkB,EACrC;AAAA,EAAA;AAEN;;"}
+{"version":3,"file":"index79.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/index79.js

@@ -1,72 +1,9 @@
-import { GROUPED_BAR, CHART_COLORS } from "./index64.js";
-const { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;
-const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
-const colorFor = (name, index, seriesColors) => (seriesColors == null ? void 0 : seriesColors[name]) ?? CHART_COLORS[index % CHART_COLORS.length];
-const markerFor = (color) => {
-  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;
-  return `<span style="display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};"></span>`;
-};
-const buildTooltipFormatter = (pivot, colors, noValueText) => (params) => {
-  const first = Array.isArray(params) ? params[0] : params;
-  const index = first == null ? void 0 : first.dataIndex;
-  if (index == null || index >= pivot.categories.length) return "";
-  const lines = [escapeHtml(pivot.categories[index])];
-  pivot.series.forEach((s, i) => {
-    const value = s.values[index];
-    const text = value == null ? escapeHtml(noValueText) : String(value);
-    lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);
-  });
-  return lines.join("<br/>");
-};
-const buildGrid = (config) => {
-  const named = Boolean(config.valueLabel);
-  return {
-    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),
-    right: GRID_MARGIN.RIGHT,
-    top: GRID_MARGIN.TOP,
-    // Room for a horizontal value-axis name and the legend, each only when drawn.
-    bottom: GRID_MARGIN.BASE + (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) + (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),
-    containLabel: true
-  };
-};
-const buildGroupedBarOption = (pivot, config) => {
-  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));
-  const categoryAxis = {
-    type: "category",
-    data: pivot.categories,
-    // Horizontal bars read top-down, so the first category goes on top.
-    inverse: config.invertAxis
-  };
-  const valueAxis = {
-    type: "value",
-    name: config.valueLabel,
-    nameLocation: "middle",
-    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,
-    // Without this a vertical axis name is drawn horizontally and eats the plot's width.
-    nameRotate: config.invertAxis ? 0 : 90,
-    minInterval: config.integerValues ? 1 : void 0
-  };
-  return {
-    tooltip: {
-      trigger: "axis",
-      axisPointer: { type: "shadow" },
-      formatter: buildTooltipFormatter(pivot, colors, config.noValueText)
-    },
-    legend: { show: !config.hideLegend, bottom: 0, type: "scroll" },
-    grid: buildGrid(config),
-    xAxis: config.invertAxis ? valueAxis : categoryAxis,
-    yAxis: config.invertAxis ? categoryAxis : valueAxis,
-    series: pivot.series.map((s, i) => ({
-      name: s.name,
-      type: "bar",
-      data: s.values,
-      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,
-      itemStyle: { color: colors[i] },
-      emphasis: { focus: "series" }
-    }))
-  };
+const root = "krc-root-93Nfs";
+const styles = {
+  root
 };
 export {
-  buildGroupedBarOption
+  styles as default,
+  root
 };
 //# sourceMappingURL=index79.js.map

package/dist/index79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index79.js","sources":["../src/charts/GroupedBarChartCard/buildGroupedBarOption.ts"],"sourcesContent":["import type { GroupedBarPivot } from './pivotGroupedBars';\nimport { CHART_COLORS, GROUPED_BAR } from '../../constants';\n\nexport interface GroupedBarOptionConfig {\n  seriesColors?: Readonly<Record<string, string>>;\n  invertAxis: boolean;\n  hideLegend: boolean;\n  integerValues: boolean;\n  valueLabel?: string;\n  /** Tooltip text for a gap. */\n  noValueText: string;\n}\n\nconst { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;\n\n/** Category and series names come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/** Pinned colour first, else the palette by first-seen position. */\nconst colorFor = (name: string, index: number, seriesColors?: Readonly<Record<string, string>>) =>\n  seriesColors?.[name] ?? CHART_COLORS[index % CHART_COLORS.length];\n\nconst markerFor = (color: string) => {\n  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;\n  return `<span style=\"display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};\"></span>`;\n};\n\n/**\n * The tooltip is built from the pivot rather than from echarts' params, so every\n * series is listed in series order and a gap reads as `noValueText`, never `-`.\n */\nconst buildTooltipFormatter =\n  (pivot: GroupedBarPivot, colors: string[], noValueText: string) => (params: unknown) => {\n    const first = (Array.isArray(params) ? params[0] : params) as\n      | { dataIndex?: number }\n      | undefined;\n    const index = first?.dataIndex;\n    if (index == null || index >= pivot.categories.length) return '';\n\n    const lines = [escapeHtml(pivot.categories[index])];\n    pivot.series.forEach((s, i) => {\n      const value = s.values[index];\n      const text = value == null ? escapeHtml(noValueText) : String(value);\n      lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);\n    });\n\n    return lines.join('<br/>');\n  };\n\nconst buildGrid = (config: GroupedBarOptionConfig) => {\n  const named = Boolean(config.valueLabel);\n  return {\n    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),\n    right: GRID_MARGIN.RIGHT,\n    top: GRID_MARGIN.TOP,\n    // Room for a horizontal value-axis name and the legend, each only when drawn.\n    bottom:\n      GRID_MARGIN.BASE +\n      (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) +\n      (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),\n    containLabel: true,\n  };\n};\n\nexport const buildGroupedBarOption = (pivot: GroupedBarPivot, config: GroupedBarOptionConfig) => {\n  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: pivot.categories,\n    // Horizontal bars read top-down, so the first category goes on top.\n    inverse: config.invertAxis,\n  };\n  const valueAxis = {\n    type: 'value' as const,\n    name: config.valueLabel,\n    nameLocation: 'middle' as const,\n    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,\n    // Without this a vertical axis name is drawn horizontally and eats the plot's width.\n    nameRotate: config.invertAxis ? 0 : 90,\n    minInterval: config.integerValues ? 1 : undefined,\n  };\n\n  return {\n    tooltip: {\n      trigger: 'axis' as const,\n      axisPointer: { type: 'shadow' as const },\n      formatter: buildTooltipFormatter(pivot, colors, config.noValueText),\n    },\n    legend: { show: !config.hideLegend, bottom: 0, type: 'scroll' as const },\n    grid: buildGrid(config),\n    xAxis: config.invertAxis ? valueAxis : categoryAxis,\n    yAxis: config.invertAxis ? categoryAxis : valueAxis,\n    series: pivot.series.map((s, i) => ({\n      name: s.name,\n      type: 'bar' as const,\n      data: s.values,\n      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,\n      itemStyle: { color: colors[i] },\n      emphasis: { focus: 'series' as const },\n    })),\n  };\n};\n"],"names":[],"mappings":";AAaA,MAAM,EAAE,aAAa,cAAA,IAAkB;AAGvC,MAAM,aAAa,CAAC,UAClB,MAAM,QAAQ,WAAW,CAAC,SAAS,KAAK,KAAK,WAAW,CAAC,CAAC,GAAG;AAG/D,MAAM,WAAW,CAAC,MAAc,OAAe,kBAC7C,6CAAe,UAAS,aAAa,QAAQ,aAAa,MAAM;AAElE,MAAM,YAAY,CAAC,UAAkB;AACnC,QAAM,EAAE,qBAAqB,MAAM,oBAAoB,QAAQ;AAC/D,SAAO,kDAAkD,GAAG,8BAA8B,IAAI,aAAa,IAAI,uBAAuB,WAAW,KAAK,CAAC;AACzJ;AAMA,MAAM,wBACJ,CAAC,OAAwB,QAAkB,gBAAwB,CAAC,WAAoB;AACtF,QAAM,QAAS,MAAM,QAAQ,MAAM,IAAI,OAAO,CAAC,IAAI;AAGnD,QAAM,QAAQ,+BAAO;AACrB,MAAI,SAAS,QAAQ,SAAS,MAAM,WAAW,OAAQ,QAAO;AAE9D,QAAM,QAAQ,CAAC,WAAW,MAAM,WAAW,KAAK,CAAC,CAAC;AAClD,QAAM,OAAO,QAAQ,CAAC,GAAG,MAAM;AAC7B,UAAM,QAAQ,EAAE,OAAO,KAAK;AAC5B,UAAM,OAAO,SAAS,OAAO,WAAW,WAAW,IAAI,OAAO,KAAK;AACnE,UAAM,KAAK,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;AAAA,EACpE,CAAC;AAED,SAAO,MAAM,KAAK,OAAO;AAC3B;AAEF,MAAM,YAAY,CAAC,WAAmC;AACpD,QAAM,QAAQ,QAAQ,OAAO,UAAU;AACvC,SAAO;AAAA,IACL,MAAM,YAAY,QAAQ,SAAS,CAAC,OAAO,aAAa,YAAY,eAAe;AAAA,IACnF,OAAO,YAAY;AAAA,IACnB,KAAK,YAAY;AAAA;AAAA,IAEjB,QACE,YAAY,QACX,SAAS,OAAO,aAAa,YAAY,eAAe,MACxD,OAAO,aAAa,IAAI,YAAY;AAAA,IACvC,cAAc;AAAA,EAAA;AAElB;AAEO,MAAM,wBAAwB,CAAC,OAAwB,WAAmC;AAC/F,QAAM,SAAS,MAAM,OAAO,IAAI,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,GAAG,OAAO,YAAY,CAAC;AAElF,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,MAAM,MAAM;AAAA;AAAA,IAEZ,SAAS,OAAO;AAAA,EAAA;AAElB,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,MAAM,OAAO;AAAA,IACb,cAAc;AAAA,IACd,SAAS,OAAO,aAAa,cAAc,IAAI,cAAc;AAAA;AAAA,IAE7D,YAAY,OAAO,aAAa,IAAI;AAAA,IACpC,aAAa,OAAO,gBAAgB,IAAI;AAAA,EAAA;AAG1C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa,EAAE,MAAM,SAAA;AAAA,MACrB,WAAW,sBAAsB,OAAO,QAAQ,OAAO,WAAW;AAAA,IAAA;AAAA,IAEpE,QAAQ,EAAE,MAAM,CAAC,OAAO,YAAY,QAAQ,GAAG,MAAM,SAAA;AAAA,IACrD,MAAM,UAAU,MAAM;AAAA,IACtB,OAAO,OAAO,aAAa,YAAY;AAAA,IACvC,OAAO,OAAO,aAAa,eAAe;AAAA,IAC1C,QAAQ,MAAM,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MAClC,MAAM,EAAE;AAAA,MACR,MAAM;AAAA,MACN,MAAM,EAAE;AAAA,MACR,cAAc,YAAY;AAAA,MAC1B,WAAW,EAAE,OAAO,OAAO,CAAC,EAAA;AAAA,MAC5B,UAAU,EAAE,OAAO,SAAA;AAAA,IAAkB,EACrC;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"index79.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index80.cjs

@@ -1,10 +1,9 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const DEFAULT_LABELS = {
-  loading: "Loading chart...",
-  empty: "No data available.",
-  retry: "Retry",
-  noValue: "No data"
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-pJYpn";
+const styles = {
+  root
 };
-exports.DEFAULT_LABELS = DEFAULT_LABELS;
+exports.default = styles;
+exports.root = root;
 //# sourceMappingURL=index80.cjs.map

package/dist/index80.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index80.cjs","sources":["../src/charts/GroupedBarChartCard/defaultLabels.ts"],"sourcesContent":["import type { GroupedBarChartLabels } from './GroupedBarChartCard.types';\n\n/** English defaults, matching the texts of the other chart cards. */\nexport const DEFAULT_LABELS: GroupedBarChartLabels = {\n  loading: 'Loading chart...',\n  empty: 'No data available.',\n  retry: 'Retry',\n  noValue: 'No data',\n};\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAwC;AAAA,EACnD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;;"}
+{"version":3,"file":"index80.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/index80.js

@@ -1,10 +1,9 @@
-const DEFAULT_LABELS = {
-  loading: "Loading chart...",
-  empty: "No data available.",
-  retry: "Retry",
-  noValue: "No data"
+const root = "krc-root-pJYpn";
+const styles = {
+  root
 };
 export {
-  DEFAULT_LABELS
+  styles as default,
+  root
 };
 //# sourceMappingURL=index80.js.map

package/dist/index80.js.map

@@ -1 +1 @@
-{"version":3,"file":"index80.js","sources":["../src/charts/GroupedBarChartCard/defaultLabels.ts"],"sourcesContent":["import type { GroupedBarChartLabels } from './GroupedBarChartCard.types';\n\n/** English defaults, matching the texts of the other chart cards. */\nexport const DEFAULT_LABELS: GroupedBarChartLabels = {\n  loading: 'Loading chart...',\n  empty: 'No data available.',\n  retry: 'Retry',\n  noValue: 'No data',\n};\n"],"names":[],"mappings":"AAGO,MAAM,iBAAwC;AAAA,EACnD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;"}
+{"version":3,"file":"index80.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}