@eric-emg/symphiq-components 1.2.218 → 1.2.220

package/fesm2022/symphiq-components.mjs

@@ -56190,8 +56190,8 @@ function InitialTargetSettingComponent_Conditional_6_Template(rf, ctx) { if (rf
 } }
 function InitialTargetSettingComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 35);
-    i0.ɵɵelement(1, "path", 36);
+    i0.ɵɵelementStart(0, "svg", 34);
+    i0.ɵɵelement(1, "path", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -56199,37 +56199,47 @@ function InitialTargetSettingComponent_Conditional_7_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngClass", ctx_r0.chevronClasses());
 } }
 function InitialTargetSettingComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 13);
-    i0.ɵɵelement(2, "path", 37);
+    i0.ɵɵelementStart(1, "svg", 12);
+    i0.ɵɵelement(2, "path", 36);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "div")(4, "p", 15);
-    i0.ɵɵtext(5, " Current Pace Projection ");
+    i0.ɵɵelementStart(3, "div")(4, "div", 37)(5, "p", 14);
+    i0.ɵɵtext(6, " Current Pace Projection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 16);
-    i0.ɵɵtext(7);
+    i0.ɵɵelementStart(7, "button", 38);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_21_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(8, "svg", 39);
+    i0.ɵɵelement(9, "path", 40);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(10, "p", 15);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.projectionIconClasses());
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngClass", ctx_r0.projectionLabelClasses());
     i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.infoIconClasses())("libSymphiqTooltip", ctx_r0.currentPaceProjectionTooltip);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r0.projectionValueClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.currentPaceProjection()), " ");
 } }
 function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 40)(1, "span", 42);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 43)(1, "span", 45);
     i0.ɵɵtext(2, " $ ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 43, 0);
-    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.absoluteInput, $event) || (ctx_r0.absoluteInput = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAbsoluteInputChange()); });
+    i0.ɵɵelementStart(3, "input", 46, 0);
+    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.absoluteInput, $event) || (ctx_r0.absoluteInput = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAbsoluteInputChange()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -56240,12 +56250,12 @@ function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
 } }
 function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 40)(1, "input", 44, 1);
-    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.percentageInput, $event) || (ctx_r0.percentageInput = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 43)(1, "input", 47, 1);
+    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.percentageInput, $event) || (ctx_r0.percentageInput = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 45);
+    i0.ɵɵelementStart(3, "span", 48);
     i0.ɵɵtext(4, " % ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56257,9 +56267,9 @@ function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r0.inputSuffixClasses());
 } }
 function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 41)(1, "button", 46);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleCancel()); });
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 44)(1, "button", 49);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleCancel()); });
     i0.ɵɵtext(2, " Cancel ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56268,17 +56278,17 @@ function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
 } }
 function InitialTargetSettingComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38)(1, "button", 39);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("absolute")); });
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 41)(1, "button", 42);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("absolute")); });
     i0.ɵɵtext(2, " Absolute Amount ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 39);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("percentage")); });
+    i0.ɵɵelementStart(3, "button", 42);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("percentage")); });
     i0.ɵɵtext(4, " % Increase ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_25_Conditional_5_Template, 5, 3, "div", 40)(6, InitialTargetSettingComponent_Conditional_25_Conditional_6_Template, 5, 3, "div", 40);
-    i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_25_Conditional_7_Template, 3, 1, "div", 41);
+    i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_25_Conditional_5_Template, 5, 3, "div", 43)(6, InitialTargetSettingComponent_Conditional_25_Conditional_6_Template, 5, 3, "div", 43);
+    i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_25_Conditional_7_Template, 3, 1, "div", 44);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -56291,13 +56301,13 @@ function InitialTargetSettingComponent_Conditional_25_Template(rf, ctx) { if (rf
     i0.ɵɵconditional(ctx_r0.hasStoredResponse() ? 7 : -1);
 } }
 function InitialTargetSettingComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 24);
+    i0.ɵɵelement(0, "symphiq-area-chart", 23);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "108px");
 } }
 function InitialTargetSettingComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "p", 47);
+    i0.ɵɵelementStart(0, "div", 24)(1, "p", 50);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56318,9 +56328,9 @@ function InitialTargetSettingComponent_Conditional_36_Conditional_8_Template(rf,
     i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.displayedTargetRevenue()), " ");
 } }
 function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 60);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.handleAdjustTarget(); return i0.ɵɵresetView($event.stopPropagation()); });
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 64);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.handleAdjustTarget(); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵtext(1, " Adjust Revenue Target ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -56328,31 +56338,31 @@ function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r0.secondaryButtonClasses());
 } }
 function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 54)(1, "div", 55);
