@eric-emg/symphiq-components 1.2.552 → 1.2.553

package/fesm2022/symphiq-components.mjs

@@ -15505,18 +15505,18 @@ const ModalComponent_Conditional_0_Conditional_16_Conditional_7_Defer_2_DepsFn =
 const _forTrack0$_ = ($index, $item) => $item.id || $index;
 function ModalComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 11);
+    i0.ɵɵelementStart(0, "button", 10);
     i0.ɵɵlistener("click", function ModalComponent_Conditional_0_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.goBack()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 12);
-    i0.ɵɵelement(2, "path", 29);
+    i0.ɵɵelementStart(1, "svg", 11);
+    i0.ɵɵelement(2, "path", 28);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600 hover:text-slate-900 hover:bg-slate-100" : "text-slate-400 hover:text-white hover:bg-slate-700");
 } }
 function ModalComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelementStart(0, "div", 29);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -15527,7 +15527,7 @@ function ModalComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf &
     i0.ɵɵtextInterpolate1(" P", ctx_r1.modalHeaderPriorityBadge(), " ");
 } }
 function ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 31);
+    i0.ɵɵelementStart(0, "span", 30);
     i0.ɵɵtext(1, ">");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -15536,7 +15536,7 @@ function ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_0_Template
 } }
 function ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 34);
+    i0.ɵɵelementStart(0, "button", 33);
     i0.ɵɵlistener("click", function ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const breadcrumb_r5 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(breadcrumb_r5.onClick()); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -15548,7 +15548,7 @@ function ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_1_Template
     i0.ɵɵtextInterpolate1(" ", breadcrumb_r5.label, " ");
 } }
 function ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵelementStart(0, "span", 32);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -15559,8 +15559,8 @@ function ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_2_Template
     i0.ɵɵtextInterpolate1(" ", breadcrumb_r5.label, " ");
 } }
 function ModalComponent_Conditional_0_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_0_Template, 2, 1, "span", 31);
-    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_1_Template, 2, 2, "button", 32)(2, ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_2_Template, 2, 2, "span", 33);
+    i0.ɵɵconditionalCreate(0, ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_0_Template, 2, 1, "span", 30);
+    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_1_Template, 2, 2, "button", 31)(2, ModalComponent_Conditional_0_Conditional_8_For_2_Conditional_2_Template, 2, 2, "span", 32);
 } if (rf & 2) {
     const breadcrumb_r5 = ctx.$implicit;
     const $index_r6 = ctx.$index;
@@ -15577,37 +15577,48 @@ function ModalComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.breadcrumbs());
 } }
+function ModalComponent_Conditional_0_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-current-data-indicator", 35);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
+} }
 function ModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h3", 10);
-    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(0, "div", 6)(1, "h3", 34);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, ModalComponent_Conditional_0_Conditional_9_Conditional_3_Template, 1, 1, "symphiq-current-data-indicator", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.modalTitle(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.modalType() === "chart" ? 3 : -1);
 } }
 function ModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 15);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 14);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("insight", ctx_r1.insightData())("allMetrics", ctx_r1.computedAllMetrics())("charts", ctx_r1.charts())("allCharts", ctx_r1.computedAllCharts())("allBusinessInsights", ctx_r1.allBusinessInsights())("isLightMode", ctx_r1.isLightMode())("isInModal", true)("currencySymbol", ctx_r1.currencySymbol())("currentModalState", ctx_r1.currentModalState());
 } }
 function ModalComponent_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 16);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 15);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("metric", ctx_r1.metricData())("insights", ctx_r1.computedAllInsights())("charts", ctx_r1.charts())("allCharts", ctx_r1.computedAllCharts())("isLightMode", ctx_r1.isLightMode())("isInModal", true)("currencySymbol", ctx_r1.currencySymbol())("currentModalState", ctx_r1.currentModalState())("initialExpandedSection", ctx_r1.expandedSection());
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_4_Defer_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-line-chart", 37);
+    i0.ɵɵelement(0, "symphiq-line-chart", 38);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("chart", ctx_r1.chartLineData())("showAxisLabels", true)("viewMode", ctx_r1.viewMode())("currencySymbol", ctx_r1.currencySymbol());
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_4_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵelement(1, "div", 39);
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "div", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -15620,14 +15631,14 @@ function ModalComponent_Conditional_0_Conditional_16_Conditional_4_Template(rf,
     i0.ɵɵdeferOnIdle();
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_5_Defer_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-bar-chart", 37);
+    i0.ɵɵelement(0, "symphiq-bar-chart", 38);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("chart", ctx_r1.chartBarData())("showAxisLabels", true)("viewMode", ctx_r1.viewMode())("currencySymbol", ctx_r1.currencySymbol());
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_5_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵelement(1, "div", 39);
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "div", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -15640,14 +15651,14 @@ function ModalComponent_Conditional_0_Conditional_16_Conditional_5_Template(rf,
     i0.ɵɵdeferOnIdle();
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_6_Defer_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-pie-chart", 37);
+    i0.ɵɵelement(0, "symphiq-pie-chart", 38);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("chart", ctx_r1.chartPieData())("showAxisLabels", true)("viewMode", ctx_r1.viewMode())("currencySymbol", ctx_r1.currencySymbol());
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_6_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵelement(1, "div", 39);
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "div", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -15660,14 +15671,14 @@ function ModalComponent_Conditional_0_Conditional_16_Conditional_6_Template(rf,
     i0.ɵɵdeferOnIdle();
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_7_Defer_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 37);
+    i0.ɵɵelement(0, "symphiq-area-chart", 38);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("chart", ctx_r1.chartAreaData())("showAxisLabels", true)("viewMode", ctx_r1.viewMode())("currencySymbol", ctx_r1.currencySymbol());
 } }
 function ModalComponent_Conditional_0_Conditional_16_Conditional_7_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵelement(1, "div", 39);
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "div", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -15680,10 +15691,10 @@ function ModalComponent_Conditional_0_Conditional_16_Conditional_7_Template(rf,
     i0.ɵɵdeferOnIdle();
 } }
 function ModalComponent_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "p", 35);
