@eric-emg/symphiq-components 1.2.210 → 1.2.212

package/fesm2022/symphiq-components.mjs

@@ -54704,19 +54704,20 @@ class RevenueCalculatorWelcomeBannerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], hasTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTargets", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevenueCalculatorWelcomeBannerComponent, { className: "RevenueCalculatorWelcomeBannerComponent", filePath: "lib/components/revenue-calculator-dashboard/revenue-calculator-welcome-banner.component.ts", lineNumber: 85 }); })();
 
-function calculatePacingStatus(currentValue, priorValue, targetValue) {
-    if (targetValue !== undefined && targetValue > 0) {
-        const targetGrowth = ((targetValue - priorValue) / priorValue) * 100;
-        const actualGrowth = ((currentValue - priorValue) / priorValue) * 100;
-        if (actualGrowth >= targetGrowth * 1.05)
+function calculatePacingStatus(projectedValue, targetValue, increaseBad = false) {
+    if (targetValue <= 0)
+        return 'on-pace';
+    const pacingPercent = ((projectedValue - targetValue) / targetValue) * 100;
+    if (increaseBad) {
+        if (pacingPercent <= -5)
             return 'ahead';
-        if (actualGrowth >= targetGrowth * 0.95)
+        if (pacingPercent <= 5)
             return 'on-pace';
         return 'behind';
     }
-    if (currentValue >= priorValue * 1.05)
+    if (pacingPercent >= 5)
         return 'ahead';
-    if (currentValue >= priorValue * 0.95)
+    if (pacingPercent >= -5)
         return 'on-pace';
     return 'behind';
 }
@@ -54807,22 +54808,16 @@ function getPacingDisplayInfo(pacingPercentage, status, isDark) {
         displayText
     };
 }
-function calculateMetricPacing(metric) {
-    console.group(`[PACING] calculateMetricPacing for ${metric.metric}`);
-    console.log('[PACING] Input metric:', JSON.stringify(metric, null, 2));
-    const currentValue = metric.currentValue || 0;
-    const priorYtdValue = metric.priorYtdValue || 0;
-    const targetValue = metric.targetValue;
-    console.log('[PACING] Extracted values:', { currentValue, priorYtdValue, targetValue });
-    const calculatedPacingPct = priorYtdValue > 0 ? ((currentValue - priorYtdValue) / priorYtdValue) * 100 : 0;
-    const pacingPercentage = metric.pacingPercentage || calculatedPacingPct;
-    console.log('[PACING] Pacing calculation:', {
-        'metric.pacingPercentage (pre-calculated)': metric.pacingPercentage,
-        'calculatedPacingPct': calculatedPacingPct,
-        'final pacingPercentage': pacingPercentage
-    });
-    const projectedValue = metric.projectedValue || currentValue;
-    const status = calculatePacingStatus(currentValue, priorYtdValue, targetValue);
+function calculateMetricPacing(projectedValue, targetValue, increaseBad = false) {
+    console.group(`[PACING] calculateMetricPacing`);
+    console.log('[PACING] Input:', { projectedValue, targetValue, increaseBad });
+    let pacingPercentage = targetValue > 0
+        ? ((projectedValue - targetValue) / targetValue) * 100
+        : 0;
+    if (increaseBad) {
+        pacingPercentage = -pacingPercentage;
+    }
+    const status = calculatePacingStatus(projectedValue, targetValue, increaseBad);
     console.log('[PACING] Result:', { pacingPercentage, status, projectedValue });
     console.groupEnd();
     return {
@@ -54831,66 +54826,29 @@ function calculateMetricPacing(metric) {
         projectedValue
     };
 }
-function extractMetricPacing(pacingResponse, metricEnum) {
-    console.group(`[PACING] extractMetricPacing for ${metricEnum}`);
+function extractProjectedValue(pacingResponse, metricEnum) {
+    console.group(`[PACING] extractProjectedValue for ${metricEnum}`);
     if (!pacingResponse) {
         console.log('[PACING] No pacingResponse provided - returning null');
         console.groupEnd();
         return null;
     }
+    const resp = pacingResponse;
     console.log('[PACING] pacingResponse structure:', {
-        hasSoFarMetricValues: !!pacingResponse.soFarMetricValues,
-        soFarMetricValuesCount: pacingResponse.soFarMetricValues?.length ?? 0,
-        soFarMetrics: pacingResponse.soFarMetricValues?.map(m => m.metric),
-        hasProjectedMetricValues: !!pacingResponse.projectedMetricValues,
-        projectedMetricValuesCount: pacingResponse.projectedMetricValues?.length ?? 0,
-        projectedMetrics: pacingResponse.projectedMetricValues?.map(m => m.metric),
-        hasLastYearMetricValuesMonthly: !!pacingResponse.lastYearMetricValuesMonthly,
-        lastYearMetricValuesMonthlyCount: pacingResponse.lastYearMetricValuesMonthly?.length ?? 0,
-        lastYearMetrics: [...new Set(pacingResponse.lastYearMetricValuesMonthly?.map(m => m.metric))]
-    });
-    const soFarMetric = pacingResponse.soFarMetricValues?.find(m => m.metric === metricEnum);
-    const projectedMetric = pacingResponse.projectedMetricValues?.find(m => m.metric === metricEnum);
-    const lastYearMetrics = pacingResponse.lastYearMetricValuesMonthly?.filter(m => m.metric === metricEnum) || [];
-    console.log('[PACING] Found metrics for', metricEnum, ':', {
-        soFarMetric: soFarMetric ? { metric: soFarMetric.metric, value: soFarMetric.value } : null,
-        projectedMetric: projectedMetric ? { metric: projectedMetric.metric, value: projectedMetric.value } : null,
-        lastYearMetricsCount: lastYearMetrics.length,
-        lastYearMetricsValues: lastYearMetrics.map(m => ({ metric: m.metric, value: m.value }))
+        hasProjectedMetricValues: !!resp.projectedMetricValues,
+        projectedMetricValuesCount: resp.projectedMetricValues?.length ?? 0
     });
-    if (!soFarMetric && !projectedMetric) {
-        console.log('[PACING] No soFarMetric and no projectedMetric found - returning null');
+    const projectedMetric = resp.projectedMetricValues?.find((m) => m.metric === metricEnum);
+    console.log('[PACING] Found projectedMetric for', metricEnum, ':', projectedMetric ? { metric: projectedMetric.metric, value: projectedMetric.value } : null);
+    if (!projectedMetric?.value) {
+        console.log('[PACING] No projectedMetric found - returning null');
         console.groupEnd();
         return null;
     }
-    const currentValue = soFarMetric?.value ? parseFloat(soFarMetric.value) : 0;
-    const projectedValue = projectedMetric?.value ? parseFloat(projectedMetric.value) : 0;
-    const priorYtdValue = lastYearMetrics.reduce((sum, m) => {
-        return sum + (m.value ? parseFloat(m.value) : 0);
-    }, 0);
-    console.log('[PACING] Calculated values:', {
-        currentValue,
-        projectedValue,
-        priorYtdValue,
-        'priorYtdValue === 0': priorYtdValue === 0
-    });
-    if (priorYtdValue === 0) {
-        console.log('[PACING] priorYtdValue is 0 - returning null (no prior year data to compare)');
-        console.groupEnd();
-        return null;
-    }
-    const pacingPercentage = ((currentValue - priorYtdValue) / priorYtdValue) * 100;
-    const result = {
-        metric: metricEnum,
-        currentValue,
-        priorYtdValue,
-        projectedValue,
-        pacingPercentage,
-        ytdVariancePercent: pacingPercentage
-    };
-    console.log('[PACING] Returning PerformanceMetricInterface:', result);
+    const projectedValue = parseFloat(projectedMetric.value);
+    console.log('[PACING] Returning projectedValue:', projectedValue);
     console.groupEnd();
-    return result;
+    return projectedValue;
 }
 
 class PacingStatusBadgeComponent {
@@ -55063,7 +55021,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_23_For_6_Template
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.relatedPercentageBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.getGrowthSign(metric_r3.calc.metric), "", ctx_r1.formatPercentage(metric_r3.calc.percentageIncrease, 1), " ");
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.getGrowthSign(metric_r3.calc.metric), "", ctx_r1.formatPercentage(ctx_r1.Math.abs(metric_r3.calc.percentageIncrease), 1), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", metric_r3.pacingInfo ? "grid-cols-3" : "grid-cols-2");
     i0.ɵɵadvance(2);
@@ -55075,7 +55033,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_23_For_6_Template
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.relatedLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Target: ", ctx_r1.formatMetricValue(metric_r3.calc.targetValue, metric_r3.calc.metric));
+    i0.ɵɵtextInterpolate1("Target: ", ctx_r1.formatMetricValue(metric_r3.calc.targetValue, metric_r3.calc.metric, false));
 } }
 function FunnelMetricsVisualizationComponent_For_4_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 16);
@@ -55135,7 +55093,7 @@ function FunnelMetricsVisualizationComponent_For_4_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.percentageBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.getGrowthSign(stage_r1.stageMetric.metric), "", ctx_r1.formatPercentage(stage_r1.stageMetric.percentageIncrease, 1), " ");
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.getGrowthSign(stage_r1.stageMetric.metric), "", ctx_r1.formatPercentage(ctx_r1.Math.abs(stage_r1.stageMetric.percentageIncrease), 1), " ");
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
     i0.ɵɵadvance();