-    i0.ɵɵelement(2, "div", 56);
-    i0.ɵɵelementStart(3, "span", 57);
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 58)(1, "div", 59);
+    i0.ɵɵelement(2, "div", 60);
+    i0.ɵɵelementStart(3, "span", 61);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 56);
+    i0.ɵɵelement(5, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 58)(7, "div")(8, "p", 49);
+    i0.ɵɵelementStart(6, "div", 62)(7, "div")(8, "p", 53);
     i0.ɵɵtext(9, " Gap to Close ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "p", 59);
+    i0.ɵɵelementStart(10, "p", 63);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div")(13, "div", 61)(14, "p", 15);
+    i0.ɵɵelementStart(12, "div")(13, "div", 65)(14, "p", 14);
     i0.ɵɵtext(15, " Additional Growth Needed ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 62);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template_button_click_16_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(16, "button", 38);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template_button_click_16_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(17, "svg", 63);
-    i0.ɵɵelement(18, "path", 64);
+    i0.ɵɵelementStart(17, "svg", 39);
+    i0.ɵɵelement(18, "path", 40);
     i0.ɵɵelementEnd()()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(19, "p", 59);
+    i0.ɵɵelementStart(19, "p", 63);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -56381,37 +56391,38 @@ function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template(rf
     i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.gapToClose().percentage, 1), " ");
 } }
 function InitialTargetSettingComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28)(1, "div")(2, "div", 48)(3, "div")(4, "p", 49);
+    i0.ɵɵelementStart(0, "div", 51)(1, "div")(2, "div", 52)(3, "div")(4, "p", 53);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 50);
+    i0.ɵɵelementStart(6, "p", 54);
     i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_36_Conditional_7_Template, 1, 1)(8, InitialTargetSettingComponent_Conditional_36_Conditional_8_Template, 1, 1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, InitialTargetSettingComponent_Conditional_36_Conditional_9_Template, 2, 1, "button", 51);
+    i0.ɵɵconditionalCreate(9, InitialTargetSettingComponent_Conditional_36_Conditional_9_Template, 2, 1, "button", 55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 52)(11, "div", 53)(12, "div", 54)(13, "div", 55);
-    i0.ɵɵelement(14, "div", 56);
-    i0.ɵɵelementStart(15, "span", 57);
+    i0.ɵɵelementStart(10, "div", 56)(11, "div", 57)(12, "div", 58)(13, "div", 59);
+    i0.ɵɵelement(14, "div", 60);
+    i0.ɵɵelementStart(15, "span", 61);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(17, "div", 56);
+    i0.ɵɵelement(17, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 58)(19, "div")(20, "p", 49);
+    i0.ɵɵelementStart(18, "div", 62)(19, "div")(20, "p", 53);
     i0.ɵɵtext(21, " Increase Amount ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "p", 59);
+    i0.ɵɵelementStart(22, "p", 63);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div")(25, "p", 49);
+    i0.ɵɵelementStart(24, "div")(25, "p", 53);
     i0.ɵɵtext(26, " % Growth ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "p", 59);
+    i0.ɵɵelementStart(27, "p", 63);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(29, InitialTargetSettingComponent_Conditional_36_Conditional_29_Template, 21, 13, "div", 54);
+    i0.ɵɵconditionalCreate(29, InitialTargetSettingComponent_Conditional_36_Conditional_29_Template, 21, 13, "div", 58);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("h-full", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
     i0.ɵɵproperty("ngClass", ctx_r0.calculatedValuesCardClasses());
     i0.ɵɵadvance();
     i0.ɵɵclassProp("space-y-6", ctx_r0.calculationState() !== "results");
@@ -56452,13 +56463,13 @@ function InitialTargetSettingComponent_Conditional_36_Template(rf, ctx) { if (rf
     i0.ɵɵconditional(ctx_r0.currentPaceProjection() > 0 && ctx_r0.gapToClose().amount !== 0 ? 29 : -1);
 } }
 function InitialTargetSettingComponent_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "button", 65);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_37_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.toggleDetails(); return i0.ɵɵresetView($event.stopPropagation()); });
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "button", 66);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_37_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.toggleDetails(); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵtext(2);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 66);
-    i0.ɵɵelement(4, "path", 36);
+    i0.ɵɵelementStart(3, "svg", 67);
+    i0.ɵɵelement(4, "path", 35);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -56470,13 +56481,13 @@ function InitialTargetSettingComponent_Conditional_37_Template(rf, ctx) { if (rf
     i0.ɵɵclassProp("chevron-rotate-expanded", ctx_r0.detailsExpanded());
 } }
 function InitialTargetSettingComponent_Conditional_38_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 24);
