@primeui/chart-core 0.0.1-alpha.1

package/dist/chunk-RO4N6YFS.mjs

@@ -0,0 +1,167 @@
+import { getCellLabelInfo, buildCellExtras } from './chunk-VVI3OBPJ.mjs';
+import { resolveFontFamily, DEFAULT_TREEMAP_CELL_BORDER_COLOR, DEFAULT_TREEMAP_HEADER_TEXT_COLOR, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
+import { getContrastColor } from './chunk-QS76E3TD.mjs';
+import { resolveAccessor, makeItemContext, resolveDash } from './chunk-O2X6FF45.mjs';
+import { createSvgGroup, appendChild, createSvgRect, createSvgText, adjustBrightness, setAttr, createSvgElement } from './chunk-SSLTFJ3U.mjs';
+
+// src/series/treemap/svg/index.ts
+function renderTreemapSvg(props, layout, context) {
+  const root = createSvgGroup();
+  const fontFamily = resolveFontFamily(void 0, context?.font);
+  const interaction = context?.interaction;
+  const anyHovered = interaction?.hoveredIndex != null;
+  const treemapDataArr = props.data;
+  const defaultBorderColor = context?.theme.treemapCellBorder ?? DEFAULT_TREEMAP_CELL_BORDER_COLOR;
+  const cellExtras = (idx) => buildCellExtras(props, treemapDataArr?.[idx], layout, idx);
+  const resolveCellBorderColor = (idx) => {
+    const v = resolveAccessor(props.borderColor, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)), { fallback: defaultBorderColor });
+    return typeof v === "string" ? v : defaultBorderColor;
+  };
+  const resolveCellBorderWidth = (idx) => resolveAccessor(props.borderStrokeWidth, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)), { arrayMode: "clip", fallback: 1 }) ?? 1;
+  const resolveCellLabelColor = (idx) => {
+    const v = resolveAccessor(props.labelColor, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)));
+    return typeof v === "string" ? v : void 0;
+  };
+  const resolveCellBorderDash = (idx) => resolveDash(props.borderDash, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)));
+  const resolveCellBorderDashOffset = (idx) => resolveAccessor(props.borderDashOffset, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)), { arrayMode: "clip" });
+  const resolveCellOpacity = (idx) => resolveAccessor(props.opacity, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)), { arrayMode: "clip" });
+  const resolveCellHoverColor = (idx) => {
+    const v = resolveAccessor(props.hoverColor, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)), { arrayMode: "cycle" });
+    return typeof v === "string" ? v : void 0;
+  };
+  const resolveCellHoverBorderColor = (idx) => {
+    const v = resolveAccessor(props.hoverBorderColor, makeItemContext(treemapDataArr?.[idx], idx, cellExtras(idx)), { arrayMode: "cycle" });
+    return typeof v === "string" ? v : void 0;
+  };
+  const borderJoinStyle = props.borderJoinStyle;
+  const borderAlign = props.borderAlign ?? "center";
+  const borderRadius = props.borderRadius ?? 2;
+  for (const gh of layout.groupHeaders) {
+    appendChild(
+      root,
+      createSvgRect(gh.x, gh.y, gh.width, gh.height, {
+        class: "p-chart-treemap-header-bg",
+        fill: gh.color,
+        rx: 2
+      })
+    );
+    const headerText = gh.label.toUpperCase();
+    const maxChars = Math.floor((gh.width - 16) / 6.5);
+    if (maxChars >= 2) {
+      const displayText = headerText.length <= maxChars ? headerText : headerText.slice(0, maxChars - 1) + "\u2026";
+      appendChild(
+        root,
+        createSvgText(gh.x + 8, gh.y + gh.height / 2, displayText, {
+          class: "p-chart-treemap-header-text",
+          fill: context?.theme.treemapHeaderText ?? DEFAULT_TREEMAP_HEADER_TEXT_COLOR,
+          "font-size": 10,
+          "font-weight": 700,
+          "font-family": fontFamily,
+          "dominant-baseline": "central",
+          "pointer-events": "none"
+        })
+      );
+    }
+  }
+  for (const cell of layout.cells) {
+    if (cell.width < 1 || cell.height < 1) continue;
+    const isHovered = anyHovered && cell.index === interaction.hoveredIndex;
+    const userCellOpacity = resolveCellOpacity(cell.index);
+    const cellOpacity = (anyHovered && !isHovered ? context?.effects?.dimOpacity ?? context?.theme.dimOpacity ?? DEFAULT_HOVER_DIM_OPACITY : 1) * (userCellOpacity ?? 1);
+    const cellHoverColor = isHovered ? resolveCellHoverColor(cell.index) : void 0;
+    const cellColor = cellHoverColor ?? (isHovered && (context?.effects?.hoverBrightness ?? context?.theme.hoverBrightness) ? adjustBrightness(cell.color, context?.effects?.hoverBrightness ?? context?.theme.hoverBrightness ?? DEFAULT_HOVER_BRIGHTNESS) : cell.color);
+    const cellGroup = createSvgGroup(void 0, cellOpacity < 1 ? { opacity: String(cellOpacity) } : void 0);
+    setAttr(cellGroup, "data-index", String(cell.index));
+    const cellBorderWidth = resolveCellBorderWidth(cell.index);
+    const cellBorderColor = (isHovered ? resolveCellHoverBorderColor(cell.index) : void 0) ?? resolveCellBorderColor(cell.index);
+    const inset = borderAlign === "inner" ? cellBorderWidth / 2 : 0;
+    const cx = cell.x + inset;
+    const cy = cell.y + inset;
+    const cw = cell.width - inset * 2;
+    const ch = cell.height - inset * 2;
+    const cellAttrs = {
+      class: "p-chart-treemap-cell",
+      fill: cellColor,
+      stroke: cellBorderColor,
+      "stroke-width": cellBorderWidth,
+      rx: borderRadius
+    };
+    const cellBorderDash = resolveCellBorderDash(cell.index);
+    const cellBorderDashOffset = resolveCellBorderDashOffset(cell.index);
+    if (cellBorderDash && cellBorderDash.length > 0) cellAttrs["stroke-dasharray"] = cellBorderDash.join(",");
+    if (cellBorderDashOffset) cellAttrs["stroke-dashoffset"] = cellBorderDashOffset;
+    if (borderJoinStyle) cellAttrs["stroke-linejoin"] = borderJoinStyle;
+    const cellEl = createSvgRect(cx, cy, cw, ch, cellAttrs);
+    setAttr(cellEl, "role", "img");
+    setAttr(cellEl, "aria-label", `${cell.label}: ${cell.value}${cell.secondaryLabel ? ` (${cell.secondaryLabel})` : ""}`);
+    appendChild(cellGroup, cellEl);
+    if (!props.renderContent) {
+      const info = getCellLabelInfo(cell, props.labelMinSize);
+      if (info.showPrimary) {
+        const labelFill = resolveCellLabelColor(cell.index) ?? getContrastColor(cellColor);
+        appendChild(
+          cellGroup,
+          createSvgText(info.cx, info.primaryY, cell.label, {
+            fill: labelFill,
+            "font-size": info.fontSize,
+            "font-weight": 700,
+            "font-family": fontFamily,
+            "text-anchor": "middle",
+            "dominant-baseline": "central",
+            "pointer-events": "none"
+          })
+        );
+        if (info.showSecondary) {
+          appendChild(
+            cellGroup,
+            createSvgText(info.cx, info.secondaryY, cell.secondaryLabel, {
+              fill: labelFill,
+              "font-size": info.secondaryFontSize,
+              "font-weight": 500,
+              "font-family": fontFamily,
+              "text-anchor": "middle",
+              "dominant-baseline": "central",
+              "pointer-events": "none",
+              opacity: 0.85
+            })
+          );
+        }
+      }
+    }
+    appendChild(root, cellGroup);
+  }
+  return root;
+}
+function renderTreemapGroupHoverOverlay(overlay, layouts, groupNodeId) {
+  overlay.innerHTML = "";
+  if (!groupNodeId) return;
+  for (const [, { layout }] of layouts) {
+    const bg = layout.groupBackgrounds.find((b) => b.nodeId === groupNodeId);
+    if (!bg) continue;
+    const dim = createSvgElement("rect");
+    dim.setAttribute("class", "p-chart-drilldown-dim");
+    dim.setAttribute("x", String(bg.x));
+    dim.setAttribute("y", String(bg.y));
+    dim.setAttribute("width", String(bg.width));
+    dim.setAttribute("height", String(bg.height));
+    dim.setAttribute("fill", "rgba(0,0,0,0.15)");
+    dim.setAttribute("pointer-events", "none");
+    dim.setAttribute("rx", "2");
+    overlay.appendChild(dim);
+    const border = createSvgElement("rect");
+    border.setAttribute("class", "p-chart-drilldown-border");
+    border.setAttribute("x", String(bg.x));
+    border.setAttribute("y", String(bg.y));
+    border.setAttribute("width", String(bg.width));
+    border.setAttribute("height", String(bg.height));
+    border.setAttribute("fill", "none");
+    border.setAttribute("stroke", "rgba(255,255,255,0.6)");
+    border.setAttribute("stroke-width", "2");
+    border.setAttribute("pointer-events", "none");
+    border.setAttribute("rx", "2");
+    overlay.appendChild(border);
+    break;
+  }
+}
+
+export { renderTreemapGroupHoverOverlay, renderTreemapSvg };