@eric-emg/symphiq-components 1.2.211 → 1.2.212

package/fesm2022/symphiq-components.mjs

@@ -54704,10 +54704,17 @@ 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(projectedValue, targetValue) {
+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 (pacingPercent <= 5)
+            return 'on-pace';
+        return 'behind';
+    }
     if (pacingPercent >= 5)
         return 'ahead';
     if (pacingPercent >= -5)
@@ -54801,13 +54808,16 @@ function getPacingDisplayInfo(pacingPercentage, status, isDark) {
         displayText
     };
 }
-function calculateMetricPacing(projectedValue, targetValue) {
+function calculateMetricPacing(projectedValue, targetValue, increaseBad = false) {
     console.group(`[PACING] calculateMetricPacing`);
-    console.log('[PACING] Input:', { projectedValue, targetValue });
-    const pacingPercentage = targetValue > 0
+    console.log('[PACING] Input:', { projectedValue, targetValue, increaseBad });
+    let pacingPercentage = targetValue > 0
         ? ((projectedValue - targetValue) / targetValue) * 100
         : 0;
-    const status = calculatePacingStatus(projectedValue, targetValue);
+    if (increaseBad) {
+        pacingPercentage = -pacingPercentage;
+    }
+    const status = calculatePacingStatus(projectedValue, targetValue, increaseBad);
     console.log('[PACING] Result:', { pacingPercentage, status, projectedValue });
     console.groupEnd();
     return {
@@ -55023,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);
@@ -55101,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);
 } }
@@ -55134,14 +55144,16 @@ class FunnelMetricsVisualizationComponent {
                 console.log(`[PACING] Processing stage: ${stageMetric.metric}`);
                 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)
+                    ? calculateMetricPacing(stageProjectedValue, stageMetric.targetValue, stageIncreaseBad)
                     : null;
                 console.log(`[PACING] stagePacingInfo for ${stageMetric.metric}:`, stagePacingInfo);
                 const relatedWithPacing = related.map(relMetric => {
                     const relProjectedValue = extractProjectedValue(pacingResponse, relMetric.metric);
+                    const relIncreaseBad = MetricEnumUtil.increaseBad(relMetric.metric);
                     const relPacingInfo = relProjectedValue !== null
-                        ? calculateMetricPacing(relProjectedValue, relMetric.targetValue)
+                        ? calculateMetricPacing(relProjectedValue, relMetric.targetValue, relIncreaseBad)
                         : null;
                     return { calc: relMetric, pacingInfo: relPacingInfo };
                 });
@@ -55350,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>
@@ -55407,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>