@ktnpm_devops/react-component 0.14.0 → 0.16.0

package/dist/index95.cjs

@@ -1,21 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const region = "krc-region-4A3qS";
-const toast = "krc-toast-VuzaK";
-const toastIn = "krc-toast-in-TA6-r";
-const success = "krc-success-oDnTy";
-const error = "krc-error-dSTQn";
+const throbber = "krc-throbber-sSMfc";
+const spinner = "krc-spinner-vmNIY";
+const loadingSpin = "krc-loading-spin-cFeV6";
+const titleRow = "krc-titleRow--Go1f";
+const titleSpinner = "krc-titleSpinner-BPUs5";
+const steps = "krc-steps-zu1EV";
+const step = "krc-step-hzz-Q";
+const pending = "krc-pending-sxbM4";
+const iconSlot = "krc-iconSlot-74ZD2";
+const stepSpinner = "krc-stepSpinner-0d1jM";
+const checkIcon = "krc-checkIcon-FhWlj";
+const nonClosable = "krc-nonClosable-7NB7j";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  throbber,
+  spinner,
+  loadingSpin,
+  titleRow,
+  titleSpinner,
+  steps,
+  step,
+  pending,
+  iconSlot,
+  stepSpinner,
+  checkIcon,
+  nonClosable
 };
+exports.checkIcon = checkIcon;
 exports.default = styles;
-exports.error = error;
-exports.region = region;
-exports.success = success;
-exports.toast = toast;
-exports.toastIn = toastIn;
+exports.iconSlot = iconSlot;
+exports.loadingSpin = loadingSpin;
+exports.nonClosable = nonClosable;
+exports.pending = pending;
+exports.spinner = spinner;
+exports.step = step;
+exports.stepSpinner = stepSpinner;
+exports.steps = steps;
+exports.throbber = throbber;
+exports.titleRow = titleRow;
+exports.titleSpinner = titleSpinner;
 //# sourceMappingURL=index95.cjs.map

package/dist/index95.cjs.map

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

package/dist/index95.js

@@ -1,21 +1,42 @@
-const region = "krc-region-4A3qS";
-const toast = "krc-toast-VuzaK";
-const toastIn = "krc-toast-in-TA6-r";
-const success = "krc-success-oDnTy";
-const error = "krc-error-dSTQn";
+const throbber = "krc-throbber-sSMfc";
+const spinner = "krc-spinner-vmNIY";
+const loadingSpin = "krc-loading-spin-cFeV6";
+const titleRow = "krc-titleRow--Go1f";
+const titleSpinner = "krc-titleSpinner-BPUs5";
+const steps = "krc-steps-zu1EV";
+const step = "krc-step-hzz-Q";
+const pending = "krc-pending-sxbM4";
+const iconSlot = "krc-iconSlot-74ZD2";
+const stepSpinner = "krc-stepSpinner-0d1jM";
+const checkIcon = "krc-checkIcon-FhWlj";
+const nonClosable = "krc-nonClosable-7NB7j";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  throbber,
+  spinner,
+  loadingSpin,
+  titleRow,
+  titleSpinner,
+  steps,
+  step,
+  pending,
+  iconSlot,
+  stepSpinner,
+  checkIcon,
+  nonClosable
 };
 export {
+  checkIcon,
   styles as default,
-  error,
-  region,
-  success,
-  toast,
-  toastIn
+  iconSlot,
+  loadingSpin,
+  nonClosable,
+  pending,
+  spinner,
+  step,
+  stepSpinner,
+  steps,
+  throbber,
+  titleRow,
+  titleSpinner
 };
 //# sourceMappingURL=index95.js.map

package/dist/index95.js.map

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

package/dist/index96.cjs

@@ -1,45 +1,36 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-0iK-T";
-const header = "krc-header-vLmNI";
-const title = "krc-title-J9FSG";
-const headerActions = "krc-headerActions-8Sd6i";
-const toolbar = "krc-toolbar-65kLR";
-const toolbarLabel = "krc-toolbarLabel-kmRLQ";
-const toolbarSelect = "krc-toolbarSelect-t7OKN";
-const chartContainer = "krc-chartContainer-1-iIe";
-const loading = "krc-loading-MRlom";
-const error = "krc-error-esslq";
-const retryButton = "krc-retryButton-js385";
-const empty = "krc-empty-qYFPa";
-const warning = "krc-warning-ll4Hc";
+const root = "krc-root-rUudF";
+const header = "krc-header-zjbPA";
+const title = "krc-title-ScYja";
+const timeRangeGroup = "krc-timeRangeGroup-FP1TP";
+const timeRangeButton = "krc-timeRangeButton-9XCxb";
+const timeRangeButtonActive = "krc-timeRangeButtonActive-Y-KCh";
+const chartContainer = "krc-chartContainer-6rb4Z";
+const loading = "krc-loading-EWhol";
+const error = "krc-error-erDaP";
+const empty = "krc-empty---cYi";
 const styles = {
   root,
   header,
   title,
-  headerActions,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
+  timeRangeGroup,
+  timeRangeButton,
+  timeRangeButtonActive,
   chartContainer,
   loading,
   error,
-  retryButton,
-  empty,
-  warning
+  empty
 };
 exports.chartContainer = chartContainer;
 exports.default = styles;
 exports.empty = empty;
 exports.error = error;
 exports.header = header;
