@eric-emg/symphiq-components 1.2.268 → 1.2.269

package/fesm2022/symphiq-components.mjs

@@ -58997,17 +58997,17 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template(rf
     i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 19);
-    i0.ɵɵelement(2, "path", 31);
+    i0.ɵɵelement(2, "path", 32);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "div")(4, "div", 32)(5, "p", 21);
+    i0.ɵɵelementStart(3, "div")(4, "div", 33)(5, "p", 21);
     i0.ɵɵtext(6, " Current Pace Projection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 33);
+    i0.ɵɵelementStart(7, "button", 34);
     i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r3); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 34);
-    i0.ɵɵelement(9, "path", 35);
+    i0.ɵɵelementStart(8, "svg", 35);
+    i0.ɵɵelement(9, "path", 36);
     i0.ɵɵelementEnd()()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(10, "p", 22);
@@ -59028,11 +59028,11 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template(rf
 } }
 function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 37, 0);
+    i0.ɵɵelementStart(0, "input", 38, 0);
     i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.absoluteInput, $event) || (ctx_r1.absoluteInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template_input_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onAbsoluteInputChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 38);
+    i0.ɵɵelementStart(2, "span", 39);
     i0.ɵɵtext(3, " % ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -59044,10 +59044,10 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional
 } }
 function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 39);
+    i0.ɵɵelementStart(0, "span", 40);
     i0.ɵɵtext(1, " $ ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "input", 40, 0);
+    i0.ɵɵelementStart(2, "input", 41, 0);
     i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.absoluteInput, $event) || (ctx_r1.absoluteInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onAbsoluteInputChange()); });
     i0.ɵɵelementEnd();
@@ -59060,7 +59060,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional
 } }
 function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 41, 0);
+    i0.ɵɵelementStart(0, "input", 42, 0);
     i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.absoluteInput, $event) || (ctx_r1.absoluteInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template_input_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onAbsoluteInputChange()); })("keydown", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template_input_keydown_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onIntegerKeyDown($event)); });
     i0.ɵɵelementEnd();
@@ -59071,7 +59071,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional
 } }
 function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵconditionalCreate(1, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template, 4, 3)(2, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template, 4, 3)(3, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template, 2, 2, "input", 36);
+    i0.ɵɵconditionalCreate(1, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template, 4, 3)(2, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template, 4, 3)(3, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template, 2, 2, "input", 37);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -59080,11 +59080,11 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf
 } }
 function EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26)(1, "input", 42, 1);
+    i0.ɵɵelementStart(0, "div", 26)(1, "input", 43, 1);
     i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.percentageInput, $event) || (ctx_r1.percentageInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPercentageInputChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 38);
+    i0.ɵɵelementStart(3, "span", 39);
     i0.ɵɵtext(4, " % ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -59095,81 +59095,91 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template(rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.inputSuffixClasses());
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 46);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r1.originalValueClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.initialTargetValue()), " ");
+} }
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.animatedIncreaseAmount()), " ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " -- ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtextInterpolate2(" ", ctx_r1.animatedPercentageGrowth() >= 0 ? "+" : "", "", ctx_r1.formatPercentage(ctx_r1.animatedPercentageGrowth(), 1), " ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " -- ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.animatedGapAmount()), " ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " -- ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_21_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵtextInterpolate1(" +", ctx_r1.formatPercentage(ctx_r1.Math.abs(ctx_r1.animatedGapPercentage()), 1), " ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵtextInterpolate2(" ", ctx_r1.animatedGapPercentage() > 0 ? "+" : "", "", ctx_r1.formatPercentage(ctx_r1.animatedGapPercentage(), 1), " ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Conditional_0_Template, 1, 1)(1, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Conditional_1_Template, 1, 2);
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_21_Conditional_0_Template, 1, 1)(1, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_21_Conditional_1_Template, 1, 2);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵconditional(ctx_r1.isPaceAhead() ? 0 : 1);
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " -- ");
 } }