+    i0.ɵɵelementStart(0, "div", 16)(1, "p", 36);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 36);
+    i0.ɵɵelementStart(3, "div", 37);
     i0.ɵɵconditionalCreate(4, ModalComponent_Conditional_0_Conditional_16_Conditional_4_Template, 4, 0);
     i0.ɵɵconditionalCreate(5, ModalComponent_Conditional_0_Conditional_16_Conditional_5_Template, 4, 0);
     i0.ɵɵconditionalCreate(6, ModalComponent_Conditional_0_Conditional_16_Conditional_6_Template, 4, 0);
@@ -15706,17 +15717,17 @@ function ModalComponent_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf
 } }
 function ModalComponent_Conditional_0_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵelementStart(0, "button", 42);
     i0.ɵɵlistener("click", function ModalComponent_Conditional_0_Conditional_17_For_2_Template_button_click_0_listener() { const insight_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openInsightModal(insight_r8)); });
-    i0.ɵɵelementStart(1, "span", 42);
+    i0.ɵɵelementStart(1, "span", 43);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 43);
+    i0.ɵɵelementStart(3, "span", 44);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 44);
-    i0.ɵɵelement(6, "path", 45);
+    i0.ɵɵelementStart(5, "svg", 45);
+    i0.ɵɵelement(6, "path", 46);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const insight_r8 = ctx.$implicit;
@@ -15734,8 +15745,8 @@ function ModalComponent_Conditional_0_Conditional_17_For_2_Template(rf, ctx) { i
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400" : "text-slate-500");
 } }
 function ModalComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵrepeaterCreate(1, ModalComponent_Conditional_0_Conditional_17_For_2_Template, 7, 6, "button", 40, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵrepeaterCreate(1, ModalComponent_Conditional_0_Conditional_17_For_2_Template, 7, 6, "button", 41, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -15743,7 +15754,7 @@ function ModalComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.insightsListData());
 } }
 function ModalComponent_Conditional_0_Conditional_18_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 53);
+    i0.ɵɵelementStart(0, "p", 54);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -15753,17 +15764,17 @@ function ModalComponent_Conditional_0_Conditional_18_Conditional_1_Conditional_8
     i0.ɵɵtextInterpolate(ctx_r1.goalInsightsContext().description);
 } }
 function ModalComponent_Conditional_0_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 47)(2, "div", 48);
+    i0.ɵɵelementStart(0, "div", 17)(1, "div", 48)(2, "div", 49);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 49);
-    i0.ɵɵelement(4, "path", 50);
+    i0.ɵɵelementStart(3, "svg", 50);
+    i0.ɵɵelement(4, "path", 51);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(5, "div", 51)(6, "h4", 52);
+    i0.ɵɵelementStart(5, "div", 52)(6, "h4", 53);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(8, ModalComponent_Conditional_0_Conditional_18_Conditional_1_Conditional_8_Template, 2, 2, "p", 53);
-    i0.ɵɵelementStart(9, "div", 54)(10, "h4", 55);
+    i0.ɵɵconditionalCreate(8, ModalComponent_Conditional_0_Conditional_18_Conditional_1_Conditional_8_Template, 2, 2, "p", 54);
+    i0.ɵɵelementStart(9, "div", 55)(10, "h4", 56);
     i0.ɵɵtext(11, "Related Funnel Analysis Insights");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -15782,10 +15793,10 @@ function ModalComponent_Conditional_0_Conditional_18_Conditional_1_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
 } }
 function ModalComponent_Conditional_0_Conditional_18_For_4_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62)(1, "span", 63);
