@chartts/core 0.1.3 → 0.1.5

package/dist/{chunk-UMIJYYF3.cjs → chunk-W626EAS5.cjs}

@@ -85,7 +85,10 @@ var NO_AXES_TYPES = /* @__PURE__ */ new Set([
   "matrix",
   "custom",
   "kagi",
-  "renko"
+  "renko",
+  "pack",
+  "voronoi",
+  "wordcloud"
 ]);
 var BAND_SCALE_TYPES = /* @__PURE__ */ new Set([
   "bar",
@@ -98,7 +101,8 @@ var BAND_SCALE_TYPES = /* @__PURE__ */ new Set([
   "lollipop",
   "combo",
   "ohlc",
-  "volume"
+  "volume",
+  "violin"
 ]);
 function resolveOptions(opts, seriesCount) {
   const multi = seriesCount > 1;
@@ -1241,6 +1245,91 @@ var CHART_CSS = (
   filter: brightness(1.15);
 }
 
+/* ---- Violin ---- */
+@keyframes chartts-violin-in {
+  from { opacity: 0; transform: scaleX(0); }
+  to { opacity: 1; transform: scaleX(1); }
+}
+.chartts-violin-shape {
+  transform-origin: center;
+  transform-box: fill-box;
+  animation: chartts-violin-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+  animation-delay: calc(var(--chartts-i, 0) * 30ms);
+  opacity: 0;
+  transition: filter 0.15s ease, fill-opacity 0.15s ease;
+  cursor: pointer;
+}
+.chartts-violin-shape:hover {
+  filter: brightness(1.15);
+  fill-opacity: 0.45 !important;
+}
+.chartts-violin-box, .chartts-violin-median {
+  pointer-events: none;
+}
+
+/* ---- Pack (Circle Packing) ---- */
+@keyframes chartts-pack-in {
+  0% { opacity: 0; transform: scale(0); }
+  70% { transform: scale(1.08); }
+  100% { opacity: 1; transform: scale(1); }
+}
+.chartts-pack-circle {
+  transform-origin: center;
+  transform-box: fill-box;
+  animation: chartts-pack-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+  animation-delay: calc(var(--chartts-i, 0) * 20ms);
+  opacity: 0;
+  transition: filter 0.15s ease, fill-opacity 0.15s ease;
+  cursor: pointer;
+}
+.chartts-pack-circle:hover {
+  filter: brightness(1.15) saturate(1.1);
+}
+.chartts-pack-label {
+  pointer-events: none;
+}
+
+/* ---- Voronoi ---- */
+@keyframes chartts-voronoi-in {
+  from { opacity: 0; transform: scale(0.85); }
+  to { opacity: 1; transform: scale(1); }
+}
+.chartts-voronoi-cell {
+  transform-origin: center;
+  transform-box: fill-box;
+  animation: chartts-voronoi-in 0.4s ease calc(var(--chartts-i, 0) * 20ms) forwards;
+  opacity: 0;
+  transition: filter 0.15s ease, fill-opacity 0.15s ease;
+  cursor: pointer;
+}
+.chartts-voronoi-cell:hover {
+  filter: brightness(1.2) saturate(1.2);
+  fill-opacity: 0.9 !important;
+}
+.chartts-voronoi-seed, .chartts-voronoi-label {
+  pointer-events: none;
+}
+
+/* ---- Word Cloud ---- */
+@keyframes chartts-wordcloud-in {
+  0% { opacity: 0; transform: scale(0.3) rotate(-8deg); }
+  70% { transform: scale(1.05) rotate(1deg); }
+  100% { opacity: 1; transform: scale(1) rotate(0deg); }
+}
+.chartts-wordcloud-word {
+  transform-origin: center;
+  transform-box: fill-box;
+  animation: chartts-wordcloud-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+  animation-delay: calc(var(--chartts-i, 0) * 40ms);
+  opacity: 0;
+  transition: filter 0.15s ease, fill-opacity 0.15s ease;
+  cursor: pointer;
+}
+.chartts-wordcloud-word:hover {
+  filter: brightness(1.2) saturate(1.3);
+  fill-opacity: 1 !important;
+}
+
 /* ---- DataZoom ---- */
 .chartts-datazoom-handle {
   cursor: ew-resize;
@@ -1292,7 +1381,9 @@ var CHART_CSS = (
 .chartts-skip-anim .chartts-volume-bar, .chartts-skip-anim .chartts-range-band,
 .chartts-skip-anim .chartts-baseline-pos, .chartts-skip-anim .chartts-baseline-neg,
 .chartts-skip-anim .chartts-baseline-line, .chartts-skip-anim .chartts-kagi-line,
-.chartts-skip-anim .chartts-renko-brick {
+.chartts-skip-anim .chartts-renko-brick,
+.chartts-skip-anim .chartts-violin-shape, .chartts-skip-anim .chartts-pack-circle,
+.chartts-skip-anim .chartts-voronoi-cell, .chartts-skip-anim .chartts-wordcloud-word {
   animation: none !important;
   opacity: 1 !important;
 }
@@ -1325,7 +1416,9 @@ var CHART_CSS = (
   .chartts-volume-bar, .chartts-range-band,
   .chartts-baseline-pos, .chartts-baseline-neg,
   .chartts-baseline-line, .chartts-kagi-line,
-  .chartts-renko-brick {
+  .chartts-renko-brick,
+  .chartts-violin-shape, .chartts-pack-circle,
+  .chartts-voronoi-cell, .chartts-wordcloud-word {
     animation: none !important;
     opacity: 1 !important;
   }
@@ -2883,7 +2976,8 @@ function createZoomPan(config, onUpdate, interactionState) {
     drag: config.drag ?? true,
     pinch: config.pinch ?? true,
     minZoom: config.minZoom ?? 1,
-    maxZoom: config.maxZoom ?? 20
+    maxZoom: config.maxZoom ?? 20,
+    normalizedPan: config.normalizedPan ?? true
   };
   const state = {
     zoomX: 1,
@@ -2942,10 +3036,10 @@ function createZoomPan(config, onUpdate, interactionState) {
     const dx = e.clientX - dragStartX;
     const dy = e.clientY - dragStartY;
     if (cfg.x) {
-      state.panX = dragStartPanX + dx / (area.width * state.zoomX);
+      state.panX = dragStartPanX + dx / (cfg.normalizedPan ? area.width * state.zoomX : area.width);
     }
     if (cfg.y) {
-      state.panY = dragStartPanY + dy / (area.height * state.zoomY);
+      state.panY = dragStartPanY + dy / (cfg.normalizedPan ? area.height * state.zoomY : area.height);
     }
     clampPan();
     onUpdate();
@@ -2994,9 +3088,11 @@ function createZoomPan(config, onUpdate, interactionState) {
   }
   function clampPan() {
     const halfVisX = (1 - 1 / state.zoomX) / 2;
-    state.panX = clamp(state.panX, -halfVisX, halfVisX);
+    const limitX = cfg.normalizedPan ? halfVisX : state.zoomX - 1;
+    state.panX = clamp(state.panX, -limitX, limitX);
     const halfVisY = (1 - 1 / state.zoomY) / 2;
-    state.panY = clamp(state.panY, -halfVisY, halfVisY);
+    const limitY = cfg.normalizedPan ? halfVisY : state.zoomY - 1;
+    state.panY = clamp(state.panY, -limitY, limitY);
   }
   function pinchDistance(e) {
     const dx = e.touches[0].clientX - e.touches[1].clientX;
@@ -4113,6 +4209,7 @@ function createInteractionLayer(chartType, getContext, getData, bus, tooltipConf
     bus.emit("crosshair:move", { x: xPos, label });
   }
   function hideCrosshair() {
+    if (activeCrosshairIndex === -1) return;
     if (crosshairVLineEl) crosshairVLineEl.style.opacity = "0";
     if (crosshairHLineEl) crosshairHLineEl.style.opacity = "0";
     if (crosshairTipEl) {
@@ -4542,7 +4639,8 @@ function createChart(target, chartType, data, options = {}) {
         y: needs2DZoom,
         wheel: currentOptions.zoom,
         drag: currentOptions.pan,
-        pinch: currentOptions.zoom
+        pinch: currentOptions.zoom,
+        normalizedPan: !needs2DZoom
       },
       () => {
         render();
@@ -4616,7 +4714,8 @@ function createChart(target, chartType, data, options = {}) {
       renderer.render(root, renderErrorState(width, height, currentTheme, stateMessage));
       return;
     }
-    const isEmpty = !currentData.series.length || currentData.series.every((s) => s.values.length === 0);
+    const hasRichGraphData = chartType.type === "graph" && (options.nodes || options.edges);
+    const isEmpty = !hasRichGraphData && (!currentData.series.length || currentData.series.every((s) => s.values.length === 0));
     if (chartState === "empty" || isEmpty) {
       renderer.render(root, renderEmptyState(width, height, currentTheme, stateMessage));
       return;
@@ -5053,5 +5152,5 @@ exports.rect = rect;
 exports.renderToString = renderToString;
 exports.resolveTheme = resolveTheme;
 exports.text = text;
-//# sourceMappingURL=chunk-UMIJYYF3.cjs.map
-//# sourceMappingURL=chunk-UMIJYYF3.cjs.map
+//# sourceMappingURL=chunk-W626EAS5.cjs.map
+//# sourceMappingURL=chunk-W626EAS5.cjs.map