@eric-emg/symphiq-components 1.2.206 → 1.2.208

package/fesm2022/symphiq-components.mjs

@@ -56226,17 +56226,17 @@ var areaChart_component = /*#__PURE__*/Object.freeze({
 
 const _c0$r = ["absoluteInputRef"];
 const _c1$b = ["percentageInputRef"];
-function InitialTargetSettingComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
+function InitialTargetSettingComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 13);
-    i0.ɵɵelement(2, "path", 32);
+    i0.ɵɵelementStart(1, "svg", 11);
+    i0.ɵɵelement(2, "path", 33);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "div")(4, "p", 15);
+    i0.ɵɵelementStart(3, "div")(4, "p", 13);
     i0.ɵɵtext(5, " Current Pace Projection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 16);
+    i0.ɵɵelementStart(6, "p", 14);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -56250,14 +56250,14 @@ function InitialTargetSettingComponent_Conditional_19_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.currentPaceProjection()), " ");
 } }
-function InitialTargetSettingComponent_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function InitialTargetSettingComponent_Conditional_21_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "span", 36);
+    i0.ɵɵelementStart(0, "div", 36)(1, "span", 37);
     i0.ɵɵtext(2, " $ ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 37, 0);
-    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_20_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_20_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", 38, 0);
+    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_21_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_21_Conditional_5_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAbsoluteInputChange()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -56267,13 +56267,13 @@ function InitialTargetSettingComponent_Conditional_20_Conditional_5_Template(rf,
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.absoluteInput);
     i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
 } }
-function InitialTargetSettingComponent_Conditional_20_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function InitialTargetSettingComponent_Conditional_21_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "input", 38, 1);
-    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_20_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_20_Conditional_6_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
+    i0.ɵɵelementStart(0, "div", 36)(1, "input", 39, 1);
+    i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_21_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_21_Conditional_6_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 39);
+    i0.ɵɵelementStart(3, "span", 40);
     i0.ɵɵtext(4, " % ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56284,17 +56284,17 @@ function InitialTargetSettingComponent_Conditional_20_Conditional_6_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.inputSuffixClasses());
 } }
-function InitialTargetSettingComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function InitialTargetSettingComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33)(1, "button", 34);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_20_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("absolute")); });
+    i0.ɵɵelementStart(0, "div", 34)(1, "button", 35);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_21_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("absolute")); });
     i0.ɵɵtext(2, " Absolute Amount ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 34);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_20_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("percentage")); });
+    i0.ɵɵelementStart(3, "button", 35);
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_21_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("percentage")); });
     i0.ɵɵtext(4, " % Increase ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_20_Conditional_5_Template, 5, 3, "div", 35)(6, InitialTargetSettingComponent_Conditional_20_Conditional_6_Template, 5, 3, "div", 35);
+    i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_21_Conditional_5_Template, 5, 3, "div", 36)(6, InitialTargetSettingComponent_Conditional_21_Conditional_6_Template, 5, 3, "div", 36);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -56304,14 +56304,14 @@ function InitialTargetSettingComponent_Conditional_20_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.inputMode() === "absolute" ? 5 : 6);
 } }
-function InitialTargetSettingComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 21);
+function InitialTargetSettingComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-area-chart", 22);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "320px");
+    i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "200px");
 } }
-function InitialTargetSettingComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22)(1, "p", 40);
+function InitialTargetSettingComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "p", 41);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56319,17 +56319,17 @@ function InitialTargetSettingComponent_Conditional_28_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
 } }
-function InitialTargetSettingComponent_Conditional_31_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function InitialTargetSettingComponent_Conditional_32_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 51);
-    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_31_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleAdjustTarget()); });
+    i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_32_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleAdjustTarget()); });
     i0.ɵɵtext(1, " Adjust Revenue Target ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.secondaryButtonClasses());
 } }
-function InitialTargetSettingComponent_Conditional_31_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+function InitialTargetSettingComponent_Conditional_32_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 46)(1, "div", 47)(2, "span", 48);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -56365,14 +56365,14 @@ function InitialTargetSettingComponent_Conditional_31_Conditional_24_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.gapToClose().percentage, 1), " ");
 } }
-function InitialTargetSettingComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 41)(2, "div", 42)(3, "div")(4, "p", 43);
+function InitialTargetSettingComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "div", 17)(2, "div", 42)(3, "div")(4, "p", 43);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "p", 44);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, InitialTargetSettingComponent_Conditional_31_Conditional_8_Template, 2, 1, "button", 45);
+    i0.ɵɵconditionalCreate(8, InitialTargetSettingComponent_Conditional_32_Conditional_8_Template, 2, 1, "button", 45);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "div", 46)(10, "div", 47)(11, "span", 48);
     i0.ɵɵtext(12);