+    i0.ɵɵelementStart(0, "div", 63)(1, "span", 64);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 64);
-    i0.ɵɵelement(3, "path", 65);
+    i0.ɵɵelementStart(2, "svg", 65);
+    i0.ɵɵelement(3, "path", 66);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
@@ -15799,22 +15810,22 @@ function ModalComponent_Conditional_0_Conditional_18_For_4_Conditional_11_Templa
 } }
 function ModalComponent_Conditional_0_Conditional_18_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 56);
+    i0.ɵɵelementStart(0, "button", 57);
     i0.ɵɵlistener("click", function ModalComponent_Conditional_0_Conditional_18_For_4_Template_button_click_0_listener() { const insight_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openInsightModal(insight_r10)); });
-    i0.ɵɵelementStart(1, "div", 57)(2, "span", 58);
+    i0.ɵɵelementStart(1, "div", 58)(2, "span", 59);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 59)(5, "h5", 60);
+    i0.ɵɵelementStart(4, "div", 60)(5, "h5", 61);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 53);
+    i0.ɵɵelementStart(7, "p", 54);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(9, "svg", 61);
-    i0.ɵɵelement(10, "path", 45);
+    i0.ɵɵelementStart(9, "svg", 62);
+    i0.ɵɵelement(10, "path", 46);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, ModalComponent_Conditional_0_Conditional_18_For_4_Conditional_11_Template, 5, 3, "div", 62);
+    i0.ɵɵconditionalCreate(11, ModalComponent_Conditional_0_Conditional_18_For_4_Conditional_11_Template, 5, 3, "div", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const insight_r10 = ctx.$implicit;
@@ -15839,10 +15850,10 @@ function ModalComponent_Conditional_0_Conditional_18_For_4_Template(rf, ctx) { i
     i0.ɵɵconditional(insight_r10.recommendations && insight_r10.recommendations.length > 0 ? 11 : -1);
 } }
 function ModalComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_18_Conditional_1_Template, 12, 6, "div", 18);
-    i0.ɵɵelementStart(2, "div", 18);
-    i0.ɵɵrepeaterCreate(3, ModalComponent_Conditional_0_Conditional_18_For_4_Template, 12, 11, "button", 46, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_18_Conditional_1_Template, 12, 6, "div", 17);
+    i0.ɵɵelementStart(2, "div", 17);
+    i0.ɵɵrepeaterCreate(3, ModalComponent_Conditional_0_Conditional_18_For_4_Template, 12, 11, "button", 47, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -15852,7 +15863,7 @@ function ModalComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.goalInsightsListData());
 } }
 function ModalComponent_Conditional_0_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 53);
+    i0.ɵɵelementStart(0, "p", 54);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -15863,7 +15874,7 @@ function ModalComponent_Conditional_0_Conditional_19_Conditional_1_Template(rf,
 } }
 function ModalComponent_Conditional_0_Conditional_19_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card", 66);
+    i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card", 67);
     i0.ɵɵlistener("cardNavigate", function ModalComponent_Conditional_0_Conditional_19_For_3_Template_symphiq_recommendation_card_cardNavigate_1_listener() { const businessInsight_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openBusinessInsightDetail(businessInsight_r12)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -15874,8 +15885,8 @@ function ModalComponent_Conditional_0_Conditional_19_For_3_Template(rf, ctx) { i
     i0.ɵɵproperty("recommendation", businessInsight_r12)("viewMode", ctx_r1.viewMode())("animationIndex", $index_r13)("showNavigationChevron", true)("inModalContext", true);
 } }
 function ModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 2, "p", 53);
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 2, "p", 54);
     i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_19_For_3_Template, 2, 5, "div", null, _forTrack0$_);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -15886,25 +15897,25 @@ function ModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.goalBusinessInsightsListData());
 } }
 function ModalComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-recommendation-card", 21);