@@ -55153,7 +55111,7 @@ function FunnelMetricsVisualizationComponent_For_4_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.targetValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(stage_r1.stageMetric.targetValue, stage_r1.stageMetric.metric), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(stage_r1.stageMetric.targetValue, stage_r1.stageMetric.metric, false), " ");
     i0.ɵɵadvance();
     i0.ɵɵconditional(stage_r1.relatedMetrics.length > 0 ? 23 : -1);
 } }
@@ -55162,6 +55120,7 @@ class FunnelMetricsVisualizationComponent {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.calculations = input([], ...(ngDevMode ? [{ debugName: "calculations" }] : []));
         this.pacingMetrics = input(undefined, ...(ngDevMode ? [{ debugName: "pacingMetrics" }] : []));
+        this.Math = Math;
         this.currentYear = computed(() => new Date().getFullYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
         this.priorYear = computed(() => new Date().getFullYear() - 1, ...(ngDevMode ? [{ debugName: "priorYear" }] : []));
         this.funnelStages = computed(() => {
@@ -55183,13 +55142,19 @@ class FunnelMetricsVisualizationComponent {
             stageMetrics.forEach(stageMetric => {
                 const related = relatedMetrics.filter(rm => rm.funnelMetric === stageMetric.metric);
                 console.log(`[PACING] Processing stage: ${stageMetric.metric}`);
-                const stagePacingMetric = extractMetricPacing(pacingResponse, stageMetric.metric);
-                console.log(`[PACING] stagePacingMetric for ${stageMetric.metric}:`, stagePacingMetric);
-                const stagePacingInfo = stagePacingMetric ? calculateMetricPacing(stagePacingMetric) : null;
+                const stageProjectedValue = extractProjectedValue(pacingResponse, stageMetric.metric);
+                console.log(`[PACING] stageProjectedValue for ${stageMetric.metric}:`, stageProjectedValue);
+                const stageIncreaseBad = MetricEnumUtil.increaseBad(stageMetric.metric);
+                const stagePacingInfo = stageProjectedValue !== null
+                    ? calculateMetricPacing(stageProjectedValue, stageMetric.targetValue, stageIncreaseBad)
+                    : null;
                 console.log(`[PACING] stagePacingInfo for ${stageMetric.metric}:`, stagePacingInfo);
                 const relatedWithPacing = related.map(relMetric => {
-                    const relPacingMetric = extractMetricPacing(pacingResponse, relMetric.metric);
-                    const relPacingInfo = relPacingMetric ? calculateMetricPacing(relPacingMetric) : null;
+                    const relProjectedValue = extractProjectedValue(pacingResponse, relMetric.metric);
+                    const relIncreaseBad = MetricEnumUtil.increaseBad(relMetric.metric);
+                    const relPacingInfo = relProjectedValue !== null
+                        ? calculateMetricPacing(relProjectedValue, relMetric.targetValue, relIncreaseBad)
+                        : null;
                     return { calc: relMetric, pacingInfo: relPacingInfo };
                 });
                 grouped.set(stageMetric.metric, {
@@ -55368,7 +55333,7 @@ class FunnelMetricsVisualizationComponent {
                   />
                 }
                 <div [ngClass]="percentageBadgeClasses()" class="px-4 py-2 rounded-lg font-bold text-sm">
-                  {{ getGrowthSign(stage.stageMetric.metric) }}{{ formatPercentage(stage.stageMetric.percentageIncrease, 1) }}
+                  {{ getGrowthSign(stage.stageMetric.metric) }}{{ formatPercentage(Math.abs(stage.stageMetric.percentageIncrease), 1) }}
                 </div>
               </div>
             </div>
@@ -55397,7 +55362,7 @@ class FunnelMetricsVisualizationComponent {
                   {{ currentYear() }} Target
                 </p>
                 <p [ngClass]="targetValueClasses()" class="text-2xl font-bold">
-                  {{ formatMetricValue(stage.stageMetric.targetValue, stage.stageMetric.metric) }}
+                  {{ formatMetricValue(stage.stageMetric.targetValue, stage.stageMetric.metric, false) }}
                 </p>
               </div>
             </div>
@@ -55440,7 +55405,7 @@ class FunnelMetricsVisualizationComponent {
                             />
                           }
                           <span [ngClass]="relatedPercentageBadgeClasses()" class="px-2 py-1 rounded text-xs font-bold">
-                            {{ getGrowthSign(metric.calc.metric) }}{{ formatPercentage(metric.calc.percentageIncrease, 1) }}
+                            {{ getGrowthSign(metric.calc.metric) }}{{ formatPercentage(Math.abs(metric.calc.percentageIncrease), 1) }}
                           </span>
                         </div>
                       </div>
@@ -55454,7 +55419,7 @@ class FunnelMetricsVisualizationComponent {
                           </div>
                         }
                         <div>
-                          <p [ngClass]="relatedLabelClasses()">Target: {{ formatMetricValue(metric.calc.targetValue, metric.calc.metric) }}</p>
+                          <p [ngClass]="relatedLabelClasses()">Target: {{ formatMetricValue(metric.calc.targetValue, metric.calc.metric, false) }}</p>
                         </div>
                       </div>
                     </div>