-function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "div", 45);
-    i0.ɵɵelement(2, "div", 46);
-    i0.ɵɵelementStart(3, "span", 47);
+    i0.ɵɵelementStart(0, "div", 47)(1, "div", 48);
+    i0.ɵɵelement(2, "div", 49);
+    i0.ɵɵelementStart(3, "span", 50);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 46);
+    i0.ɵɵelement(5, "div", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 48)(7, "div")(8, "p", 49);
+    i0.ɵɵelementStart(6, "div", 51)(7, "div")(8, "p", 52);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "p", 50);
-    i0.ɵɵconditionalCreate(11, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_11_Template, 1, 1)(12, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_12_Template, 1, 0);
+    i0.ɵɵelementStart(10, "p", 53);
+    i0.ɵɵconditionalCreate(11, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_11_Template, 1, 1)(12, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_12_Template, 1, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div")(14, "div", 51)(15, "p", 21);
+    i0.ɵɵelementStart(13, "div")(14, "div", 54)(15, "p", 21);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 33);
-    i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template_button_click_17_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(17, "button", 34);
+    i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Template_button_click_17_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(18, "svg", 34);
-    i0.ɵɵelement(19, "path", 35);
+    i0.ɵɵelementStart(18, "svg", 35);
+    i0.ɵɵelement(19, "path", 36);
     i0.ɵɵelementEnd()()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(20, "p", 50);
-    i0.ɵɵconditionalCreate(21, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Template, 2, 1)(22, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_22_Template, 1, 0);
+    i0.ɵɵelementStart(20, "p", 53);
+    i0.ɵɵconditionalCreate(21, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_21_Template, 2, 1)(22, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Conditional_22_Template, 1, 0);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -59204,29 +59214,31 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template(rf
     i0.ɵɵelementStart(0, "div", 27)(1, "div")(2, "p", 21);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 43);
-    i0.ɵɵtext(5);
+    i0.ɵɵelementStart(4, "div", 44)(5, "p", 45);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_7_Template, 2, 2, "p", 46);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 44)(7, "div", 45);
-    i0.ɵɵelement(8, "div", 46);
-    i0.ɵɵelementStart(9, "span", 47);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(8, "div", 47)(9, "div", 48);
+    i0.ɵɵelement(10, "div", 49);
+    i0.ɵɵelementStart(11, "span", 50);
+    i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "div", 46);
+    i0.ɵɵelement(13, "div", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 48)(13, "div")(14, "p", 49);
-    i0.ɵɵtext(15);
+    i0.ɵɵelementStart(14, "div", 51)(15, "div")(16, "p", 52);
+    i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "p", 50);
-    i0.ɵɵconditionalCreate(17, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_17_Template, 1, 1)(18, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_18_Template, 1, 0);
+    i0.ɵɵelementStart(18, "p", 53);
+    i0.ɵɵconditionalCreate(19, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_19_Template, 1, 1)(20, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_20_Template, 1, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div")(20, "p", 49);
-    i0.ɵɵtext(21);
+    i0.ɵɵelementStart(21, "div")(22, "p", 52);
+    i0.ɵɵtext(23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "p", 50);
-    i0.ɵɵconditionalCreate(23, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_23_Template, 1, 2)(24, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_24_Template, 1, 0);
+    i0.ɵɵelementStart(24, "p", 53);
+    i0.ɵɵconditionalCreate(25, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template, 1, 2)(26, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_26_Template, 1, 0);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(25, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template, 23, 14, "div", 44);
+    i0.ɵɵconditionalCreate(27, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_27_Template, 23, 14, "div", 47);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -59235,10 +59247,12 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template(rf
     i0.ɵɵproperty("ngClass", ctx_r1.calculatedLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" ", ctx_r1.currentYear(), " ", ctx_r1.metricTitle(), " Target ");
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.calculatedValueClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.animatedTarget()), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.hasChangedFromInitial() ? 7 : -1);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.dividerBorderClasses());
     i0.ɵɵadvance();
@@ -59254,7 +59268,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.calculatedSecondaryClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isTargetValid() ? 17 : 18);
+    i0.ɵɵconditional(ctx_r1.isTargetValid() ? 19 : 20);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.calculatedLabelClasses());
     i0.ɵɵadvance();
@@ -59262,9 +59276,19 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.calculatedSecondaryClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isTargetValid() ? 23 : 24);
+    i0.ɵɵconditional(ctx_r1.isTargetValid() ? 25 : 26);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.currentPaceProjectionRaw() > 0 ? 25 : -1);
+    i0.ɵɵconditional(ctx_r1.currentPaceProjectionRaw() > 0 ? 27 : -1);
+} }
+function EditMetricTargetModalComponent_Conditional_0_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 29);
+    i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_40_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.resetToInitial()); });
+    i0.ɵɵtext(1, " Reset ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.resetButtonClasses());
 } }
 function EditMetricTargetModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -59312,15 +59336,16 @@ function EditMetricTargetModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd()();
     i0.ɵɵconditionalCreate(34, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template, 4, 1, "div", 26)(35, EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template, 5, 3, "div", 26);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(36, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template, 26, 19, "div", 27);