+    i0.ɵɵelement(0, "symphiq-recommendation-card", 20);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("recommendation", ctx_r1.businessInsightDetailData().recommendation)("viewMode", ctx_r1.businessInsightDetailData().viewMode)("forceExpanded", true)("showNavigationChevron", false)("inModalContext", true)("isCompactMode", false)("animationIndex", 0);
 } }
 function ModalComponent_Conditional_0_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "h4", 67);
+    i0.ɵɵelementStart(0, "div", 17)(1, "div")(2, "h4", 68);
     i0.ɵɵtext(3, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 53);
+    i0.ɵɵelementStart(4, "p", 54);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div")(7, "h4", 67);
+    i0.ɵɵelementStart(6, "div")(7, "h4", 68);
     i0.ɵɵtext(8, "Context");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 53);
+    i0.ɵɵelementStart(9, "p", 54);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 54)(12, "h4", 55);
+    i0.ɵɵelementStart(11, "div", 55)(12, "h4", 56);
     i0.ɵɵtext(13, "Related Metrics");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -15928,7 +15939,7 @@ function ModalComponent_Conditional_0_Conditional_21_Conditional_1_Template(rf,
 } }
 function ModalComponent_Conditional_0_Conditional_21_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 68);
+    i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 69);
     i0.ɵɵlistener("metricClick", function ModalComponent_Conditional_0_Conditional_21_For_4_Template_symphiq_metric_list_item_metricClick_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openMetricModalFromList($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -15938,9 +15949,9 @@ function ModalComponent_Conditional_0_Conditional_21_For_4_Template(rf, ctx) { i
     i0.ɵɵproperty("metric", metric_r15)("isLightMode", ctx_r1.isLightMode())("animationKey", ctx_r1.modalKey())("currencySymbol", ctx_r1.currencySymbol());
 } }
 function ModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_21_Conditional_1_Template, 14, 8, "div", 18);
-    i0.ɵɵelementStart(2, "div", 20);
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_21_Conditional_1_Template, 14, 8, "div", 17);
+    i0.ɵɵelementStart(2, "div", 19);
     i0.ɵɵrepeaterCreate(3, ModalComponent_Conditional_0_Conditional_21_For_4_Template, 2, 4, "div", null, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -15951,19 +15962,19 @@ function ModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.metricsListMetrics());
 } }
 function ModalComponent_Conditional_0_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "h4", 67);
+    i0.ɵɵelementStart(0, "div", 17)(1, "div")(2, "h4", 68);
     i0.ɵɵtext(3, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 53);
+    i0.ɵɵelementStart(4, "p", 54);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div")(7, "h4", 67);
+    i0.ɵɵelementStart(6, "div")(7, "h4", 68);
     i0.ɵɵtext(8, "Context");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 53);
+    i0.ɵɵelementStart(9, "p", 54);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 54)(12, "h4", 55);
+    i0.ɵɵelementStart(11, "div", 55)(12, "h4", 56);
     i0.ɵɵtext(13, "Related Charts");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -15987,7 +15998,7 @@ function ModalComponent_Conditional_0_Conditional_22_Conditional_1_Template(rf,
 } }
 function ModalComponent_Conditional_0_Conditional_22_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "symphiq-chart-card", 69);
+    i0.ɵɵelementStart(0, "div")(1, "symphiq-chart-card", 70);
     i0.ɵɵlistener("chartClick", function ModalComponent_Conditional_0_Conditional_22_For_4_Template_symphiq_chart_card_chartClick_1_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openChartModalFromList($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -15997,9 +16008,9 @@ function ModalComponent_Conditional_0_Conditional_22_For_4_Template(rf, ctx) { i
     i0.ɵɵproperty("chart", chart_r17)("viewMode", ctx_r1.viewMode())("isLightMode", ctx_r1.isLightMode());
 } }
 function ModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 14, 8, "div", 18);
-    i0.ɵɵelementStart(2, "div", 18);
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 14, 8, "div", 17);
+    i0.ɵɵelementStart(2, "div", 17);
     i0.ɵɵrepeaterCreate(3, ModalComponent_Conditional_0_Conditional_22_For_4_Template, 2, 3, "div", null, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -16010,19 +16021,19 @@ function ModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.chartsListCharts());
 } }
 function ModalComponent_Conditional_0_Conditional_23_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "h4", 67);
+    i0.ɵɵelementStart(0, "div", 17)(1, "div")(2, "h4", 68);
     i0.ɵɵtext(3, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 53);
+    i0.ɵɵelementStart(4, "p", 54);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div")(7, "h4", 67);
+    i0.ɵɵelementStart(6, "div")(7, "h4", 68);
     i0.ɵɵtext(8, "Context");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 53);