@@ -56389,7 +56389,7 @@ function InitialTargetSettingComponent_Conditional_31_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(22, "p", 50);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(24, InitialTargetSettingComponent_Conditional_31_Conditional_24_Template, 15, 10, "div", 46);
+    i0.ɵɵconditionalCreate(24, InitialTargetSettingComponent_Conditional_32_Conditional_24_Template, 15, 10, "div", 46);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -56425,14 +56425,14 @@ function InitialTargetSettingComponent_Conditional_31_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.currentPaceProjection() > 0 && ctx_r0.gapToClose().amount !== 0 ? 24 : -1);
 } }
-function InitialTargetSettingComponent_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 21);
+function InitialTargetSettingComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-area-chart", 22);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "320px");
 } }
-function InitialTargetSettingComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22)(1, "p", 40);
+function InitialTargetSettingComponent_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "p", 41);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56440,11 +56440,11 @@ function InitialTargetSettingComponent_Conditional_39_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
 } }
-function InitialTargetSettingComponent_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+function InitialTargetSettingComponent_Conditional_43_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3)(1, "div", 52)(2, "h2", 53);
     i0.ɵɵtext(3, " Contributing Metrics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 40);
+    i0.ɵɵelementStart(4, "p", 41);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
     i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 54);
@@ -56765,8 +56765,8 @@ class InitialTargetSettingComponent {
         const isActive = this.inputMode() === mode;
         if (isActive) {
             return this.viewMode() === ViewModeEnum.DARK
-                ? 'bg-purple-600 text-white border border-purple-500'
-                : 'bg-purple-600 text-white border border-purple-500';
+                ? 'bg-transparent text-purple-400 border-2 border-purple-500'
+                : 'bg-transparent text-purple-600 border-2 border-purple-500';
         }
         return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-slate-700 text-slate-300 border border-slate-600 hover:bg-slate-600'
@@ -56890,46 +56890,47 @@ 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"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest" }, decls: 44, vars: 35, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-6", 3, "ngClass"], [1, "flex", "flex-col", "gap-8"], [1, "grid", "lg:grid-cols-2", "gap-8"], [1, "flex", "flex-col", "gap-4"], [1, "form-area-collapse"], [1, "form-area-content"], [1, "p-6", "rounded-xl", "border-2", "space-y-6", 3, "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, "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, "chart-section-collapse"], [1, "chart-section-content"], [1, "w-full"], [1, "metrics-section-enter"], [1, "metrics-section-content"], [3, "submitClick", "cancelClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], ["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, "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, "text-sm", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "ngClass"], [1, "relative", "pt-6", "mt-6", 3, "ngClass"], [1, "absolute", "top-0", "left-1/2", "-translate-x-1/2", "-translate-y-1/2"], [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, "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"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest" }, decls: 45, vars: 37, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-6", 3, "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, "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, "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, "chart-section-collapse"], [1, "chart-section-content"], [1, "w-full"], [1, "metrics-section-enter"], [1, "metrics-section-content"], [3, "submitClick", "cancelClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], ["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, "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, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "ngClass"], [1, "relative", "pt-6", "mt-6", 3, "ngClass"], [1, "absolute", "top-0", "left-1/2", "-translate-x-1/2", "-translate-y-1/2"], [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, "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)(1, "div", 3)(2, "h2", 4);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 5)(5, "div", 6)(6, "div", 7)(7, "div", 8)(8, "div", 9)(9, "div", 10)(10, "div", 11)(11, "div", 12);
+            i0.ɵɵelementStart(4, "div", 5)(5, "div", 6)(6, "div", 7)(7, "div", 8)(8, "div", 9)(9, "div", 10);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(12, "svg", 13);
-            i0.ɵɵelement(13, "path", 14);
+            i0.ɵɵelementStart(10, "svg", 11);
+            i0.ɵɵelement(11, "path", 12);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(14, "div")(15, "p", 15);
-            i0.ɵɵtext(16);
+            i0.ɵɵelementStart(12, "div")(13, "p", 13);
+            i0.ɵɵtext(14);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "p", 16);
-            i0.ɵɵtext(18);
+            i0.ɵɵelementStart(15, "p", 14);
+            i0.ɵɵtext(16);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(19, InitialTargetSettingComponent_Conditional_19_Template, 8, 4, "div", 12);
+            i0.ɵɵconditionalCreate(17, InitialTargetSettingComponent_Conditional_17_Template, 8, 4, "div", 10);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(20, InitialTargetSettingComponent_Conditional_20_Template, 7, 3);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(21, "div", 17)(22, "div", 18)(23, "div")(24, "p", 19);
-            i0.ɵɵtext(25, " Year-over-Year Revenue Trend ");
+            i0.ɵɵelementStart(18, "div", 15)(19, "div", 16)(20, "div", 17);
+            i0.ɵɵconditionalCreate(21, InitialTargetSettingComponent_Conditional_21_Template, 7, 3);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(22, "div", 18)(23, "div", 19)(24, "div")(25, "p", 20);
+            i0.ɵɵtext(26, " Year-over-Year Revenue Trend ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "div", 20);
-            i0.ɵɵconditionalCreate(27, InitialTargetSettingComponent_Conditional_27_Template, 1, 5, "symphiq-area-chart", 21)(28, InitialTargetSettingComponent_Conditional_28_Template, 3, 1, "div", 22);
+            i0.ɵɵelementStart(27, "div", 21);
+            i0.ɵɵconditionalCreate(28, InitialTargetSettingComponent_Conditional_28_Template, 1, 5, "symphiq-area-chart", 22)(29, InitialTargetSettingComponent_Conditional_29_Template, 3, 1, "div", 23);
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(29, "div", 23)(30, "div", 24);
-            i0.ɵɵconditionalCreate(31, InitialTargetSettingComponent_Conditional_31_Template, 25, 16, "div", 25);
+            i0.ɵɵelementStart(30, "div", 24)(31, "div", 25);
+            i0.ɵɵconditionalCreate(32, InitialTargetSettingComponent_Conditional_32_Template, 25, 16, "div", 26);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(32, "div", 26)(33, "div", 27)(34, "div", 28)(35, "p", 19);
-            i0.ɵɵtext(36, " Year-over-Year Revenue Trend ");
+            i0.ɵɵelementStart(33, "div", 27)(34, "div", 28)(35, "div", 29)(36, "p", 20);
+            i0.ɵɵtext(37, " Year-over-Year Revenue Trend ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(37, "div", 20);
-            i0.ɵɵconditionalCreate(38, InitialTargetSettingComponent_Conditional_38_Template, 1, 5, "symphiq-area-chart", 21)(39, InitialTargetSettingComponent_Conditional_39_Template, 3, 1, "div", 22);
+            i0.ɵɵelementStart(38, "div", 21);
+            i0.ɵɵconditionalCreate(39, InitialTargetSettingComponent_Conditional_39_Template, 1, 5, "symphiq-area-chart", 22)(40, InitialTargetSettingComponent_Conditional_40_Template, 3, 1, "div", 23);
             i0.ɵɵelementEnd()()()()()();
-            i0.ɵɵelementStart(40, "div", 29)(41, "div", 30);
-            i0.ɵɵconditionalCreate(42, InitialTargetSettingComponent_Conditional_42_Template, 7, 7, "div", 3);
+            i0.ɵɵelementStart(41, "div", 30)(42, "div", 31);
+            i0.ɵɵconditionalCreate(43, InitialTargetSettingComponent_Conditional_43_Template, 7, 7, "div", 3);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(43, "symphiq-sticky-submit-bar", 31);
-            i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_submitClick_43_listener() { return ctx.handleSubmitClick(); })("cancelClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_cancelClick_43_listener() { return ctx.handleCancel(); });
+            i0.ɵɵelementStart(44, "symphiq-sticky-submit-bar", 32);
+            i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_submitClick_44_listener() { return ctx.handleSubmitClick(); })("cancelClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_cancelClick_44_listener() { return ctx.handleCancel(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -56939,10 +56940,10 @@ class InitialTargetSettingComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" Calculate Your ", ctx.currentYear(), " Revenue Target ");
             i0.ɵɵadvance(4);
-            i0.ɵɵclassProp("form-area-collapse-hidden", ctx.calculationState() === "results");
-            i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.formAreaClasses());
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("mb-0", ctx.calculationState() === "results");
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.baselineIconClasses());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.baselineLabelClasses());
@@ -56953,9 +56954,11 @@ class InitialTargetSettingComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.formatCurrency(ctx.priorYearRevenue()), " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.currentPaceProjection() > 0 ? 19 : -1);
+            i0.ɵɵconditional(ctx.currentPaceProjection() > 0 ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.calculationState() !== "results" ? 20 : -1);
+            i0.ɵɵclassProp("form-area-collapse-hidden", ctx.calculationState() === "results");
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.calculationState() !== "results" ? 21 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("chart-in-column-active", ctx.calculationState() === "results");
             i0.ɵɵadvance(3);
