@eric-emg/symphiq-components 1.2.246 → 1.2.247

package/fesm2022/symphiq-components.mjs

@@ -56705,7 +56705,8 @@ class LineChartComponent {
         // Check for explicit keywords
         if (name.includes('last year') ||
             name.includes('prior year') ||
-            name.includes('previous year')) {
+            name.includes('previous year') ||
+            name.includes('comparison')) {
             return true;
         }
         // Check for year patterns - extract any 4-digit year and compare to current year
@@ -56716,6 +56717,13 @@ class LineChartComponent {
         }
         return false;
     }
+    isProjectionSeries(seriesData) {
+        if (!seriesData || !seriesData.name) {
+            return false;
+        }
+        const name = seriesData.name.toLowerCase();
+        return name.includes('projection') || name.includes('projected') || name.includes('target');
+    }
     extractMetricName(seriesName) {
         // Extract metric name from series name by removing year patterns
         // e.g., "Purchase Revenue (2025)" -> "Purchase Revenue"
@@ -56916,6 +56924,8 @@ class LineChartComponent {
             const seriesColor = color(seriesColorValue);
             // Check if this is a prior year series for YoY charts
             const isPriorYear = isYoYChart && this.isPriorYearSeries(seriesData);
+            const isProjection = this.isProjectionSeries(seriesData);
+            console.log('[LineChart] Series:', seriesData.name, { isPriorYear, isProjection, isYoYChart, dataPoints: parsedData.length });
             if (!this.chartElement || !this.root)
                 return;
             const series = this.chartElement.series.push(LineSeries.new(this.root, {
@@ -56927,23 +56937,32 @@ class LineChartComponent {
                 stroke: seriesColor
             }));
             // Store valueFormat and prior year flag in userData for tooltip formatting
-            series.set('userData', { valueFormat: seriesData.valueFormat, isPriorYear });
+            series.set('userData', { valueFormat: seriesData.valueFormat, isPriorYear, isProjection });
             // Disable individual series tooltips - use floating tooltip instead
             series.set('tooltip', undefined);
-            // Configure stroke styling based on whether it's a prior year series
+            // Configure stroke styling based on series type
             series.strokes.template.setAll({
-                strokeWidth: 2
+                strokeWidth: isPriorYear ? 2 : 3
             });
             if (isPriorYear) {
                 // Apply dashed line and reduced opacity for prior year data
                 series.strokes.template.setAll({
                     strokeDasharray: [5, 5],
-                    strokeOpacity: 0.4
+                    strokeOpacity: 0.5
                 });
-                // Also set on each individual stroke
                 series.strokes.each((stroke) => {
                     stroke.set('strokeDasharray', [5, 5]);
-                    stroke.set('strokeOpacity', 0.4);
+                    stroke.set('strokeOpacity', 0.5);
+                });
+            }
+            else if (isProjection) {
+                // Apply dotted line for projection data
+                series.strokes.template.setAll({
+                    strokeDasharray: [10, 5],
+                    strokeWidth: 3
+                });
+                series.strokes.each((stroke) => {
+                    stroke.set('strokeDasharray', [10, 5]);
                 });
             }
             // Add bullets with larger hit area for better hover detection
@@ -56953,7 +56972,7 @@ class LineChartComponent {
                     fill: seriesColor
                 };
                 if (isPriorYear) {
-                    bulletConfig['fillOpacity'] = 0.4;
+                    bulletConfig['fillOpacity'] = 0.5;
                 }
                 if (!this.root)
                     return Bullet.new({}, { sprite: Circle.new({}, {}) });
@@ -57064,6 +57083,7 @@ class ProgressToTargetChartComponent {
             paddingRight: 0
         }));
         this.chart.zoomOutButton.set('forceHidden', true);
+        this.chart.plotContainer.set('maskContent', false);
         const xRenderer = AxisRendererX.new(this.root, {
             strokeOpacity: 0.1
         });
@@ -57788,6 +57808,11 @@ class MetricReportModalComponent {
             const currentYearData = this.generateCurrentYearData(pacingResponse, metric.metric);
             const priorYearData = this.generatePriorYearData(pacingResponse, metric.metric);
             const projectionData = this.generateProjectionData(pacingResponse, metric.metric);
+            console.log('[PaceChart] Metric:', metric.metric);
+            console.log('[PaceChart] Current Year Data:', currentYearData);
+            console.log('[PaceChart] Prior Year Data:', priorYearData);
+            console.log('[PaceChart] Projection Data:', projectionData);
+            console.log('[PaceChart] Pacing Response:', pacingResponse);
             return {
                 chartType: 'LINE',
                 title: 'Pace',