+    i0.ɵɵelementStart(9, "p", 54);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 54)(12, "h4", 55);
+    i0.ɵɵelementStart(11, "div", 55)(12, "h4", 56);
     i0.ɵɵtext(13, "Recommendations");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -16045,13 +16056,13 @@ function ModalComponent_Conditional_0_Conditional_23_Conditional_1_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
 } }
 function ModalComponent_Conditional_0_Conditional_23_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵelementStart(0, "div", 71);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 71);
-    i0.ɵɵelement(2, "path", 65);
+    i0.ɵɵelementStart(1, "svg", 72);
+    i0.ɵɵelement(2, "path", 66);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 53);
+    i0.ɵɵelementStart(3, "span", 54);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -16064,10 +16075,10 @@ function ModalComponent_Conditional_0_Conditional_23_For_4_Template(rf, ctx) { i
     i0.ɵɵtextInterpolate(rec_r18);
 } }
 function ModalComponent_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_23_Conditional_1_Template, 14, 8, "div", 18);
-    i0.ɵɵelementStart(2, "div", 18);
-    i0.ɵɵrepeaterCreate(3, ModalComponent_Conditional_0_Conditional_23_For_4_Template, 5, 3, "div", 70, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_23_Conditional_1_Template, 14, 8, "div", 17);
+    i0.ɵɵelementStart(2, "div", 17);
+    i0.ɵɵrepeaterCreate(3, ModalComponent_Conditional_0_Conditional_23_For_4_Template, 5, 3, "div", 71, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -16077,25 +16088,25 @@ function ModalComponent_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.recommendationsListRecommendations());
 } }
 function ModalComponent_Conditional_0_Conditional_24_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div")(2, "h4", 67);
+    i0.ɵɵelementStart(0, "div", 17)(1, "div")(2, "h4", 68);
     i0.ɵɵtext(3, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 53);
+    i0.ɵɵelementStart(4, "p", 54);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div")(7, "h4", 67);
+    i0.ɵɵelementStart(6, "div")(7, "h4", 68);
     i0.ɵɵtext(8, "Business Context");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 53);
+    i0.ɵɵelementStart(9, "p", 54);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 54)(12, "div", 73);
+    i0.ɵɵelementStart(11, "div", 55)(12, "div", 74);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(13, "svg", 74);
-    i0.ɵɵelement(14, "path", 75);
+    i0.ɵɵelementStart(13, "svg", 75);
+    i0.ɵɵelement(14, "path", 76);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(15, "h4", 76);
+    i0.ɵɵelementStart(15, "h4", 77);
     i0.ɵɵtext(16, "Industry Context");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -16120,9 +16131,9 @@ function ModalComponent_Conditional_0_Conditional_24_Conditional_1_Template(rf,
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
 } }
 function ModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_24_Conditional_1_Template, 17, 9, "div", 18);
-    i0.ɵɵelementStart(2, "div", 72)(3, "p", 53);
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_24_Conditional_1_Template, 17, 9, "div", 17);
+    i0.ɵɵelementStart(2, "div", 73)(3, "p", 54);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -16137,36 +16148,36 @@ function ModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf
     i0.ɵɵtextInterpolate(ctx_r1.competitiveAnalysisContext().competitiveAnalysis);
 } }
 function ModalComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-strengths-list-modal-content", 22);
+    i0.ɵɵelement(0, "symphiq-funnel-strengths-list-modal-content", 21);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("strengths", ctx_r1.funnelStrengthsListData())("isLightMode", ctx_r1.isLightMode());
 } }
 function ModalComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-weaknesses-list-modal-content", 23);
+    i0.ɵɵelement(0, "symphiq-funnel-weaknesses-list-modal-content", 22);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("weaknesses", ctx_r1.funnelWeaknessesListData())("isLightMode", ctx_r1.isLightMode());
 } }
 function ModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-strength-detail-modal-content", 24);
+    i0.ɵɵelement(0, "symphiq-funnel-strength-detail-modal-content", 23);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("strength", ctx_r1.funnelStrengthDetailData())("isLightMode", ctx_r1.isLightMode())("allMetrics", ctx_r1.computedAllMetrics())("allCharts", ctx_r1.computedAllCharts())("currentModalState", ctx_r1.currentModalState());
 } }
 function ModalComponent_Conditional_0_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-weakness-detail-modal-content", 25);
