@eric-emg/symphiq-components 1.2.208 → 1.2.209

package/fesm2022/symphiq-components.mjs

@@ -56230,7 +56230,7 @@ function InitialTargetSettingComponent_Conditional_17_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 11);
-    i0.ɵɵelement(2, "path", 33);
+    i0.ɵɵelement(2, "path", 31);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "div")(4, "p", 13);
@@ -56252,10 +56252,10 @@ function InitialTargetSettingComponent_Conditional_17_Template(rf, ctx) { if (rf
 } }
 function InitialTargetSettingComponent_Conditional_21_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 36)(1, "span", 37);
+    i0.ɵɵelementStart(0, "div", 34)(1, "span", 35);
     i0.ɵɵtext(2, " $ ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 38, 0);
+    i0.ɵɵelementStart(3, "input", 36, 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()();
@@ -56269,11 +56269,11 @@ function InitialTargetSettingComponent_Conditional_21_Conditional_5_Template(rf,
 } }
 function InitialTargetSettingComponent_Conditional_21_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 36)(1, "input", 39, 1);
+    i0.ɵɵelementStart(0, "div", 34)(1, "input", 37, 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", 40);
+    i0.ɵɵelementStart(3, "span", 38);
     i0.ɵɵtext(4, " % ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56286,15 +56286,15 @@ function InitialTargetSettingComponent_Conditional_21_Conditional_6_Template(rf,
 } }
 function InitialTargetSettingComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 34)(1, "button", 35);
+    i0.ɵɵelementStart(0, "div", 32)(1, "button", 33);
     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", 35);
+    i0.ɵɵelementStart(3, "button", 33);
     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_21_Conditional_5_Template, 5, 3, "div", 36)(6, InitialTargetSettingComponent_Conditional_21_Conditional_6_Template, 5, 3, "div", 36);
+    i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_21_Conditional_5_Template, 5, 3, "div", 34)(6, InitialTargetSettingComponent_Conditional_21_Conditional_6_Template, 5, 3, "div", 34);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -56308,10 +56308,10 @@ function InitialTargetSettingComponent_Conditional_28_Template(rf, ctx) { if (rf
     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", "200px");
+    i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "108px");
 } }
 function InitialTargetSettingComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23)(1, "p", 41);
+    i0.ɵɵelementStart(0, "div", 23)(1, "p", 39);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -56321,7 +56321,7 @@ function InitialTargetSettingComponent_Conditional_29_Template(rf, ctx) { if (rf
 } }
 function InitialTargetSettingComponent_Conditional_32_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 51);
+    i0.ɵɵelementStart(0, "button", 49);
     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();
@@ -56330,19 +56330,19 @@ function InitialTargetSettingComponent_Conditional_32_Conditional_8_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r0.secondaryButtonClasses());
 } }
 function InitialTargetSettingComponent_Conditional_32_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46)(1, "div", 47)(2, "span", 48);
+    i0.ɵɵelementStart(0, "div", 44)(1, "div", 45)(2, "span", 46);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 49)(5, "div")(6, "p", 43);
+    i0.ɵɵelementStart(4, "div", 47)(5, "div")(6, "p", 41);
     i0.ɵɵtext(7, " Gap to Close ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "p", 50);
+    i0.ɵɵelementStart(8, "p", 48);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div")(11, "p", 43);
+    i0.ɵɵelementStart(10, "div")(11, "p", 41);
     i0.ɵɵtext(12, " Additional Growth Needed ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "p", 50);
+    i0.ɵɵelementStart(13, "p", 48);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -56366,30 +56366,30 @@ function InitialTargetSettingComponent_Conditional_32_Conditional_24_Template(rf
     i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.gapToClose().percentage, 1), " ");
 } }
 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.ɵɵelementStart(0, "div", 26)(1, "div", 17)(2, "div", 40)(3, "div")(4, "p", 41);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 44);
+    i0.ɵɵelementStart(6, "p", 42);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, InitialTargetSettingComponent_Conditional_32_Conditional_8_Template, 2, 1, "button", 45);
+    i0.ɵɵconditionalCreate(8, InitialTargetSettingComponent_Conditional_32_Conditional_8_Template, 2, 1, "button", 43);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 46)(10, "div", 47)(11, "span", 48);
+    i0.ɵɵelementStart(9, "div", 44)(10, "div", 45)(11, "span", 46);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 49)(14, "div")(15, "p", 43);
+    i0.ɵɵelementStart(13, "div", 47)(14, "div")(15, "p", 41);
     i0.ɵɵtext(16, " Increase Amount ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "p", 50);
+    i0.ɵɵelementStart(17, "p", 48);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div")(20, "p", 43);
+    i0.ɵɵelementStart(19, "div")(20, "p", 41);
     i0.ɵɵtext(21, " % Growth ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "p", 50);
+    i0.ɵɵelementStart(22, "p", 48);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(24, InitialTargetSettingComponent_Conditional_32_Conditional_24_Template, 15, 10, "div", 46);
+    i0.ɵɵconditionalCreate(24, InitialTargetSettingComponent_Conditional_32_Conditional_24_Template, 15, 10, "div", 44);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -56425,29 +56425,45 @@ function InitialTargetSettingComponent_Conditional_32_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.currentPaceProjection() > 0 && ctx_r0.gapToClose().amount !== 0 ? 24 : -1);
 } }
-function InitialTargetSettingComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+function InitialTargetSettingComponent_Conditional_33_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-area-chart", 22);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "320px");
 } }
-function InitialTargetSettingComponent_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23)(1, "p", 41);
+function InitialTargetSettingComponent_Conditional_33_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "p", 39);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
 } }
