@eric-emg/symphiq-components 1.2.259 → 1.2.261

package/fesm2022/symphiq-components.mjs

@@ -59344,7 +59344,7 @@ class InitialTargetSettingComponent {
             return revenueMetric?.value ? parseFloat(revenueMetric.value) : 0;
         }, ...(ngDevMode ? [{ debugName: "currentPaceProjection" }] : []));
         this.gapToClose = computed(() => {
-            const target = this.calculatedRevenue();
+            const target = this.displayedTargetRevenue();
             const projection = this.currentPaceProjection();
             if (target === 0 || projection === 0)
                 return { amount: 0, percentage: 0 };
@@ -59373,7 +59373,7 @@ class InitialTargetSettingComponent {
             return ((target - prior) / prior) * 100;
         }, ...(ngDevMode ? [{ debugName: "percentageIncrease" }] : []));
         this.isTargetValid = computed(() => {
-            return this.calculatedRevenue() > this.priorYearRevenue();
+            return this.displayedTargetRevenue() > this.priorYearRevenue();
         }, ...(ngDevMode ? [{ debugName: "isTargetValid" }] : []));
         this.displayedMetricCalculations = computed(() => {
             const targets = this.targets();
@@ -59525,9 +59525,11 @@ class InitialTargetSettingComponent {
             }
         }, { allowSignalWrites: true });
         effect(() => {
-            const isValid = this.calculatedRevenue() > this.priorYearRevenue();
-            const increaseAmount = this.calculatedRevenue() - this.priorYearRevenue();
-            const percentageGrowth = this.percentageIncrease();
+            const targetRevenue = this.displayedTargetRevenue();
+            const priorRevenue = this.priorYearRevenue();
+            const isValid = targetRevenue > priorRevenue && priorRevenue > 0;
+            const increaseAmount = targetRevenue - priorRevenue;
+            const percentageGrowth = priorRevenue > 0 ? ((targetRevenue - priorRevenue) / priorRevenue) * 100 : 0;
             const gap = this.gapToClose();
             if (isValid && increaseAmount > 0) {
                 this.animateCountUp(increaseAmount, percentageGrowth, Math.abs(gap.amount), gap.percentage);
@@ -59996,9 +59998,9 @@ class InitialTargetSettingComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.revenueChartData() ? 32 : 33);
             i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("calculated-card-enter-active", ctx.calculatedRevenue() > 0);
+            i0.ɵɵclassProp("calculated-card-enter-active", ctx.displayedTargetRevenue() > 0);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.calculatedRevenue() > 0 ? 36 : -1);
+            i0.ɵɵconditional(ctx.displayedTargetRevenue() > 0 ? 36 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.calculationState() !== "results" ? 37 : -1);
             i0.ɵɵadvance();
@@ -60204,9 +60206,9 @@ class InitialTargetSettingComponent {
               </div>
             </div>
 
-            <div class="calculated-card-enter order-first lg:order-last" [class.calculated-card-enter-active]="calculatedRevenue() > 0">
+            <div class="calculated-card-enter order-first lg:order-last" [class.calculated-card-enter-active]="displayedTargetRevenue() > 0">
               <div class="calculated-card-content">
-                @if (calculatedRevenue() > 0) {
+                @if (displayedTargetRevenue() > 0) {
                   <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2"
                     [class.h-full]="calculationState() !== 'results' || detailsExpanded()">
                     <div>
@@ -60634,6 +60636,10 @@ class SymphiqRevenueCalculatorDashboardComponent {
         this.isScrolled = signal(false, ...(ngDevMode ? [{ debugName: "isScrolled" }] : []));
         this.isProgrammaticScroll = false;
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.hasAnyTargets = computed(() => {
+            const targets = this.targets();
+            return targets !== undefined && targets.length > 0;
+        }, ...(ngDevMode ? [{ debugName: "hasAnyTargets" }] : []));
         this.hasCurrentYearTargets = computed(() => {
             const targets = this.targets() ?? [];
             const metrics = this.funnelMetrics() ?? [];
@@ -60807,7 +60813,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate" : "text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.REVENUE_CALCULATOR)("showNextStepAction", ctx.hasCurrentYearTargets())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.REVENUE_CALCULATOR)("showNextStepAction", ctx.hasAnyTargets())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(ctx.isLoading() ? 23 : ctx.dataLoadStatus() !== ctx.ShopDataLoadStatusEnum.FULLY_LOADED ? 24 : 25);
         } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent,
@@ -60896,7 +60902,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
         <symphiq-journey-progress-indicator
             [viewMode]="viewMode()"
             [currentStepId]="JourneyStepIdEnum.REVENUE_CALCULATOR"
-            [showNextStepAction]="hasCurrentYearTargets()"
+            [showNextStepAction]="hasAnyTargets()"
             [forDemo]="forDemo()"
             [maxAccessibleStepId]="maxAccessibleStepId()"
             (stepClick)="stepClick.emit($event)"