+    i0.ɵɵelement(0, "symphiq-funnel-weakness-detail-modal-content", 24);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("weakness", ctx_r1.funnelWeaknessDetailData())("isLightMode", ctx_r1.isLightMode())("allMetrics", ctx_r1.computedAllMetrics())("allCharts", ctx_r1.computedAllCharts())("currentModalState", ctx_r1.currentModalState());
 } }
 function ModalComponent_Conditional_0_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 77);
+    i0.ɵɵelementStart(0, "button", 78);
     i0.ɵɵlistener("click", function ModalComponent_Conditional_0_Conditional_30_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.goBack()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 49);
-    i0.ɵɵelement(2, "path", 29);
+    i0.ɵɵelementStart(1, "svg", 50);
+    i0.ɵɵelement(2, "path", 28);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span");
@@ -16178,7 +16189,7 @@ function ModalComponent_Conditional_0_Conditional_30_Template(rf, ctx) { if (rf
 } }
 function ModalComponent_Conditional_0_Conditional_31_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 78);
+    i0.ɵɵelementStart(0, "button", 79);
     i0.ɵɵlistener("click", function ModalComponent_Conditional_0_Conditional_31_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeModal()); });
     i0.ɵɵtext(1, " Close ");
     i0.ɵɵelementEnd();
@@ -16196,34 +16207,34 @@ function ModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "div", 6);
     i0.ɵɵconditionalCreate(6, ModalComponent_Conditional_0_Conditional_6_Template, 3, 1, "button", 7);
     i0.ɵɵconditionalCreate(7, ModalComponent_Conditional_0_Conditional_7_Template, 2, 5, "div", 8);