@@ -56963,11 +56966,11 @@ class InitialTargetSettingComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.chartContainerClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.revenueChartData() ? 27 : 28);
+            i0.ɵɵconditional(ctx.revenueChartData() ? 28 : 29);
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("calculated-card-enter-active", ctx.calculatedRevenue() > 0);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.calculatedRevenue() > 0 ? 31 : -1);
+            i0.ɵɵconditional(ctx.calculatedRevenue() > 0 ? 32 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("chart-section-collapse-hidden", ctx.calculationState() === "results");
             i0.ɵɵadvance(3);
@@ -56975,11 +56978,11 @@ class InitialTargetSettingComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.chartContainerClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.revenueChartData() ? 38 : 39);
+            i0.ɵɵconditional(ctx.revenueChartData() ? 39 : 40);
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("metrics-section-enter-active", ctx.showMetricsVisualization());
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.showMetricsVisualization() ? 42 : -1);
+            i0.ɵɵconditional(ctx.showMetricsVisualization() ? 43 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("isValid", ctx.isValid())("isSubmitting", ctx.isCalculating())("validationMessage", ctx.validationMessage())("buttonText", ctx.submitButtonText())("showCancelButton", ctx.calculationState() === "input" && ctx.hasStoredResponse());
         } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.DefaultValueAccessor, i2$1.NumberValueAccessor, i2$1.NgControlStatus, i2$1.MinValidator, i2$1.MaxValidator, i2$1.NgModel, FunnelMetricsVisualizationComponent,