-function InitialTargetSettingComponent_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 52)(2, "h2", 53);
+function InitialTargetSettingComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27)(1, "p", 20);
+    i0.ɵɵtext(2, " Year-over-Year Revenue Trend ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 21);
+    i0.ɵɵconditionalCreate(4, InitialTargetSettingComponent_Conditional_33_Conditional_4_Template, 1, 5, "symphiq-area-chart", 22)(5, InitialTargetSettingComponent_Conditional_33_Conditional_5_Template, 3, 1, "div", 23);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.chartTitleClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.chartContainerClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.revenueChartData() ? 4 : 5);
+} }
+function InitialTargetSettingComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 50)(2, "h2", 51);
     i0.ɵɵtext(3, " Contributing Metrics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 41);
+    i0.ɵɵelementStart(4, "p", 39);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 54);
+    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 52);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -56890,7 +56906,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"] }, 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) {
+        } }, 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: 38, vars: 33, 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"], [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, "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();
@@ -56920,17 +56936,13 @@ class InitialTargetSettingComponent {
             i0.ɵɵelementStart(30, "div", 24)(31, "div", 25);
             i0.ɵɵconditionalCreate(32, InitialTargetSettingComponent_Conditional_32_Template, 25, 16, "div", 26);
             i0.ɵɵelementEnd()()();
-            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(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(41, "div", 30)(42, "div", 31);
-            i0.ɵɵconditionalCreate(43, InitialTargetSettingComponent_Conditional_43_Template, 7, 7, "div", 3);
+            i0.ɵɵconditionalCreate(33, InitialTargetSettingComponent_Conditional_33_Template, 6, 3, "div", 27);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(34, "div", 28)(35, "div", 29);
+            i0.ɵɵconditionalCreate(36, InitialTargetSettingComponent_Conditional_36_Template, 7, 7, "div", 3);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(37, "symphiq-sticky-submit-bar", 30);
+            i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_submitClick_37_listener() { return ctx.handleSubmitClick(); })("cancelClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_cancelClick_37_listener() { return ctx.handleCancel(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -56942,7 +56954,7 @@ class InitialTargetSettingComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.formAreaClasses());
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("mb-0", ctx.calculationState() === "results");
+            i0.ɵɵclassProp("mb-6", ctx.calculationState() !== "results");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.baselineIconClasses());
             i0.ɵɵadvance(3);
@@ -56972,17 +56984,11 @@ class InitialTargetSettingComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.calculatedRevenue() > 0 ? 32 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("chart-section-collapse-hidden", ctx.calculationState() === "results");
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.chartTitleClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.chartContainerClasses());
+            i0.ɵɵconditional(ctx.calculationState() !== "results" ? 33 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.revenueChartData() ? 39 : 40);
-            i0.ɵɵadvance(2);
             i0.ɵɵclassProp("metrics-section-enter-active", ctx.showMetricsVisualization());
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.showMetricsVisualization() ? 43 : -1);
+            i0.ɵɵconditional(ctx.showMetricsVisualization() ? 36 : -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,
@@ -57008,7 +57014,7 @@ class InitialTargetSettingComponent {
           <div class="grid lg:grid-cols-2 gap-8">
             <div class="flex flex-col gap-4">
               <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 flex-wrap gap-4 place-content-between" [class.mb-6]="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>
@@ -57111,7 +57117,7 @@ class InitialTargetSettingComponent {
                           [showAxisLabels]="true"
                           [viewMode]="viewMode()"
                           [currencySymbol]="'$'"
-                          [height]="'200px'"
+                          [height]="'108px'"
                         />
                       } @else {
                         <div class="h-64 flex items-center justify-center">
@@ -57210,32 +57216,30 @@ class InitialTargetSettingComponent {
             </div>
           </div>
 
-          <div class="chart-section-collapse" [class.chart-section-collapse-hidden]="calculationState() === 'results'">
-            <div class="chart-section-content">
-              <div class="w-full">
-                <p [ngClass]="chartTitleClasses()" class="text-sm font-semibold mb-3">
-                  Year-over-Year Revenue Trend
-                </p>
-                <div [ngClass]="chartContainerClasses()" class="rounded-xl border p-4">
-                  @if (revenueChartData()) {
-                    <symphiq-area-chart
-                      [chart]="revenueChartData()!"
-                      [showAxisLabels]="true"
-                      [viewMode]="viewMode()"
-                      [currencySymbol]="'$'"
-                      [height]="'320px'"
-                    />
-                  } @else {
-                    <div class="h-64 flex items-center justify-center">
-                      <p [ngClass]="noDataClasses()" class="text-sm">
-                        No revenue data available
-                      </p>
-                    </div>
-                  }
-                </div>
+          @if (calculationState() !== 'results') {
+            <div class="w-full">
+              <p [ngClass]="chartTitleClasses()" class="text-sm font-semibold mb-3">
+                Year-over-Year Revenue Trend
+              </p>
+              <div [ngClass]="chartContainerClasses()" class="rounded-xl border p-4">
+                @if (revenueChartData()) {
+                  <symphiq-area-chart
+                    [chart]="revenueChartData()!"
+                    [showAxisLabels]="true"
+                    [viewMode]="viewMode()"
+                    [currencySymbol]="'$'"
+                    [height]="'320px'"
+                  />
+                } @else {
+                  <div class="h-64 flex items-center justify-center">
+                    <p [ngClass]="noDataClasses()" class="text-sm">
+                      No revenue data available
+                    </p>
+                  </div>
+                }
               </div>
             </div>
-          </div>
+          }
         </div>
       </div>
 
@@ -57281,7 +57285,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: 398 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 396 }); })();
 
 function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 5);