+    i0.ɵɵelement(0, "symphiq-area-chart", 23);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "320px");
 } }
 function InitialTargetSettingComponent_Conditional_38_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "p", 47);
+    i0.ɵɵelementStart(0, "div", 24)(1, "p", 50);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56485,11 +56496,11 @@ function InitialTargetSettingComponent_Conditional_38_Conditional_5_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
 } }
 function InitialTargetSettingComponent_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30)(1, "p", 22);
+    i0.ɵɵelementStart(0, "div", 29)(1, "p", 21);
     i0.ɵɵtext(2, " Year-over-Year Revenue Trend ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 23);
-    i0.ɵɵconditionalCreate(4, InitialTargetSettingComponent_Conditional_38_Conditional_4_Template, 1, 5, "symphiq-area-chart", 24)(5, InitialTargetSettingComponent_Conditional_38_Conditional_5_Template, 3, 1, "div", 25);
+    i0.ɵɵelementStart(3, "div", 22);
+    i0.ɵɵconditionalCreate(4, InitialTargetSettingComponent_Conditional_38_Conditional_4_Template, 1, 5, "symphiq-area-chart", 23)(5, InitialTargetSettingComponent_Conditional_38_Conditional_5_Template, 3, 1, "div", 24);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -56501,13 +56512,13 @@ function InitialTargetSettingComponent_Conditional_38_Template(rf, ctx) { if (rf
     i0.ɵɵconditional(ctx_r0.revenueChartData() ? 4 : 5);
 } }
 function InitialTargetSettingComponent_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33)(1, "div", 67)(2, "h2", 68);
