@chartts/core 0.1.1 → 0.1.2

package/dist/{chunk-3BRQGYDX.js → chunk-BMTVFAX2.js}

@@ -471,7 +471,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-point-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 30ms + 0.4s);
+  animation-delay: calc(var(--chartts-i, 0) * 10ms + 0.4s);
   opacity: 0;
   transition: opacity 0.15s ease, stroke-width 0.15s ease;
   cursor: pointer;
@@ -490,7 +490,7 @@ var CHART_CSS = (
   transform-origin: bottom center;
   transform-box: fill-box;
   animation: chartts-bar-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 40ms);
+  animation-delay: calc(var(--chartts-i, 0) * 15ms);
   opacity: 0;
   transition: filter 0.15s ease, opacity 0.15s ease;
   cursor: pointer;
@@ -516,15 +516,15 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-slice-in 0.5s cubic-bezier(0.34, 1.3, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 60ms);
+  animation-delay: calc(var(--chartts-i, 0) * 25ms);
   opacity: 0;
-  transition: filter 0.15s ease, opacity 0.15s ease;
+  transition: filter 0.2s ease, opacity 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.3, 0.64, 1);
   cursor: pointer;
   pointer-events: all;
 }
 .chartts-slice:hover {
-  filter: brightness(1.1) saturate(1.15);
-  opacity: 0.92;
+  filter: brightness(1.08) saturate(1.15) drop-shadow(0 2px 8px rgba(0,0,0,0.2));
+  transform: scale(1.04);
 }
 
 /* ---- Sparkline ---- */
@@ -545,7 +545,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-radar-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
-  animation-delay: calc(var(--chartts-radar-i, 0) * 120ms);
+  animation-delay: calc(var(--chartts-radar-i, 0) * 35ms);
   opacity: 0;
   transition: opacity 0.2s ease, fill-opacity 0.2s ease;
 }
@@ -556,7 +556,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-point-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 30ms + 0.5s);
+  animation-delay: calc(var(--chartts-i, 0) * 10ms + 0.5s);
   opacity: 0;
   transition: r 0.15s ease, opacity 0.15s ease;
   cursor: pointer;
@@ -596,7 +596,7 @@ var CHART_CSS = (
 }
 .chartts-funnel-step {
   animation: chartts-funnel-slide 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 80ms);
+  animation-delay: calc(var(--chartts-i, 0) * 25ms);
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -612,7 +612,7 @@ var CHART_CSS = (
 }
 .chartts-waterfall-bar {
   animation: chartts-waterfall-in 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 50ms);
+  animation-delay: calc(var(--chartts-i, 0) * 15ms);
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -630,7 +630,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-candle-in 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 50ms);
+  animation-delay: calc(var(--chartts-i, 0) * 15ms);
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -652,7 +652,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-bubble-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 50ms);
+  animation-delay: calc(var(--chartts-i, 0) * 15ms);
   opacity: 0;
   transition: filter 0.15s ease, opacity 0.15s ease;
   cursor: pointer;
@@ -666,7 +666,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-point-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 30ms);
+  animation-delay: calc(var(--chartts-i, 0) * 10ms);
   opacity: 0;
   transition: filter 0.15s ease, opacity 0.15s ease;
   cursor: pointer;
@@ -703,7 +703,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-boxplot-in 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 60ms);
+  animation-delay: calc(var(--chartts-i, 0) * 3ms);
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -724,7 +724,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-cell-grow 0.4s ease forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 40ms);
+  animation-delay: calc(var(--chartts-i, 0) * 12ms);
   cursor: pointer;
   transition: filter 0.15s ease;
 }
@@ -744,7 +744,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-wedge-in 0.5s ease forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 50ms);
+  animation-delay: calc(var(--chartts-i, 0) * 15ms);
   cursor: pointer;
   transition: filter 0.15s ease;
 }
@@ -765,7 +765,7 @@ var CHART_CSS = (
 }
 .chartts-radialbar-arc {
   animation: chartts-radialbar-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 100ms);
+  animation-delay: calc(var(--chartts-i, 0) * 30ms);
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -786,7 +786,7 @@ var CHART_CSS = (
   transform-origin: bottom center;
   transform-box: fill-box;
   animation: chartts-lollipop-in 0.4s ease forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 40ms);
+  animation-delay: calc(var(--chartts-i, 0) * 12ms);
 }
 .chartts-lollipop-dot {
   cursor: pointer;
@@ -805,7 +805,7 @@ var CHART_CSS = (
   transform-origin: left center;
   transform-box: fill-box;
   animation: chartts-bullet-in 0.5s ease forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 80ms);
+  animation-delay: calc(var(--chartts-i, 0) * 25ms);
   cursor: pointer;
   transition: filter 0.15s ease;
 }
@@ -826,7 +826,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-dumbbell-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 60ms);
+  animation-delay: calc(var(--chartts-i, 0) * 3ms);
   opacity: 0;
   cursor: pointer;
   transition: filter 0.15s ease;