@@ -57004,41 +57007,42 @@ class InitialTargetSettingComponent {
         <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="form-area-collapse" [class.form-area-collapse-hidden]="calculationState() === 'results'">
-                <div class="form-area-content">
-                  <div [ngClass]="formAreaClasses()" class="p-6 rounded-xl border-2 space-y-6">
-                    <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>
-                        </svg>
-                        <div>
-                          <p [ngClass]="baselineLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
-                            {{ priorYear() }} Revenue
-                          </p>
-                          <p [ngClass]="baselineValueClasses()" class="text-lg font-bold">
-                            {{ formatCurrency(priorYearRevenue()) }}
-                          </p>
-                        </div>
+              <div [ngClass]="formAreaClasses()" class="p-6 rounded-xl border-2">
+                <div class="flex flex-wrap gap-4 place-content-between mb-6" [class.mb-0]="calculationState() === 'results'">
+                  <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>
+                    </svg>
+                    <div>
+                      <p [ngClass]="baselineLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
+                        {{ priorYear() }} Revenue
+                      </p>
+                      <p [ngClass]="baselineValueClasses()" class="text-lg font-bold">
+                        {{ formatCurrency(priorYearRevenue()) }}
+                      </p>
+                    </div>
+                  </div>
+                  @if (currentPaceProjection() > 0) {
+                    <div class="flex items-center gap-2">
+                      <svg class="w-4 h-4" [ngClass]="projectionIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <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>
+                        <p [ngClass]="projectionValueClasses()" class="text-lg font-bold">
+                          {{ formatCurrency(currentPaceProjection()) }}
+                        </p>
                       </div>
-                      @if (currentPaceProjection() > 0) {
-                        <div class="flex items-center gap-2">
-                          <svg class="w-4 h-4" [ngClass]="projectionIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <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>
-                            <p [ngClass]="projectionValueClasses()" class="text-lg font-bold">
-                              {{ formatCurrency(currentPaceProjection()) }}
-                            </p>
-                          </div>
-                        </div>
-                      }
                     </div>
+                  }
+                </div>
 
-                    @if (calculationState() !== 'results') {
+                <div class="form-area-collapse" [class.form-area-collapse-hidden]="calculationState() === 'results'">
+                  <div class="form-area-content">
+                    <div class="space-y-6">
+                      @if (calculationState() !== 'results') {
                       <div class="flex gap-2">
                         <button
                           (click)="setInputMode('absolute')"
@@ -57089,6 +57093,7 @@ class InitialTargetSettingComponent {
                         </div>
                       }
                     }
+                    </div>
                   </div>
                 </div>
               </div>
@@ -57106,7 +57111,7 @@ class InitialTargetSettingComponent {
                           [showAxisLabels]="true"
                           [viewMode]="viewMode()"
                           [currencySymbol]="'$'"
-                          [height]="'320px'"
+                          [height]="'200px'"
                         />
                       } @else {
                         <div class="h-64 flex items-center justify-center">
@@ -57276,7 +57281,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 }] }], 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: 396 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 398 }); })();
 
 function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 5);