+    i0.ɵɵconditionalCreate(36, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template, 28, 20, "div", 27);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(37, "div", 28)(38, "button", 29);
     i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
     i0.ɵɵtext(39, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "button", 30);
-    i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.applyTarget()); });
-    i0.ɵɵtext(41, " Apply Target ");
+    i0.ɵɵconditionalCreate(40, EditMetricTargetModalComponent_Conditional_0_Conditional_40_Template, 2, 1, "button", 30);
+    i0.ɵɵelementStart(41, "button", 31);
+    i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_41_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.applyTarget()); });
+    i0.ɵɵtext(42, " Apply Target ");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -59367,6 +59392,8 @@ function EditMetricTargetModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.cancelButtonClasses());
     i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.hasChangedFromInitial() ? 40 : -1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", !ctx_r1.isTargetValid())("ngClass", ctx_r1.applyButtonClasses());
 } }
 class EditMetricTargetModalComponent {
@@ -59382,12 +59409,18 @@ class EditMetricTargetModalComponent {
         this.inputMode = signal('absolute', ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
         this.absoluteInput = signal(null, ...(ngDevMode ? [{ debugName: "absoluteInput" }] : []));
         this.percentageInput = signal(null, ...(ngDevMode ? [{ debugName: "percentageInput" }] : []));
+        this.initialTargetValue = signal(0, ...(ngDevMode ? [{ debugName: "initialTargetValue" }] : []));
         this.animatedTarget = signal(0, ...(ngDevMode ? [{ debugName: "animatedTarget" }] : []));
         this.animatedIncreaseAmount = signal(0, ...(ngDevMode ? [{ debugName: "animatedIncreaseAmount" }] : []));
         this.animatedPercentageGrowth = signal(0, ...(ngDevMode ? [{ debugName: "animatedPercentageGrowth" }] : []));
         this.animatedGapAmount = signal(0, ...(ngDevMode ? [{ debugName: "animatedGapAmount" }] : []));
         this.animatedGapPercentage = signal(0, ...(ngDevMode ? [{ debugName: "animatedGapPercentage" }] : []));
         this.animationFrameId = null;
+        this.hasChangedFromInitial = computed(() => {
+            const current = this.calculatedTarget();
+            const initial = this.initialTargetValue();
+            return initial > 0 && Math.abs(current - initial) > 0.001;
+        }, ...(ngDevMode ? [{ debugName: "hasChangedFromInitial" }] : []));
         this.currentYear = computed(() => new Date().getFullYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
         this.priorYear = computed(() => new Date().getFullYear() - 1, ...(ngDevMode ? [{ debugName: "priorYear" }] : []));
         this.metricTitle = computed(() => {
@@ -59535,6 +59568,7 @@ class EditMetricTargetModalComponent {
                         ? Math.round(metricData.targetValue)
                         : metricData.targetValue;
                     this.absoluteInput.set(value);
+                    this.initialTargetValue.set(value);
                 }
                 afterNextRender(() => {
                     this.focusCurrentInput();
@@ -59543,6 +59577,15 @@ class EditMetricTargetModalComponent {
             }
         });
     }
+    resetToInitial() {
+        const initial = this.initialTargetValue();
+        if (initial > 0) {
+            this.inputMode.set('absolute');
+            this.absoluteInput.set(initial);
+            this.percentageInput.set(null);
+            this.updateAnimatedValuesImmediate();
+        }
+    }
     triggerAnimation() {
         const target = this.calculatedTarget();
         const increaseAmt = Math.abs(this.increaseAmount());
@@ -59851,6 +59894,16 @@ class EditMetricTargetModalComponent {
             ? 'bg-purple-600 text-white hover:bg-purple-500 border border-purple-500 hover:border-purple-400'
             : 'bg-purple-600 text-white hover:bg-purple-700 border border-purple-600 hover:border-purple-700';
     }
+    resetButtonClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-transparent text-amber-400 hover:bg-amber-900/30 hover:text-amber-300 border border-amber-600/50 hover:border-amber-500/50'
+            : 'bg-transparent text-amber-600 hover:bg-amber-50 hover:text-amber-700 border border-amber-400 hover:border-amber-500';
+    }
+    originalValueClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-purple-400/70'
+            : 'text-purple-500/70';
+    }
     static { this.ɵfac = function EditMetricTargetModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EditMetricTargetModalComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditMetricTargetModalComponent, selectors: [["symphiq-edit-metric-target-modal"]], viewQuery: function EditMetricTargetModalComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$r, 5);
@@ -59861,8 +59914,8 @@ class EditMetricTargetModalComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
         } }, hostBindings: function EditMetricTargetModalComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown.escape", function EditMetricTargetModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscape(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingMetrics: [1, "pacingMetrics"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "fixed", "inset-0", "overflow-y-auto", "z-50", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-6"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between", "mb-6"], [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, "space-y-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, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", 3, "click", "disabled", "ngClass"], ["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"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "100", "step", "0.01", 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, "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", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "keydown", "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, "text-3xl", "font-bold", "transition-all", "duration-300", 3, "ngClass"], [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-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"]], template: function EditMetricTargetModalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Template, 42, 27);
+        } }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingMetrics: [1, "pacingMetrics"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "fixed", "inset-0", "overflow-y-auto", "z-50", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-6"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between", "mb-6"], [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, "space-y-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, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", 3, "click", "disabled", "ngClass"], ["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"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "100", "step", "0.01", 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, "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", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "keydown", "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, "flex", "items-baseline", "gap-3"], [1, "text-3xl", "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "text-xl", "line-through", "opacity-60", 3, "ngClass"], [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-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"]], template: function EditMetricTargetModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Template, 43, 28);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.DefaultValueAccessor, i2$1.NumberValueAccessor, i2$1.NgControlStatus, i2$1.MinValidator, i2$1.MaxValidator, i2$1.NgModel, TooltipDirective, TooltipContainerComponent], encapsulation: 2, data: { animation: [
@@ -60075,9 +60128,16 @@ class EditMetricTargetModalComponent {
                       <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
                         {{ currentYear() }} {{ metricTitle() }} Target
                       </p>
-                      <p [ngClass]="calculatedValueClasses()" class="text-3xl font-bold transition-all duration-300">
-                        {{ formatMetricValue(animatedTarget()) }}
-                      </p>
+                      <div class="flex items-baseline gap-3">
+                        <p [ngClass]="calculatedValueClasses()" class="text-3xl font-bold transition-all duration-300">
+                          {{ formatMetricValue(animatedTarget()) }}
+                        </p>
+                        @if (hasChangedFromInitial()) {
+                          <p [ngClass]="originalValueClasses()" class="text-xl line-through opacity-60">
+                            {{ formatMetricValue(initialTargetValue()) }}
+                          </p>
+                        }
+                      </div>
                     </div>
 
                     <div class="relative pt-6 mt-6">
@@ -60184,6 +60244,15 @@ class EditMetricTargetModalComponent {
                 class="px-4 py-2.5 rounded-lg font-medium text-sm transition-all duration-200">
                 Cancel
               </button>
+              @if (hasChangedFromInitial()) {
+                <button
+                  type="button"
+                  (click)="resetToInitial()"
+                  [ngClass]="resetButtonClasses()"
+                  class="px-4 py-2.5 rounded-lg font-medium text-sm transition-all duration-200">
+                  Reset
+                </button>
+              }
               <button
                 type="button"
                 (click)="applyTarget()"
@@ -60209,7 +60278,7 @@ class EditMetricTargetModalComponent {
             type: HostListener,
             args: ['document:keydown.escape']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber: 331 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber: 347 }); })();
 
 const _c0$q = ["absoluteInputRef"];
 const _c1$b = ["percentageInputRef"];
@@ -61335,8 +61404,8 @@ class InitialTargetSettingComponent {
     }
     saveFooterClasses() {
         return this.viewMode() === ViewModeEnum.DARK
-            ? 'bg-slate-800/50 border-slate-700/50'
-            : 'bg-slate-50 border-slate-200';
+            ? 'bg-slate-900 border-slate-700'
+            : 'bg-white border-slate-200';
     }
     saveFooterTextClasses() {
         return this.viewMode() === ViewModeEnum.DARK