-    i0.ɵɵconditionalCreate(8, ModalComponent_Conditional_0_Conditional_8_Template, 3, 0, "div", 9)(9, ModalComponent_Conditional_0_Conditional_9_Template, 2, 2, "h3", 10);
+    i0.ɵɵconditionalCreate(8, ModalComponent_Conditional_0_Conditional_8_Template, 3, 0, "div", 9)(9, ModalComponent_Conditional_0_Conditional_9_Template, 4, 3, "div", 6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 11);
+    i0.ɵɵelementStart(10, "button", 10);
     i0.ɵɵlistener("click", function ModalComponent_Conditional_0_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeModal()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(11, "svg", 12);
-    i0.ɵɵelement(12, "path", 13);
+    i0.ɵɵelementStart(11, "svg", 11);
+    i0.ɵɵelement(12, "path", 12);
     i0.ɵɵelementEnd()()()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(13, "div", 14);
-    i0.ɵɵconditionalCreate(14, ModalComponent_Conditional_0_Conditional_14_Template, 1, 9, "symphiq-funnel-analysis-insight-card", 15);
-    i0.ɵɵconditionalCreate(15, ModalComponent_Conditional_0_Conditional_15_Template, 1, 9, "symphiq-funnel-analysis-metric-card", 16);
-    i0.ɵɵconditionalCreate(16, ModalComponent_Conditional_0_Conditional_16_Template, 8, 6, "div", 17);
-    i0.ɵɵconditionalCreate(17, ModalComponent_Conditional_0_Conditional_17_Template, 3, 0, "div", 18);
-    i0.ɵɵconditionalCreate(18, ModalComponent_Conditional_0_Conditional_18_Template, 5, 1, "div", 19);
-    i0.ɵɵconditionalCreate(19, ModalComponent_Conditional_0_Conditional_19_Template, 4, 1, "div", 20);
-    i0.ɵɵconditionalCreate(20, ModalComponent_Conditional_0_Conditional_20_Template, 1, 7, "symphiq-recommendation-card", 21);
-    i0.ɵɵconditionalCreate(21, ModalComponent_Conditional_0_Conditional_21_Template, 5, 1, "div", 19);
-    i0.ɵɵconditionalCreate(22, ModalComponent_Conditional_0_Conditional_22_Template, 5, 1, "div", 19);
-    i0.ɵɵconditionalCreate(23, ModalComponent_Conditional_0_Conditional_23_Template, 5, 1, "div", 19);
-    i0.ɵɵconditionalCreate(24, ModalComponent_Conditional_0_Conditional_24_Template, 5, 4, "div", 19);
-    i0.ɵɵconditionalCreate(25, ModalComponent_Conditional_0_Conditional_25_Template, 1, 2, "symphiq-funnel-strengths-list-modal-content", 22);
-    i0.ɵɵconditionalCreate(26, ModalComponent_Conditional_0_Conditional_26_Template, 1, 2, "symphiq-funnel-weaknesses-list-modal-content", 23);
-    i0.ɵɵconditionalCreate(27, ModalComponent_Conditional_0_Conditional_27_Template, 1, 5, "symphiq-funnel-strength-detail-modal-content", 24);
-    i0.ɵɵconditionalCreate(28, ModalComponent_Conditional_0_Conditional_28_Template, 1, 5, "symphiq-funnel-weakness-detail-modal-content", 25);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "div", 26);
-    i0.ɵɵconditionalCreate(30, ModalComponent_Conditional_0_Conditional_30_Template, 5, 1, "button", 27)(31, ModalComponent_Conditional_0_Conditional_31_Template, 2, 1, "button", 28);
+    i0.ɵɵelementStart(13, "div", 13);
+    i0.ɵɵconditionalCreate(14, ModalComponent_Conditional_0_Conditional_14_Template, 1, 9, "symphiq-funnel-analysis-insight-card", 14);
+    i0.ɵɵconditionalCreate(15, ModalComponent_Conditional_0_Conditional_15_Template, 1, 9, "symphiq-funnel-analysis-metric-card", 15);
+    i0.ɵɵconditionalCreate(16, ModalComponent_Conditional_0_Conditional_16_Template, 8, 6, "div", 16);
+    i0.ɵɵconditionalCreate(17, ModalComponent_Conditional_0_Conditional_17_Template, 3, 0, "div", 17);
+    i0.ɵɵconditionalCreate(18, ModalComponent_Conditional_0_Conditional_18_Template, 5, 1, "div", 18);
+    i0.ɵɵconditionalCreate(19, ModalComponent_Conditional_0_Conditional_19_Template, 4, 1, "div", 19);
+    i0.ɵɵconditionalCreate(20, ModalComponent_Conditional_0_Conditional_20_Template, 1, 7, "symphiq-recommendation-card", 20);
+    i0.ɵɵconditionalCreate(21, ModalComponent_Conditional_0_Conditional_21_Template, 5, 1, "div", 18);
+    i0.ɵɵconditionalCreate(22, ModalComponent_Conditional_0_Conditional_22_Template, 5, 1, "div", 18);
+    i0.ɵɵconditionalCreate(23, ModalComponent_Conditional_0_Conditional_23_Template, 5, 1, "div", 18);
+    i0.ɵɵconditionalCreate(24, ModalComponent_Conditional_0_Conditional_24_Template, 5, 4, "div", 18);
+    i0.ɵɵconditionalCreate(25, ModalComponent_Conditional_0_Conditional_25_Template, 1, 2, "symphiq-funnel-strengths-list-modal-content", 21);
+    i0.ɵɵconditionalCreate(26, ModalComponent_Conditional_0_Conditional_26_Template, 1, 2, "symphiq-funnel-weaknesses-list-modal-content", 22);
+    i0.ɵɵconditionalCreate(27, ModalComponent_Conditional_0_Conditional_27_Template, 1, 5, "symphiq-funnel-strength-detail-modal-content", 23);
+    i0.ɵɵconditionalCreate(28, ModalComponent_Conditional_0_Conditional_28_Template, 1, 5, "symphiq-funnel-weakness-detail-modal-content", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "div", 25);
+    i0.ɵɵconditionalCreate(30, ModalComponent_Conditional_0_Conditional_30_Template, 5, 1, "button", 26)(31, ModalComponent_Conditional_0_Conditional_31_Template, 2, 1, "button", 27);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -17063,11 +17074,11 @@ class ModalComponent {
         });
     }
     static { this.ɵfac = function ModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalComponent, selectors: [["symphiq-funnel-analysis-modal"]], inputs: { isLightMode: [1, "isLightMode"], viewMode: [1, "viewMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], currencySymbol: [1, "currencySymbol"], businessProfile: [1, "businessProfile"] }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "ngClass"], [1, "flex-shrink-0", 3, "class", "animate-pulse"], [1, "flex", "items-center", "gap-2", "flex-wrap"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 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", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "currencySymbol", "currentModalState"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currencySymbol", "currentModalState", "initialExpandedSection"], [1, "chart-modal-content"], [1, "space-y-3"], [1, "space-y-5"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "animationIndex"], [3, "strengths", "isLightMode"], [3, "weaknesses", "isLightMode"], [3, "strength", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [3, "weakness", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "flex-shrink-0"], [1, "text-sm", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-sm", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "font-medium", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-2"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex-1"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "border-t", "pt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-3", 3, "ngClass"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "transition-colors", "mb-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", "mt-1", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "pt-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey", "currencySymbol"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "w-full", "text-left", "flex", "items-start", "gap-3", "p-4", "rounded-lg", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-emerald-400", "flex-shrink-0", "mt-0.5"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], ["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", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "click", "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalComponent, selectors: [["symphiq-funnel-analysis-modal"]], inputs: { isLightMode: [1, "isLightMode"], viewMode: [1, "viewMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], currencySymbol: [1, "currencySymbol"], businessProfile: [1, "businessProfile"] }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "ngClass"], [1, "flex-shrink-0", 3, "class", "animate-pulse"], [1, "flex", "items-center", "gap-2", "flex-wrap"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 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", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "currencySymbol", "currentModalState"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currencySymbol", "currentModalState", "initialExpandedSection"], [1, "chart-modal-content"], [1, "space-y-3"], [1, "space-y-5"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "animationIndex"], [3, "strengths", "isLightMode"], [3, "weaknesses", "isLightMode"], [3, "strength", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [3, "weakness", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "flex-shrink-0"], [1, "text-sm", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], ["tooltipPosition", "bottom", 3, "viewMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-sm", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "font-medium", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-2"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex-1"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "border-t", "pt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-3", 3, "ngClass"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "transition-colors", "mb-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", "mt-1", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "pt-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey", "currencySymbol"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "w-full", "text-left", "flex", "items-start", "gap-3", "p-4", "rounded-lg", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-emerald-400", "flex-shrink-0", "mt-0.5"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], ["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", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "click", "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ModalComponent_Conditional_0_Template, 32, 41, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, InsightCardComponent, MetricCardComponent, MetricListItemComponent, ChartCardComponent, FunnelStrengthsListModalContentComponent, FunnelWeaknessesListModalContentComponent, FunnelStrengthDetailModalContentComponent, FunnelWeaknessDetailModalContentComponent, RecommendationCardComponent], encapsulation: 2, data: { animation: [
+        } }, dependencies: [CommonModule, i1$1.NgClass, InsightCardComponent, MetricCardComponent, MetricListItemComponent, ChartCardComponent, FunnelStrengthsListModalContentComponent, FunnelWeaknessesListModalContentComponent, FunnelStrengthDetailModalContentComponent, FunnelWeaknessDetailModalContentComponent, RecommendationCardComponent, CurrentDataIndicatorComponent], encapsulation: 2, data: { animation: [
                 trigger('fadeIn', [
                     transition(':enter', [
                         style({ opacity: 0 }),
@@ -17088,7 +17099,7 @@ class ModalComponent {
                 selector: 'symphiq-funnel-analysis-modal',
                 standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                imports: [CommonModule, InsightCardComponent, MetricCardComponent, MetricListItemComponent, LineChartComponent, BarChartComponent, PieChartComponent, AreaChartComponent, ChartCardComponent, FunnelStrengthsListModalContentComponent, FunnelWeaknessesListModalContentComponent, FunnelStrengthDetailModalContentComponent, FunnelWeaknessDetailModalContentComponent, RecommendationCardComponent],
+                imports: [CommonModule, InsightCardComponent, MetricCardComponent, MetricListItemComponent, LineChartComponent, BarChartComponent, PieChartComponent, AreaChartComponent, ChartCardComponent, FunnelStrengthsListModalContentComponent, FunnelWeaknessesListModalContentComponent, FunnelStrengthDetailModalContentComponent, FunnelWeaknessDetailModalContentComponent, RecommendationCardComponent, CurrentDataIndicatorComponent],
                 animations: [
                     trigger('fadeIn', [
                         transition(':enter', [
@@ -17159,9 +17170,16 @@ class ModalComponent {
                       }
                     </div>
                   } @else {
-                    <h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-xl font-bold">
-                      {{ modalTitle() }}
-                    </h3>
+                    <div class="flex items-center gap-3">
+                      <h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-xl font-bold">
+                        {{ modalTitle() }}
+                      </h3>
+                      @if (modalType() === 'chart') {
+                        <symphiq-current-data-indicator
+                          [viewMode]="viewMode()"
+                          tooltipPosition="bottom" />
+                      }
+                    </div>
                   }
                 </div>
                 <button
@@ -17534,7 +17552,7 @@ class ModalComponent {
   `,
             }]
     }], () => [], { isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }] }); }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalComponent, { className: "ModalComponent", filePath: "lib/components/funnel-analysis-dashboard/modal.component.ts", lineNumber: 473 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalComponent, { className: "ModalComponent", filePath: "lib/components/funnel-analysis-dashboard/modal.component.ts", lineNumber: 481 }); })();
 
 function MetricValueTooltipComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);