-exports.headerActions = headerActions;
 exports.loading = loading;
-exports.retryButton = retryButton;
 exports.root = root;
+exports.timeRangeButton = timeRangeButton;
+exports.timeRangeButtonActive = timeRangeButtonActive;
+exports.timeRangeGroup = timeRangeGroup;
 exports.title = title;
-exports.toolbar = toolbar;
-exports.toolbarLabel = toolbarLabel;
-exports.toolbarSelect = toolbarSelect;
-exports.warning = warning;
 //# sourceMappingURL=index96.cjs.map

package/dist/index96.cjs.map

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

package/dist/index96.js

@@ -1,30 +1,24 @@
-const root = "krc-root-0iK-T";
-const header = "krc-header-vLmNI";
-const title = "krc-title-J9FSG";
-const headerActions = "krc-headerActions-8Sd6i";
-const toolbar = "krc-toolbar-65kLR";
-const toolbarLabel = "krc-toolbarLabel-kmRLQ";
-const toolbarSelect = "krc-toolbarSelect-t7OKN";
-const chartContainer = "krc-chartContainer-1-iIe";
-const loading = "krc-loading-MRlom";
-const error = "krc-error-esslq";
-const retryButton = "krc-retryButton-js385";
-const empty = "krc-empty-qYFPa";
-const warning = "krc-warning-ll4Hc";
+const root = "krc-root-rUudF";
+const header = "krc-header-zjbPA";
+const title = "krc-title-ScYja";
+const timeRangeGroup = "krc-timeRangeGroup-FP1TP";
+const timeRangeButton = "krc-timeRangeButton-9XCxb";
+const timeRangeButtonActive = "krc-timeRangeButtonActive-Y-KCh";
+const chartContainer = "krc-chartContainer-6rb4Z";
+const loading = "krc-loading-EWhol";
+const error = "krc-error-erDaP";
+const empty = "krc-empty---cYi";
 const styles = {
   root,
   header,
   title,
-  headerActions,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
+  timeRangeGroup,
+  timeRangeButton,
+  timeRangeButtonActive,
   chartContainer,
   loading,
   error,
-  retryButton,
-  empty,
-  warning
+  empty
 };
 export {
   chartContainer,
@@ -32,14 +26,11 @@ export {
   empty,
   error,
   header,
-  headerActions,
   loading,
-  retryButton,
   root,
-  title,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
-  warning
+  timeRangeButton,
+  timeRangeButtonActive,
+  timeRangeGroup,
+  title
 };
 //# sourceMappingURL=index96.js.map

package/dist/index96.js.map

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

package/dist/index97.cjs

@@ -1,24 +1,25 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-jkFwM";
-const sidebar = "krc-sidebar-g7vxQ";
-const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
-const main = "krc-main-B4HyG";
-const content = "krc-content-72sFf";
-const title = "krc-title-pe-1P";
-const styles = {
-  root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  content,
-  title
+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 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.content = content;
-exports.default = styles;
-exports.main = main;
-exports.root = root;
-exports.sidebar = sidebar;
-exports.sidebarCollapsed = sidebarCollapsed;
-exports.title = title;
+exports.pivotGroupedBars = pivotGroupedBars;
 //# sourceMappingURL=index97.cjs.map

package/dist/index97.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index97.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index97.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;;"}

package/dist/index97.js

@@ -1,24 +1,25 @@
-const root = "krc-root-jkFwM";
-const sidebar = "krc-sidebar-g7vxQ";
-const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
-const main = "krc-main-B4HyG";
-const content = "krc-content-72sFf";
-const title = "krc-title-pe-1P";
-const styles = {
-  root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  content,
-  title
+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 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 };
 };
 export {
-  content,
-  styles as default,
-  main,
-  root,
-  sidebar,
-  sidebarCollapsed,
-  title
+  pivotGroupedBars
 };
 //# sourceMappingURL=index97.js.map

package/dist/index97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index97.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index97.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;"}

package/dist/index98.cjs

@@ -1,136 +1,72 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index71.cjs");
-function aggregateData(data, maxCats, maxSubs, showOthers) {
-  const categoryMap = /* @__PURE__ */ new Map();
-  for (const point of data) {
-    const cat = point.category ?? "Unknown";
-    const sub = point.subCategory ?? "Default";
-    if (!categoryMap.has(cat)) {
-      categoryMap.set(cat, /* @__PURE__ */ new Map());
-    }
-    const subMap = categoryMap.get(cat);
-    subMap.set(sub, (subMap.get(sub) ?? 0) + point.value);
-  }
-  const sortedCategories = [...categoryMap.entries()].map(([cat, subMap]) => {
-    let total = 0;
-    for (const v of subMap.values()) total += v;
-    return { cat, subMap, total };
-  }).sort((a, b) => b.total - a.total);
-  const topCategories = sortedCategories.slice(0, maxCats);
-  const overflowCategories = sortedCategories.slice(maxCats);
-  if (showOthers && overflowCategories.length > 0) {
-    const othersMap = /* @__PURE__ */ new Map();
-    for (const { subMap } of overflowCategories) {
-      for (const [sub, val] of subMap) {
-        othersMap.set(sub, (othersMap.get(sub) ?? 0) + val);
-      }
-    }
-    let othersTotal = 0;
-    for (const v of othersMap.values()) othersTotal += v;
-    topCategories.push({ cat: "Others", subMap: othersMap, total: othersTotal });
-  }
-  const allSubCategories = /* @__PURE__ */ new Set();
-  for (const { subMap } of topCategories) {
-    for (const sub of subMap.keys()) {
-      allSubCategories.add(sub);
-    }
-  }
-  const sortedSubs = [...allSubCategories];
-  const limitedSubs = sortedSubs.slice(0, maxSubs);
-  const hasOverflowSubs = sortedSubs.length > maxSubs;
-  const categories = topCategories.map((entry) => entry.cat);
-  const series = limitedSubs.map((sub) => ({
-    name: sub,
-    values: topCategories.map((entry) => entry.subMap.get(sub) ?? 0)
-  }));
-  if (hasOverflowSubs && showOthers) {
-    const overflowSubs = sortedSubs.slice(maxSubs);
-    series.push({
-      name: "Other subcategories",
-      values: topCategories.map((entry) => {
-        let sum = 0;
-        for (const sub of overflowSubs) {
-          sum += entry.subMap.get(sub) ?? 0;
-        }
-        return sum;
-      })
-    });
-  }
-  return { categories, series };
-}
-function buildBarOption(categories, series, invertAxis, hideLegend, enableScroll) {
-  const categoryAxis = { type: "category", data: categories };
-  const valueAxis = { type: "value" };
-  const dataZoom = enableScroll ? [{ type: "slider", show: true, ...invertAxis ? { yAxisIndex: 0 } : { xAxisIndex: 0 } }] : [];
+const constants = require("./index63.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>`;
+};
+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" } },
-    legend: { show: !hideLegend, bottom: 0, type: "scroll" },
-    grid: { left: "3%", right: "4%", top: "3%", bottom: hideLegend ? "3%" : "12%", containLabel: true },
-    xAxis: invertAxis ? valueAxis : categoryAxis,
-    yAxis: invertAxis ? categoryAxis : valueAxis,
-    dataZoom,
-    series: series.map((s, i) => ({
+    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",
-      stack: "total",
-      emphasis: { focus: "series" },
       data: s.values,
-      itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length] }
+      barMinHeight: constants.GROUPED_BAR.MIN_BAR_HEIGHT,
+      itemStyle: { color: colors[i] },
+      emphasis: { focus: "series" }
     }))
   };