@@ -843,7 +843,7 @@ var CHART_CSS = (
   cursor: pointer;
   transition: filter 0.15s ease;
   animation: chartts-cell-in 0.3s ease forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 8ms);
+  animation-delay: calc(var(--chartts-i, 0) * 3ms);
 }
 .chartts-calendar-cell:hover {
   filter: brightness(1.2);
@@ -895,7 +895,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-sunburst-in 0.5s cubic-bezier(0.34, 1.3, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 30ms);
+  animation-delay: calc(var(--chartts-i, 0) * 10ms);
   opacity: 0;
   transition: filter 0.15s ease, fill-opacity 0.15s ease;
   cursor: pointer;
@@ -918,7 +918,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-tree-node-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 50ms);
+  animation-delay: calc(var(--chartts-i, 0) * 15ms);
   opacity: 0;
   transition: filter 0.15s ease, r 0.15s ease;
   cursor: pointer;
@@ -944,7 +944,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-graph-node-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 40ms);
+  animation-delay: calc(var(--chartts-i, 0) * 12ms);
   opacity: 0;
   transition: filter 0.15s ease, r 0.15s ease;
   cursor: pointer;
@@ -990,7 +990,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-stream-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 80ms);
+  animation-delay: calc(var(--chartts-i, 0) * 25ms);
   opacity: 0;
   transition: fill-opacity 0.15s ease;
   cursor: pointer;