+    i0.ɵɵelementStart(0, "div", 32)(1, "div", 68)(2, "h2", 69);
     i0.ɵɵtext(3, " Contributing Metrics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 47);
+    i0.ɵɵelementStart(4, "p", 50);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 69);
+    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 70);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -56637,7 +56648,7 @@ class InitialTargetSettingComponent {
             return this.calculatedRevenue();
         }, ...(ngDevMode ? [{ debugName: "displayedTargetRevenue" }] : []));
         this.isValid = computed(() => {
-            return this.calculatedRevenue() > 0 && this.priorYearRevenue() > 0;
+            return this.calculatedRevenue() > this.priorYearRevenue() && this.priorYearRevenue() > 0;
         }, ...(ngDevMode ? [{ debugName: "isValid" }] : []));
         this.validationMessage = computed(() => {
             if (this.priorYearRevenue() === 0) {
@@ -56646,6 +56657,9 @@ class InitialTargetSettingComponent {
             if (this.calculatedRevenue() === 0) {
                 return 'Please enter a revenue target';
             }
+            if (this.calculatedRevenue() <= this.priorYearRevenue()) {
+                return `Revenue target must be greater than ${this.priorYear()} revenue (${this.formatCurrency(this.priorYearRevenue())})`;
+            }
             return '';
         }, ...(ngDevMode ? [{ debugName: "validationMessage" }] : []));
         this.showMetricsVisualization = computed(() => {
@@ -56697,6 +56711,10 @@ class InitialTargetSettingComponent {
             title: 'Additional Growth Needed',
             markdown: 'This percentage represents the additional growth required beyond your current projected pace to reach your revenue target. It shows how much more improvement is needed in your funnel metrics to close the gap between your projected performance and your goal.'
         };
+        this.currentPaceProjectionTooltip = {
+            title: 'Current Pace Projection',
+            markdown: 'This is your projected year-end revenue based on your current performance trends. It extrapolates your year-to-date results to estimate where you will finish the year if you maintain your current pace.'
+        };
         effect(() => {
             const response = this.reverseCalculationResponse();
             if (response) {
@@ -56998,7 +57016,7 @@ class InitialTargetSettingComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"], reverseCalculationResponse: [1, "reverseCalculationResponse"], targets: [1, "targets"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest" }, decls: 43, vars: 37, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "text-2xl", "font-bold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "chevron-rotate-expanded", "ngClass"], [1, "flex", "flex-col", "gap-8"], [1, "grid", "lg:grid-cols-2", "gap-8"], [1, "flex", "flex-col", "gap-4"], [1, "p-6", "rounded-xl", "border-2", 3, "click", "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "form-area-collapse"], [1, "form-area-content"], [1, "space-y-6"], [1, "chart-in-column"], [1, "chart-in-column-content"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [1, "calculated-card-enter", "order-first", "lg:order-last"], [1, "calculated-card-content"], [1, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "flex", "justify-center"], [1, "w-full"], [1, "metrics-section-enter"], [1, "metrics-section-content"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [3, "submitClick", "cancelClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "flex", "justify-end"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "ngClass"], [1, "details-collapse"], [1, "details-collapse-content"], [1, "relative", "pt-6", "mt-6"], [1, "absolute", "top-0", "left-0", "right-0", "flex", "items-center", "-translate-y-1/2"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "top", 1, "flex-shrink-0", "w-4", "h-4", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "click", "ngClass", "libSymphiqTooltip"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "font-semibold", "transition-all", "inline-flex", "items-center", "gap-1", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "chevron-rotate"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "calculations", "pacingMetrics"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"], reverseCalculationResponse: [1, "reverseCalculationResponse"], targets: [1, "targets"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest" }, decls: 43, vars: 35, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "text-2xl", "font-bold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "chevron-rotate-expanded", "ngClass"], [1, "flex", "flex-col", "gap-4"], [1, "grid", "lg:grid-cols-2", "gap-4"], [1, "p-6", "rounded-xl", "border-2", 3, "click", "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "form-area-collapse"], [1, "form-area-content"], [1, "space-y-6"], [1, "chart-in-column"], [1, "chart-in-column-content"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [1, "calculated-card-enter", "order-first", "lg:order-last"], [1, "calculated-card-content"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass", "h-full"], [1, "flex", "justify-center"], [1, "w-full"], [1, "metrics-section-enter"], [1, "metrics-section-content"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [3, "submitClick", "cancelClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "flex", "items-center", "gap-1"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "top", 1, "flex-shrink-0", "w-4", "h-4", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "click", "ngClass", "libSymphiqTooltip"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "flex", "justify-end"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "ngClass"], [1, "details-collapse"], [1, "details-collapse-content"], [1, "relative", "pt-6", "mt-6"], [1, "absolute", "top-0", "left-0", "right-0", "flex", "items-center", "-translate-y-1/2"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"], [1, "text-sm", "font-semibold", "transition-all", "inline-flex", "items-center", "gap-1", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "chevron-rotate"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "calculations", "pacingMetrics"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelement(1, "symphiq-tooltip-container");
             i0.ɵɵelementStart(2, "div", 3);
@@ -57008,41 +57026,41 @@ class InitialTargetSettingComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_7_Template, 2, 3, ":svg:svg", 6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 7)(9, "div", 8)(10, "div", 9)(11, "div", 10);
+            i0.ɵɵelementStart(8, "div", 7)(9, "div", 8)(10, "div", 7)(11, "div", 9);
             i0.ɵɵlistener("click", function InitialTargetSettingComponent_Template_div_click_11_listener($event) { return $event.stopPropagation(); });
-            i0.ɵɵelementStart(12, "div", 11)(13, "div", 12);
+            i0.ɵɵelementStart(12, "div", 10)(13, "div", 11);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(14, "svg", 13);
-            i0.ɵɵelement(15, "path", 14);
+            i0.ɵɵelementStart(14, "svg", 12);
+            i0.ɵɵelement(15, "path", 13);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(16, "div")(17, "p", 15);
+            i0.ɵɵelementStart(16, "div")(17, "p", 14);
             i0.ɵɵtext(18);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "p", 16);
+            i0.ɵɵelementStart(19, "p", 15);
             i0.ɵɵtext(20);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(21, InitialTargetSettingComponent_Conditional_21_Template, 8, 4, "div", 12);
+            i0.ɵɵconditionalCreate(21, InitialTargetSettingComponent_Conditional_21_Template, 12, 6, "div", 11);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(22, "div", 17)(23, "div", 18)(24, "div", 19);
+            i0.ɵɵelementStart(22, "div", 16)(23, "div", 17)(24, "div", 18);
             i0.ɵɵconditionalCreate(25, InitialTargetSettingComponent_Conditional_25_Template, 8, 4);
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(26, "div", 20)(27, "div", 21)(28, "div")(29, "p", 22);
+            i0.ɵɵelementStart(26, "div", 19)(27, "div", 20)(28, "div")(29, "p", 21);
             i0.ɵɵtext(30, " Year-over-Year Revenue Trend ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(31, "div", 23);
-            i0.ɵɵconditionalCreate(32, InitialTargetSettingComponent_Conditional_32_Template, 1, 5, "symphiq-area-chart", 24)(33, InitialTargetSettingComponent_Conditional_33_Template, 3, 1, "div", 25);
+            i0.ɵɵelementStart(31, "div", 22);
+            i0.ɵɵconditionalCreate(32, InitialTargetSettingComponent_Conditional_32_Template, 1, 5, "symphiq-area-chart", 23)(33, InitialTargetSettingComponent_Conditional_33_Template, 3, 1, "div", 24);
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(34, "div", 26)(35, "div", 27);
-            i0.ɵɵconditionalCreate(36, InitialTargetSettingComponent_Conditional_36_Template, 30, 25, "div", 28);
+            i0.ɵɵelementStart(34, "div", 25)(35, "div", 26);
+            i0.ɵɵconditionalCreate(36, InitialTargetSettingComponent_Conditional_36_Template, 30, 27, "div", 27);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(37, InitialTargetSettingComponent_Conditional_37_Template, 5, 4, "div", 29);
-            i0.ɵɵconditionalCreate(38, InitialTargetSettingComponent_Conditional_38_Template, 6, 3, "div", 30);
+            i0.ɵɵconditionalCreate(37, InitialTargetSettingComponent_Conditional_37_Template, 5, 4, "div", 28);
+            i0.ɵɵconditionalCreate(38, InitialTargetSettingComponent_Conditional_38_Template, 6, 3, "div", 29);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(39, "div", 31)(40, "div", 32);
-            i0.ɵɵconditionalCreate(41, InitialTargetSettingComponent_Conditional_41_Template, 7, 7, "div", 33);
+            i0.ɵɵelementStart(39, "div", 30)(40, "div", 31);
+            i0.ɵɵconditionalCreate(41, InitialTargetSettingComponent_Conditional_41_Template, 7, 7, "div", 32);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(42, "symphiq-sticky-submit-bar", 34);
+            i0.ɵɵelementStart(42, "symphiq-sticky-submit-bar", 33);
             i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_submitClick_42_listener() { return ctx.handleSubmitClick(); })("cancelClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_cancelClick_42_listener() { return ctx.handleCancel(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
@@ -57057,9 +57075,7 @@ class InitialTargetSettingComponent {
             i0.ɵɵconditional(ctx.calculationState() === "results" ? 7 : -1);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.formAreaClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("mb-6", ctx.calculationState() !== "results");
-            i0.ɵɵadvance(2);
+            i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.baselineIconClasses());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.baselineLabelClasses());
@@ -57140,11 +57156,11 @@ class InitialTargetSettingComponent {
           }
         </div>
 
-        <div class="flex flex-col gap-8">
-          <div class="grid lg:grid-cols-2 gap-8">
+        <div class="flex flex-col gap-4">
+          <div class="grid lg:grid-cols-2 gap-4">
             <div class="flex flex-col gap-4">
               <div [ngClass]="formAreaClasses()" class="p-6 rounded-xl border-2" (click)="$event.stopPropagation()">
-                <div class="flex flex-wrap gap-4 place-content-between" [class.mb-6]="calculationState() !== 'results'">
+                <div class="flex flex-wrap gap-4 place-content-between">
                   <div class="flex items-center gap-2">
                     <svg class="w-4 h-4" [ngClass]="baselineIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
@@ -57164,9 +57180,23 @@ class InitialTargetSettingComponent {
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path>
                       </svg>
                       <div>
-                        <p [ngClass]="projectionLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
-                          Current Pace Projection
-                        </p>
+                        <div class="flex items-center gap-1">
+                          <p [ngClass]="projectionLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
+                            Current Pace Projection
+                          </p>
+                          <button
+                            type="button"
+                            [ngClass]="infoIconClasses()"
+                            class="flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center transition-colors"
+                            [libSymphiqTooltip]="currentPaceProjectionTooltip"
+                            tooltipType="markdown"
+                            tooltipPosition="top"
+                            (click)="$event.stopPropagation()">
+                            <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                            </svg>
+                          </button>
+                        </div>
                         <p [ngClass]="projectionValueClasses()" class="text-lg font-bold">
                           {{ formatCurrency(currentPaceProjection()) }}
                         </p>
@@ -57276,7 +57306,8 @@ class InitialTargetSettingComponent {
             <div class="calculated-card-enter order-first lg:order-last" [class.calculated-card-enter-active]="calculatedRevenue() > 0">
               <div class="calculated-card-content">
                 @if (calculatedRevenue() > 0) {
-                  <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2 h-full">
+                  <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2"
+                    [class.h-full]="calculationState() !== 'results' || detailsExpanded()">
                     <div [class.space-y-6]="calculationState() !== 'results'">
                       <div class="flex items-center justify-between">
                         <div>
@@ -57474,7 +57505,7 @@ class InitialTargetSettingComponent {
             type: ViewChild,
             args: ['percentageInputRef']
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], reverseCalculationResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseCalculationResponse", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 501 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 517 }); })();
 
 function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 5);