@eric-emg/symphiq-components 1.2.249 → 1.2.250

package/fesm2022/symphiq-components.mjs

@@ -56759,7 +56759,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
@@ -56770,6 +56771,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"
@@ -56968,8 +56976,9 @@ class LineChartComponent {
                 seriesColorValue = axisColors[yaxisLabel] || axisColorPalette[index % axisColorPalette.length];
             }
             const seriesColor = color(seriesColorValue);
-            // Check if this is a prior year series for YoY charts
+            // Check if this is a prior year or projection series for YoY charts
             const isPriorYear = isYoYChart && this.isPriorYearSeries(seriesData);
+            const isProjection = this.isProjectionSeries(seriesData);
             if (!this.chartElement || !this.root)
                 return;
             const series = this.chartElement.series.push(LineSeries.new(this.root, {
@@ -56981,7 +56990,7 @@ 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 series type
@@ -56999,6 +57008,16 @@ class LineChartComponent {
                     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
             series.bullets.push(() => {
                 const bulletConfig = {
@@ -57052,10 +57071,10 @@ class LineChartComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineChartComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-line-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
-      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
-    </div>
+        args: [{ selector: 'symphiq-line-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
+      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
+    </div>
   `, styles: [".chart-container{width:100%;padding:1rem}.chart-container.mini-mode{padding:.25rem}\n"] }]
     }], () => [], { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: false }] }], showAxisLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAxisLabels", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], chartDiv: [{
             type: ViewChild,
@@ -57893,6 +57912,7 @@ class MetricReportModalComponent {
                 chartType: 'LINE',
                 title: 'Pace',
                 description: '',
+                lineChartUseCase: LineChartUseCaseEnum.THIS_YEAR_VS_LAST_YEAR,
                 lineChartData: {
                     series: [
                         {