@@ -1012,7 +1012,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-pictorial-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 20ms);
+  animation-delay: calc(var(--chartts-i, 0) * 3ms);
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -1033,7 +1033,7 @@ var CHART_CSS = (
   transform-origin: center;
   transform-box: fill-box;
   animation: chartts-chord-arc-in 0.5s ease forwards;
-  animation-delay: calc(var(--chartts-i, 0) * 60ms);
+  animation-delay: calc(var(--chartts-i, 0) * 3ms);
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -1069,7 +1069,7 @@ var CHART_CSS = (
 }
 .chartts-skeleton-bar {
   animation: chartts-shimmer 1.5s ease-in-out infinite;
-  animation-delay: calc(var(--chartts-i, 0) * 150ms);
+  animation-delay: calc(var(--chartts-i, 0) * 40ms);
 }
 
 /* ---- Grid ---- */
@@ -1083,7 +1083,7 @@ var CHART_CSS = (
   to { opacity: 1; }
 }
 .chartts-geo-region {
-  animation: chartts-geo-in 0.4s ease calc(var(--chartts-i, 0) * 30ms) forwards;
+  animation: chartts-geo-in 0.4s ease calc(var(--chartts-i, 0) * 3ms) forwards;
   opacity: 0;
   transition: fill-opacity 0.2s ease, filter 0.15s ease;
   cursor: pointer;
@@ -1104,7 +1104,7 @@ var CHART_CSS = (
 }
 .chartts-lines-flow {
   stroke-dasharray: 300;
-  animation: chartts-lines-flow-in 0.8s ease calc(var(--chartts-i, 0) * 80ms) forwards;
+  animation: chartts-lines-flow-in 0.8s ease calc(var(--chartts-i, 0) * 8ms) forwards;
   opacity: 0;
   transition: stroke-width 0.2s ease, stroke-opacity 0.2s ease;
   cursor: pointer;
@@ -1124,7 +1124,7 @@ var CHART_CSS = (
   to { opacity: 1; transform: scale(1); }
 }
 .chartts-matrix-cell {
-  animation: chartts-matrix-in 0.3s ease calc(var(--chartts-i, 0) * 15ms) forwards;
+  animation: chartts-matrix-in 0.3s ease calc(var(--chartts-i, 0) * 5ms) forwards;
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -1139,7 +1139,7 @@ var CHART_CSS = (
   to { opacity: 1; transform: scaleY(1); }
 }
 .chartts-ohlc-stem, .chartts-ohlc-tick {
-  animation: chartts-ohlc-in 0.3s ease calc(var(--chartts-i, 0) * 20ms) forwards;
+  animation: chartts-ohlc-in 0.3s ease calc(var(--chartts-i, 0) * 8ms) forwards;
   opacity: 0;
   transition: stroke-width 0.15s ease;
 }
@@ -1153,7 +1153,7 @@ var CHART_CSS = (
   to { opacity: 1; transform: scaleY(1); }
 }
 .chartts-volume-bar {
-  animation: chartts-volume-in 0.3s ease calc(var(--chartts-i, 0) * 20ms) forwards;
+  animation: chartts-volume-in 0.3s ease calc(var(--chartts-i, 0) * 8ms) forwards;
   opacity: 0;
   transition: filter 0.15s ease, fill-opacity 0.15s ease;
   cursor: pointer;
@@ -1206,7 +1206,7 @@ var CHART_CSS = (
 }
 .chartts-kagi-line {
   stroke-dasharray: 200;
-  animation: chartts-kagi-in 0.6s ease calc(var(--chartts-i, 0) * 40ms) forwards;
+  animation: chartts-kagi-in 0.6s ease calc(var(--chartts-i, 0) * 12ms) forwards;
   opacity: 0;
   transition: stroke-width 0.15s ease;
 }
@@ -1217,7 +1217,7 @@ var CHART_CSS = (
   to { opacity: 1; transform: scale(1); }
 }
 .chartts-renko-brick {
-  animation: chartts-renko-in 0.3s ease calc(var(--chartts-i, 0) * 25ms) forwards;
+  animation: chartts-renko-in 0.3s ease calc(var(--chartts-i, 0) * 8ms) forwards;
   opacity: 0;
   transition: filter 0.15s ease;
   cursor: pointer;
@@ -1255,6 +1255,37 @@ var CHART_CSS = (
   opacity: 0.7;
 }
 
+/* ---- Skip animations on data update ---- */
+.chartts-skip-anim .chartts-line, .chartts-skip-anim .chartts-area, .chartts-skip-anim .chartts-point,
+.chartts-skip-anim .chartts-bar, .chartts-skip-anim .chartts-slice, .chartts-skip-anim .chartts-bubble,
+.chartts-skip-anim .chartts-funnel-step, .chartts-skip-anim .chartts-waterfall-bar,
+.chartts-skip-anim .chartts-sparkline-line, .chartts-skip-anim .chartts-gauge-fill,
+.chartts-skip-anim .chartts-gauge-needle, .chartts-skip-anim .chartts-gauge-needle-cap,
+.chartts-skip-anim .chartts-radar-area, .chartts-skip-anim .chartts-radar-point,
+.chartts-skip-anim .chartts-treemap-cell, .chartts-skip-anim .chartts-polar-wedge,
+.chartts-skip-anim .chartts-lollipop-stem, .chartts-skip-anim .chartts-bullet-bar,
+.chartts-skip-anim .chartts-dumbbell-dot, .chartts-skip-anim .chartts-boxplot-box,
+.chartts-skip-anim .chartts-radialbar-arc, .chartts-skip-anim .chartts-sankey-link,
+.chartts-skip-anim .chartts-calendar-cell,
+.chartts-skip-anim .chartts-sunburst-sector, .chartts-skip-anim .chartts-tree-node,
+.chartts-skip-anim .chartts-graph-node, .chartts-skip-anim .chartts-graph-edge,
+.chartts-skip-anim .chartts-themeriver-stream, .chartts-skip-anim .chartts-pictorialbar-symbol,
+.chartts-skip-anim .chartts-chord-arc, .chartts-skip-anim .chartts-chord-ribbon,
+.chartts-skip-anim .chartts-geo-region, .chartts-skip-anim .chartts-lines-flow,
+.chartts-skip-anim .chartts-lines-node, .chartts-skip-anim .chartts-matrix-cell,
+.chartts-skip-anim .chartts-ohlc-stem, .chartts-skip-anim .chartts-ohlc-tick,
+.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 {
+  animation: none !important;
+  opacity: 1 !important;
+  transform: none !important;
+}
+.chartts-skip-anim .chartts-gauge-fill {
+  stroke-dashoffset: 0 !important;
+}
+
 /* ---- Reduced motion ---- */
 @media (prefers-reduced-motion: reduce) {
   .chartts-line, .chartts-area, .chartts-point,
@@ -4117,6 +4148,8 @@ function createInteractionLayer(chartType, getContext, getData, bus, tooltipConf
     if (isCanvas) {
       if (hitX == null || hitY == null) return;
       syncOverlay();
+      const pointChartTypes = /* @__PURE__ */ new Set(["line", "scatter", "bubble", "area", "sparkline", "combo", "step", "baseline", "range"]);
+      if (!pointChartTypes.has(chartType.type)) return;
       const data = getData();
       const series = data.series[seriesIndex];
       if (!series) return;
@@ -4430,6 +4463,7 @@ function createChart(target, chartType, data, options = {}) {
   }) : () => {
   };
   render();
+  root.element.classList.add("chartts-skip-anim");
   function render() {
     if (useCanvas) {
       const canvas = root.element;
@@ -4855,5 +4889,5 @@ function computeBounds(series, options) {
 }
 
 export { CORPORATE_THEME, CSS_PREFIX, DARK_THEME, EDITORIAL_THEME, LIGHT_THEME, OCEAN_THEME, PALETTE, PathBuilder, SAAS_THEME, STARTUP_THEME, THEME_PRESETS, applyTheme, circle, createBrush, createCanvasRenderer, createCategoricalScale, createChart, createDebugPanel, createEventBus, createLinearScale, createSVGRenderer, createWebGLRenderer, createZoomPan, decimateData, group, line, path, prepareData, rect, renderToString, resolveTheme, text };
-//# sourceMappingURL=chunk-3BRQGYDX.js.map
-//# sourceMappingURL=chunk-3BRQGYDX.js.map
+//# sourceMappingURL=chunk-BMTVFAX2.js.map
+//# sourceMappingURL=chunk-BMTVFAX2.js.map