-}
-function buildPieOption(categories, series, hideLegend) {
-  const pieData = categories.map((cat, catIdx) => {
-    let total = 0;
-    for (const s of series) {
-      total += s.values[catIdx] ?? 0;
-    }
-    return { name: cat, value: total };
-  });
-  return {
-    tooltip: { trigger: "item" },
-    legend: { show: !hideLegend, bottom: 0, type: "scroll" },
-    series: [
-      {
-        type: "pie",
-        radius: ["30%", "65%"],
-        center: ["50%", "45%"],
-        data: pieData.map((d, i) => ({
-          ...d,
-          itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length] }
-        })),
-        emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: "rgba(0,0,0,0.3)" } },
-        label: { show: true, formatter: "{b}: {d}%" }
-      }
-    ]
-  };
-}
-function buildSunburstOption(categories, series) {
-  const sunburstData = categories.map((cat, catIdx) => {
-    const children = series.map((s, sIdx) => ({
-      name: s.name,
-      value: s.values[catIdx] ?? 0,
-      itemStyle: { color: constants.CHART_COLORS[(catIdx * series.length + sIdx) % constants.CHART_COLORS.length] }
-    })).filter((child) => child.value > 0);
-    return { name: cat, children };
-  });
-  return {
-    tooltip: { trigger: "item" },
-    series: [
-      {
-        type: "sunburst",
-        data: sunburstData,
-        radius: ["15%", "80%"],
-        label: { rotate: "radial", fontSize: 10 },
-        itemStyle: { borderRadius: 4, borderWidth: 1 },
-        emphasis: { focus: "ancestor" }
-      }
-    ]
-  };
-}
-exports.aggregateData = aggregateData;
-exports.buildBarOption = buildBarOption;
-exports.buildPieOption = buildPieOption;
-exports.buildSunburstOption = buildSunburstOption;
+};
+exports.buildGroupedBarOption = buildGroupedBarOption;
 //# sourceMappingURL=index98.cjs.map