@eric-emg/symphiq-components 1.2.12 → 1.2.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -20193,16 +20193,10 @@ const _c1 = () => ({});
20193
20193
  const _c2 = () => [1, 2, 3, 4, 5, 6];
20194
20194
  const _c3 = () => [1, 2, 3, 4];
20195
20195
  const _forTrack0$1 = ($index, $item) => $item.value;
20196
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
20197
- i0.ɵɵelement(0, "div", 52);
20198
- } if (rf & 2) {
20199
- const ctx_r1 = i0.ɵɵnextContext();
20200
- i0.ɵɵclassProp("light-mode", ctx_r1.isLightMode());
20201
- } }
20202
20196
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
20203
20197
  i0.ɵɵnamespaceSVG();
20204
20198
  i0.ɵɵelementStart(0, "svg", 19);
20205
- i0.ɵɵelement(1, "path", 53);
20199
+ i0.ɵɵelement(1, "path", 52);
20206
20200
  i0.ɵɵelementEnd();
20207
20201
  i0.ɵɵnamespaceHTML();
20208
20202
  i0.ɵɵelementStart(2, "span");
@@ -20212,7 +20206,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx
20212
20206
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
20213
20207
  i0.ɵɵnamespaceSVG();
20214
20208
  i0.ɵɵelementStart(0, "svg", 19);
20215
- i0.ɵɵelement(1, "path", 54);
20209
+ i0.ɵɵelement(1, "path", 53);
20216
20210
  i0.ɵɵelementEnd();
20217
20211
  i0.ɵɵnamespaceHTML();
20218
20212
  i0.ɵɵelementStart(2, "span");
@@ -20224,45 +20218,45 @@ function SymphiqFunnelAnalysisDashboardComponent_For_37_Template(rf, ctx) { if (
20224
20218
  i0.ɵɵtext(1);
20225
20219
  i0.ɵɵelementEnd();
20226
20220
  } if (rf & 2) {
20227
- const section_r3 = ctx.$implicit;
20228
- i0.ɵɵproperty("value", section_r3.value);
20221
+ const section_r2 = ctx.$implicit;
20222
+ i0.ɵɵproperty("value", section_r2.value);
20229
20223
  i0.ɵɵadvance();
20230
- i0.ɵɵtextInterpolate(section_r3.label);
20224
+ i0.ɵɵtextInterpolate(section_r2.label);
20231
20225
  } }
20232
20226
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
20233
- i0.ɵɵelementStart(0, "div", 36)(1, "span", 55);
20227
+ i0.ɵɵelementStart(0, "div", 36)(1, "span", 54);
20234
20228
  i0.ɵɵtext(2, "Revenue:");
20235
20229
  i0.ɵɵelementEnd();
20236
- i0.ɵɵelementStart(3, "span", 56);
20230
+ i0.ɵɵelementStart(3, "span", 55);
20237
20231
  i0.ɵɵtext(4);
20238
20232
  i0.ɵɵelementEnd();
20239
- i0.ɵɵelementStart(5, "span", 57);
20233
+ i0.ɵɵelementStart(5, "span", 56);
20240
20234
  i0.ɵɵtext(6);
20241
20235
  i0.ɵɵelementEnd()();
20242
20236
  } if (rf & 2) {
20243
- const ctx_r1 = i0.ɵɵnextContext();
20244
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-emerald-50 border border-emerald-200" : "bg-emerald-500/10 border border-emerald-500/20");
20237
+ const ctx_r2 = i0.ɵɵnextContext();
20238
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-emerald-50 border border-emerald-200" : "bg-emerald-500/10 border border-emerald-500/20");
20245
20239
  i0.ɵɵadvance();
20246
- i0.ɵɵclassMap(ctx_r1.metaLabelClass());
20240
+ i0.ɵɵclassMap(ctx_r2.metaLabelClass());
20247
20241
  i0.ɵɵadvance(2);
20248
- i0.ɵɵclassMap(ctx_r1.headerTitleClass());
20242
+ i0.ɵɵclassMap(ctx_r2.headerTitleClass());
20249
20243
  i0.ɵɵadvance();
20250
- i0.ɵɵtextInterpolate(ctx_r1.formatValue(ctx_r1.revenueValue()));
20244
+ i0.ɵɵtextInterpolate(ctx_r2.formatValue(ctx_r2.revenueValue()));
20251
20245
  i0.ɵɵadvance();
20252
- i0.ɵɵproperty("ngClass", ctx_r1.revenueTrend() >= 0 ? "text-emerald-600" : "text-red-600");
20246
+ i0.ɵɵproperty("ngClass", ctx_r2.revenueTrend() >= 0 ? "text-emerald-600" : "text-red-600");
20253
20247
  i0.ɵɵadvance();
20254
- i0.ɵɵtextInterpolate2(" ", ctx_r1.revenueTrend() >= 0 ? "+" : "", "", ctx_r1.revenueTrend().toFixed(1), "% ");
20248
+ i0.ɵɵtextInterpolate2(" ", ctx_r2.revenueTrend() >= 0 ? "+" : "", "", ctx_r2.revenueTrend().toFixed(1), "% ");
20255
20249
  } }
20256
20250
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
20257
20251
  i0.ɵɵnamespaceSVG();
20258
20252
  i0.ɵɵelementStart(0, "svg", 39);
20259
- i0.ɵɵelement(1, "path", 53);
20253
+ i0.ɵɵelement(1, "path", 52);
20260
20254
  i0.ɵɵelementEnd();
20261
20255
  } }
20262
20256
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
20263
20257
  i0.ɵɵnamespaceSVG();
20264
20258
  i0.ɵɵelementStart(0, "svg", 39);
20265
- i0.ɵɵelement(1, "path", 54);
20259
+ i0.ɵɵelement(1, "path", 53);
20266
20260
  i0.ɵɵelementEnd();
20267
20261
  } }
20268
20262
  function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (rf & 1) {
@@ -20277,264 +20271,264 @@ function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (
20277
20271
  } }
20278
20272
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
20279
20273
  const _r5 = i0.ɵɵgetCurrentView();
20280
- i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div", 58);
20274
+ i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div", 57);
20281
20275
  i0.ɵɵnamespaceSVG();
20282
- i0.ɵɵelementStart(4, "svg", 59);
20276
+ i0.ɵɵelementStart(4, "svg", 58);
20283
20277
  i0.ɵɵelement(5, "path", 20);
20284
20278
  i0.ɵɵelementEnd();
20285
20279
  i0.ɵɵnamespaceHTML();
20286
- i0.ɵɵelementStart(6, "div", 60)(7, "span", 61);
20280
+ i0.ɵɵelementStart(6, "div", 59)(7, "span", 60);
20287
20281
  i0.ɵɵtext(8, "Showing:");
20288
20282
  i0.ɵɵelementEnd();
20289
- i0.ɵɵelementStart(9, "span", 62);
20283
+ i0.ɵɵelementStart(9, "span", 61);
20290
20284
  i0.ɵɵtext(10);
20291
20285
  i0.ɵɵelementEnd();
20292
- i0.ɵɵelementStart(11, "span", 63);
20286
+ i0.ɵɵelementStart(11, "span", 62);
20293
20287
  i0.ɵɵtext(12);
20294
20288
  i0.ɵɵelementEnd()()();
20295
- i0.ɵɵelementStart(13, "button", 64);
20296
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
20289
+ i0.ɵɵelementStart(13, "button", 63);
20290
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
20297
20291
  i0.ɵɵnamespaceSVG();
20298
20292
  i0.ɵɵelementStart(14, "svg", 39);
20299
- i0.ɵɵelement(15, "path", 65);
20293
+ i0.ɵɵelement(15, "path", 64);
20300
20294
  i0.ɵɵelementEnd()()()()();
20301
20295
  } if (rf & 2) {
20302
- const ctx_r1 = i0.ɵɵnextContext();
20303
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-blue-50/95 border-blue-200" : "bg-blue-900/20 border-blue-800/30");
20296
+ const ctx_r2 = i0.ɵɵnextContext();
20297
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-blue-50/95 border-blue-200" : "bg-blue-900/20 border-blue-800/30");
20304
20298
  i0.ɵɵadvance(4);
20305
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-600" : "text-blue-400");
20299
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-600" : "text-blue-400");
20306
20300
  i0.ɵɵadvance(3);
20307
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-900" : "text-blue-100");
20301
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-900" : "text-blue-100");
20308
20302
  i0.ɵɵadvance(2);
20309
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-700" : "text-blue-300");
20303
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-700" : "text-blue-300");
20310
20304
  i0.ɵɵadvance();
20311
- i0.ɵɵtextInterpolate1(" ", ctx_r1.searchService.activeSearchResult().title, " ");
20305
+ i0.ɵɵtextInterpolate1(" ", ctx_r2.searchService.activeSearchResult().title, " ");
20312
20306
  i0.ɵɵadvance();
20313
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-blue-100 text-blue-700 border-blue-200" : "bg-blue-800/50 text-blue-300 border-blue-700/50");
20307
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-blue-100 text-blue-700 border-blue-200" : "bg-blue-800/50 text-blue-300 border-blue-700/50");
20314
20308
  i0.ɵɵadvance();
20315
- i0.ɵɵtextInterpolate1(" ", ctx_r1.searchService.activeSearchResult().type, " ");
20309
+ i0.ɵɵtextInterpolate1(" ", ctx_r2.searchService.activeSearchResult().type, " ");
20316
20310
  i0.ɵɵadvance();
20317
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-600 hover:text-blue-800 hover:bg-blue-100" : "text-blue-400 hover:text-blue-200 hover:bg-blue-800/50");
20311
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-600 hover:text-blue-800 hover:bg-blue-100" : "text-blue-400 hover:text-blue-200 hover:bg-blue-800/50");
20318
20312
  } }
20319
20313
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
20320
20314
  const _r6 = i0.ɵɵgetCurrentView();
20321
- i0.ɵɵelementStart(0, "button", 66);
20322
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToTop()); });
20315
+ i0.ɵɵelementStart(0, "button", 65);
20316
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToTop()); });
20323
20317
  i0.ɵɵelementEnd();
20324
20318
  } if (rf & 2) {
20325
- const ctx_r1 = i0.ɵɵnextContext();
20326
- i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20319
+ const ctx_r2 = i0.ɵɵnextContext();
20320
+ i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20327
20321
  } }
20328
20322
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
20329
20323
  const _r7 = i0.ɵɵgetCurrentView();
20330
- i0.ɵɵelementStart(0, "button", 66);
20331
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("insights-section")); });
20324
+ i0.ɵɵelementStart(0, "button", 65);
20325
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("insights-section")); });
20332
20326
  i0.ɵɵelementEnd();
20333
20327
  } if (rf & 2) {
20334
- const ctx_r1 = i0.ɵɵnextContext();
20335
- i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20328
+ const ctx_r2 = i0.ɵɵnextContext();
20329
+ i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20336
20330
  } }
20337
20331
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
20338
20332
  const _r8 = i0.ɵɵgetCurrentView();
20339
- i0.ɵɵelementStart(0, "button", 66);
20340
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("metrics-section")); });
20333
+ i0.ɵɵelementStart(0, "button", 65);
20334
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("metrics-section")); });
20341
20335
  i0.ɵɵelementEnd();
20342
20336
  } if (rf & 2) {
20343
- const ctx_r1 = i0.ɵɵnextContext();
20344
- i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20337
+ const ctx_r2 = i0.ɵɵnextContext();
20338
+ i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20345
20339
  } }
20346
20340
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
20347
20341
  const _r9 = i0.ɵɵgetCurrentView();
20348
- i0.ɵɵelementStart(0, "button", 66);
20349
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("breakdowns-section")); });
20342
+ i0.ɵɵelementStart(0, "button", 65);
20343
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("breakdowns-section")); });
20350
20344
  i0.ɵɵelementEnd();
20351
20345
  } if (rf & 2) {
20352
- const ctx_r1 = i0.ɵɵnextContext();
20353
- i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20346
+ const ctx_r2 = i0.ɵɵnextContext();
20347
+ i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20354
20348
  } }
20355
20349
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
20356
20350
  const _r10 = i0.ɵɵgetCurrentView();
20357
- i0.ɵɵelementStart(0, "button", 66);
20358
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("competitive-section")); });
20351
+ i0.ɵɵelementStart(0, "button", 65);
20352
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("competitive-section")); });
20359
20353
  i0.ɵɵelementEnd();
20360
20354
  } if (rf & 2) {
20361
- const ctx_r1 = i0.ɵɵnextContext();
20362
- i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
20355
+ const ctx_r2 = i0.ɵɵnextContext();
20356
+ i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
20363
20357
  } }
20364
20358
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
20365
20359
  i0.ɵɵelementStart(0, "div", 47);
20366
- i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 67);
20360
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 66);
20367
20361
  i0.ɵɵelementEnd();
20368
20362
  } if (rf & 2) {
20369
- const ctx_r1 = i0.ɵɵnextContext();
20363
+ const ctx_r2 = i0.ɵɵnextContext();
20370
20364
  i0.ɵɵadvance();
20371
- i0.ɵɵproperty("assessment", ctx_r1.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8, _c1))("revenueMetric", ctx_r1.revenueMetric())("charts", ctx_r1.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r1.allMetrics())("isLightMode", ctx_r1.isLightMode())("isLoading", ctx_r1.isOverallAssessmentLoading())("isCompactMode", ctx_r1.viewModeService.isCompact())("isChartsLoading", ctx_r1.areChartsLoading());
20365
+ i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8, _c1))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading());
20372
20366
  } }
20373
20367
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20374
- i0.ɵɵelementStart(0, "div", 68)(1, "div", 79);
20375
- i0.ɵɵelement(2, "div", 80);
20368
+ i0.ɵɵelementStart(0, "div", 67)(1, "div", 78);
20369
+ i0.ɵɵelement(2, "div", 79);
20376
20370
  i0.ɵɵelementEnd();
20377
- i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
20371
+ i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
20378
20372
  i0.ɵɵnamespaceSVG();
20379
- i0.ɵɵelementStart(5, "svg", 83);
20380
- i0.ɵɵelement(6, "path", 84);
20373
+ i0.ɵɵelementStart(5, "svg", 82);
20374
+ i0.ɵɵelement(6, "path", 83);
20381
20375
  i0.ɵɵelementEnd()()()();
20382
20376
  } if (rf & 2) {
20383
- const ctx_r1 = i0.ɵɵnextContext(2);
20377
+ const ctx_r2 = i0.ɵɵnextContext(2);
20384
20378
  i0.ɵɵadvance(2);
20385
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "from-transparent via-blue-500/30 to-transparent" : "from-transparent via-blue-400/20 to-transparent");
20379
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-blue-500/30 to-transparent" : "from-transparent via-blue-400/20 to-transparent");
20386
20380
  i0.ɵɵadvance(2);
20387
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-br from-blue-50 to-indigo-50 border border-blue-200/50 shadow-lg shadow-blue-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-blue-500/20 shadow-lg shadow-blue-500/5");
20381
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-blue-50 to-indigo-50 border border-blue-200/50 shadow-lg shadow-blue-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-blue-500/20 shadow-lg shadow-blue-500/5");
20388
20382
  i0.ɵɵadvance();
20389
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-500" : "text-blue-400");
20383
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-500" : "text-blue-400");
20390
20384
  } }
20391
20385
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
20392
- i0.ɵɵelementStart(0, "div", 86);
20393
- i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 87);
20386
+ i0.ɵɵelementStart(0, "div", 85);
20387
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 86);
20394
20388
  i0.ɵɵelementEnd();
20395
20389
  } if (rf & 2) {
20396
20390
  const insight_r11 = ctx.$implicit;
20397
20391
  const $index_r12 = ctx.$index;
20398
- const ctx_r1 = i0.ɵɵnextContext(3);
20399
- i0.ɵɵclassMap(ctx_r1.getInsightCardClass(insight_r11));
20392
+ const ctx_r2 = i0.ɵɵnextContext(3);
20393
+ i0.ɵɵclassMap(ctx_r2.getInsightCardClass(insight_r11));
20400
20394
  i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r12 * 0.1 + "s");
20401
- i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r12);
20395
+ i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "insight-" + $index_r12);
20402
20396
  i0.ɵɵadvance();
20403
- i0.ɵɵproperty("insight", insight_r11)("allMetrics", ctx_r1.allMetrics())("charts", ctx_r1.chartsForInsight(insight_r11))("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", false);
20397
+ i0.ɵɵproperty("insight", insight_r11)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r11))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
20404
20398
  } }
20405
20399
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
20406
- i0.ɵɵelementStart(0, "div", 77);
20407
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template, 2, 13, "div", 85, i0.ɵɵrepeaterTrackByIndex);
20400
+ i0.ɵɵelementStart(0, "div", 76);
20401
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template, 2, 13, "div", 84, i0.ɵɵrepeaterTrackByIndex);
20408
20402
  i0.ɵɵelementEnd();
20409
20403
  } if (rf & 2) {
20410
- const ctx_r1 = i0.ɵɵnextContext(2);
20404
+ const ctx_r2 = i0.ɵɵnextContext(2);
20411
20405
  i0.ɵɵadvance();
20412
- i0.ɵɵrepeater(ctx_r1.insights());
20406
+ i0.ɵɵrepeater(ctx_r2.insights());
20413
20407
  } }
20414
20408
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
20415
- i0.ɵɵelementStart(0, "div", 86);
20416
- i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 87);
20409
+ i0.ɵɵelementStart(0, "div", 85);
20410
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 86);
20417
20411
  i0.ɵɵelementEnd();
20418
20412
  } if (rf & 2) {
20419
20413
  const insight_r13 = ctx.$implicit;
20420
20414
  const $index_r14 = ctx.$index;
20421
- const ctx_r1 = i0.ɵɵnextContext(3);
20415
+ const ctx_r2 = i0.ɵɵnextContext(3);
20422
20416
  i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r14 * 0.1 + "s");
20423
- i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r14);
20417
+ i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "insight-" + $index_r14);
20424
20418
  i0.ɵɵadvance();
20425
- i0.ɵɵproperty("insight", insight_r13)("allMetrics", ctx_r1.allMetrics())("charts", ctx_r1.chartsForInsight(insight_r13))("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", true);
20419
+ i0.ɵɵproperty("insight", insight_r13)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r13))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
20426
20420
  } }
20427
20421
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template(rf, ctx) { if (rf & 1) {
20428
- i0.ɵɵelementStart(0, "div", 78);
20429
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template, 2, 11, "div", 88, i0.ɵɵrepeaterTrackByIndex);
20422
+ i0.ɵɵelementStart(0, "div", 77);
20423
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template, 2, 11, "div", 87, i0.ɵɵrepeaterTrackByIndex);
20430
20424
  i0.ɵɵelementEnd();
20431
20425
  } if (rf & 2) {
20432
- const ctx_r1 = i0.ɵɵnextContext(2);
20426
+ const ctx_r2 = i0.ɵɵnextContext(2);
20433
20427
  i0.ɵɵadvance();
20434
- i0.ɵɵrepeater(ctx_r1.insights());
20428
+ i0.ɵɵrepeater(ctx_r2.insights());
20435
20429
  } }
20436
20430
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
20437
- i0.ɵɵelementStart(0, "div", 89)(1, "div", 90)(2, "div", 91);
20438
- i0.ɵɵelement(3, "symphiq-skeleton-loader", 92)(4, "symphiq-skeleton-loader", 92);
20431
+ i0.ɵɵelementStart(0, "div", 88)(1, "div", 89)(2, "div", 90);
20432
+ i0.ɵɵelement(3, "symphiq-skeleton-loader", 91)(4, "symphiq-skeleton-loader", 91);
20439
20433
  i0.ɵɵelementEnd();
20440
- i0.ɵɵelement(5, "symphiq-skeleton-loader", 92)(6, "symphiq-skeleton-loader", 92)(7, "symphiq-skeleton-loader", 92);
20441
- i0.ɵɵelementStart(8, "div", 93);
20442
- i0.ɵɵelement(9, "symphiq-skeleton-loader", 92)(10, "symphiq-skeleton-loader", 92);
20434
+ i0.ɵɵelement(5, "symphiq-skeleton-loader", 91)(6, "symphiq-skeleton-loader", 91)(7, "symphiq-skeleton-loader", 91);
20435
+ i0.ɵɵelementStart(8, "div", 92);
20436
+ i0.ɵɵelement(9, "symphiq-skeleton-loader", 91)(10, "symphiq-skeleton-loader", 91);
20443
20437
  i0.ɵɵelementEnd();
20444
- i0.ɵɵelementStart(11, "div", 94);
20445
- i0.ɵɵelement(12, "symphiq-skeleton-loader", 92)(13, "symphiq-skeleton-loader", 92);
20438
+ i0.ɵɵelementStart(11, "div", 93);
20439
+ i0.ɵɵelement(12, "symphiq-skeleton-loader", 91)(13, "symphiq-skeleton-loader", 91);
20446
20440
  i0.ɵɵelementEnd()()();
20447
20441
  } if (rf & 2) {
20448
- const ctx_r1 = i0.ɵɵnextContext(3);
20449
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white border-slate-200" : "bg-slate-800 border-slate-700");
20442
+ const ctx_r2 = i0.ɵɵnextContext(3);
20443
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-white border-slate-200" : "bg-slate-800 border-slate-700");
20450
20444
  i0.ɵɵadvance(3);
20451
- i0.ɵɵproperty("width", "48px")("height", "48px")("isLightMode", ctx_r1.isLightMode());
20445
+ i0.ɵɵproperty("width", "48px")("height", "48px")("isLightMode", ctx_r2.isLightMode());
20452
20446
  i0.ɵɵadvance();
20453
- i0.ɵɵproperty("width", "60%")("height", "28px")("isLightMode", ctx_r1.isLightMode());
20447
+ i0.ɵɵproperty("width", "60%")("height", "28px")("isLightMode", ctx_r2.isLightMode());
20454
20448
  i0.ɵɵadvance();
20455
- i0.ɵɵproperty("width", "100%")("height", "18px")("isLightMode", ctx_r1.isLightMode());
20449
+ i0.ɵɵproperty("width", "100%")("height", "18px")("isLightMode", ctx_r2.isLightMode());
20456
20450
  i0.ɵɵadvance();
20457
- i0.ɵɵproperty("width", "95%")("height", "18px")("isLightMode", ctx_r1.isLightMode());
20451
+ i0.ɵɵproperty("width", "95%")("height", "18px")("isLightMode", ctx_r2.isLightMode());
20458
20452
  i0.ɵɵadvance();
20459
- i0.ɵɵproperty("width", "85%")("height", "18px")("isLightMode", ctx_r1.isLightMode());
20453
+ i0.ɵɵproperty("width", "85%")("height", "18px")("isLightMode", ctx_r2.isLightMode());
20460
20454
  i0.ɵɵadvance(2);
20461
- i0.ɵɵproperty("width", "40%")("height", "14px")("isLightMode", ctx_r1.isLightMode());
20455
+ i0.ɵɵproperty("width", "40%")("height", "14px")("isLightMode", ctx_r2.isLightMode());
20462
20456
  i0.ɵɵadvance();
20463
- i0.ɵɵproperty("width", "50%")("height", "36px")("isLightMode", ctx_r1.isLightMode());
20457
+ i0.ɵɵproperty("width", "50%")("height", "36px")("isLightMode", ctx_r2.isLightMode());
20464
20458
  i0.ɵɵadvance(2);
20465
- i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r1.isLightMode());
20459
+ i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
20466
20460
  i0.ɵɵadvance();
20467
- i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r1.isLightMode());
20461
+ i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
20468
20462
  } }
20469
20463
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template(rf, ctx) { if (rf & 1) {
20470
- i0.ɵɵelementStart(0, "div", 77);
20471
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template, 14, 28, "div", 89, i0.ɵɵrepeaterTrackByIdentity);
20464
+ i0.ɵɵelementStart(0, "div", 76);
20465
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template, 14, 28, "div", 88, i0.ɵɵrepeaterTrackByIdentity);
20472
20466
  i0.ɵɵelementEnd();
20473
20467
  } if (rf & 2) {
20474
20468
  i0.ɵɵadvance();
20475
20469
  i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
20476
20470
  } }
20477
20471
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
20478
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 68);
20479
- i0.ɵɵelementStart(1, "section", 69);
20480
- i0.ɵɵelement(2, "div", 70);
20481
- i0.ɵɵelementStart(3, "div", 71)(4, "div", 72)(5, "div", 37)(6, "div", 73)(7, "div", 37);
20472
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 67);
20473
+ i0.ɵɵelementStart(1, "section", 68);
20474
+ i0.ɵɵelement(2, "div", 69);
20475
+ i0.ɵɵelementStart(3, "div", 70)(4, "div", 71)(5, "div", 37)(6, "div", 72)(7, "div", 37);
20482
20476
  i0.ɵɵnamespaceSVG();
20483
- i0.ɵɵelementStart(8, "svg", 74);
20484
- i0.ɵɵelement(9, "path", 75);
20477
+ i0.ɵɵelementStart(8, "svg", 73);
20478
+ i0.ɵɵelement(9, "path", 74);
20485
20479
  i0.ɵɵelementEnd();
20486
20480
  i0.ɵɵnamespaceHTML();
20487
- i0.ɵɵelementStart(10, "h2", 76);
20481
+ i0.ɵɵelementStart(10, "h2", 75);
20488
20482
  i0.ɵɵtext(11, "Key Insights");
20489
20483
  i0.ɵɵelementEnd()()()();
20490
20484
  i0.ɵɵelementStart(12, "span", 30);
20491
20485
  i0.ɵɵtext(13);
20492
20486
  i0.ɵɵelementEnd()();
20493
- i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 3, 0, "div", 77)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template, 3, 0, "div", 78)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template, 3, 1, "div", 77);
20487
+ i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 3, 0, "div", 76)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template, 3, 0, "div", 77)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template, 3, 1, "div", 76);
20494
20488
  i0.ɵɵelementEnd()();
20495
20489
  } if (rf & 2) {
20496
- const ctx_r1 = i0.ɵɵnextContext();
20497
- i0.ɵɵconditional(ctx_r1.selectedSectionFilter() === "ALL" ? 0 : -1);
20490
+ const ctx_r2 = i0.ɵɵnextContext();
20491
+ i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
20498
20492
  i0.ɵɵadvance(2);
20499
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-br from-blue-50/50 to-transparent" : "bg-gradient-to-br from-blue-950/20 to-transparent");
20493
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-blue-50/50 to-transparent" : "bg-gradient-to-br from-blue-950/20 to-transparent");
20500
20494
  i0.ɵɵadvance(4);
20501
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-l-4 border-blue-500" : "border-l-4 border-blue-400");
20495
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-blue-500" : "border-l-4 border-blue-400");
20502
20496
  i0.ɵɵadvance(2);
20503
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-500" : "text-blue-400");
20497
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-500" : "text-blue-400");
20504
20498
  i0.ɵɵadvance(2);
20505
- i0.ɵɵclassMap(ctx_r1.sectionTitleClass());
20499
+ i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
20506
20500
  i0.ɵɵadvance(2);
20507
- i0.ɵɵclassMap(ctx_r1.metaLabelClass());
20501
+ i0.ɵɵclassMap(ctx_r2.metaLabelClass());
20508
20502
  i0.ɵɵadvance();
20509
- i0.ɵɵtextInterpolate1("", ctx_r1.insights().length, " insights");
20503
+ i0.ɵɵtextInterpolate1("", ctx_r2.insights().length, " insights");
20510
20504
  i0.ɵɵadvance();
20511
- i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 14 : !ctx_r1.viewModeService.isExpanded() ? 15 : 16);
20505
+ i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 14 : !ctx_r2.viewModeService.isExpanded() ? 15 : 16);
20512
20506
  } }
20513
20507
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20514
- i0.ɵɵelementStart(0, "div", 95)(1, "div", 79);
20515
- i0.ɵɵelement(2, "div", 80);
20508
+ i0.ɵɵelementStart(0, "div", 94)(1, "div", 78);
20509
+ i0.ɵɵelement(2, "div", 79);
20516
20510
  i0.ɵɵelementEnd();
20517
- i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
20511
+ i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
20518
20512
  i0.ɵɵnamespaceSVG();
20519
- i0.ɵɵelementStart(5, "svg", 83);
20520
- i0.ɵɵelement(6, "path", 111);
20513
+ i0.ɵɵelementStart(5, "svg", 82);
20514
+ i0.ɵɵelement(6, "path", 110);
20521
20515
  i0.ɵɵelementEnd()()()();
20522
20516
  } if (rf & 2) {
20523
- const ctx_r1 = i0.ɵɵnextContext(2);
20517
+ const ctx_r2 = i0.ɵɵnextContext(2);
20524
20518
  i0.ɵɵadvance(2);
20525
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "from-transparent via-emerald-500/30 to-transparent" : "from-transparent via-emerald-400/20 to-transparent");
20519
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-emerald-500/30 to-transparent" : "from-transparent via-emerald-400/20 to-transparent");
20526
20520
  i0.ɵɵadvance(2);
20527
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-br from-emerald-50 to-teal-50 border border-emerald-200/50 shadow-lg shadow-emerald-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-emerald-500/20 shadow-lg shadow-emerald-500/5");
20521
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-emerald-50 to-teal-50 border border-emerald-200/50 shadow-lg shadow-emerald-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-emerald-500/20 shadow-lg shadow-emerald-500/5");
20528
20522
  i0.ɵɵadvance();
20529
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-emerald-500" : "text-emerald-400");
20523
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
20530
20524
  } }
20531
20525
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template(rf, ctx) { if (rf & 1) {
20532
- i0.ɵɵelementStart(0, "div", 102);
20533
- i0.ɵɵelement(1, "div", 112);
20526
+ i0.ɵɵelementStart(0, "div", 101);
20527
+ i0.ɵɵelement(1, "div", 111);
20534
20528
  i0.ɵɵelementEnd();
20535
20529
  } }
20536
20530
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20537
- i0.ɵɵelementStart(0, "option", 113);
20531
+ i0.ɵɵelementStart(0, "option", 112);
20538
20532
  i0.ɵɵtext(1);
20539
20533
  i0.ɵɵelementEnd();
20540
20534
  } if (rf & 2) {
@@ -20554,56 +20548,56 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Condition
20554
20548
  i0.ɵɵtextInterpolate(cat_r16.label);
20555
20549
  } }
20556
20550
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template(rf, ctx) { if (rf & 1) {
20557
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template, 2, 2, "option", 113)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template, 2, 2, "option", 27);
20551
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template, 2, 2, "option", 112)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template, 2, 2, "option", 27);
20558
20552
  } if (rf & 2) {
20559
20553
  const cat_r16 = ctx.$implicit;
20560
20554
  i0.ɵɵconditional(cat_r16.divider ? 0 : 1);
20561
20555
  } }
20562
20556
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template(rf, ctx) { if (rf & 1) {
20563
20557
  i0.ɵɵnamespaceSVG();
20564
- i0.ɵɵelement(0, "path", 105);
20558
+ i0.ɵɵelement(0, "path", 104);
20565
20559
  } }
20566
20560
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template(rf, ctx) { if (rf & 1) {
20567
20561
  i0.ɵɵnamespaceSVG();
20568
- i0.ɵɵelement(0, "path", 106);
20562
+ i0.ɵɵelement(0, "path", 105);
20569
20563
  } }
20570
20564
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20571
20565
  const _r17 = i0.ɵɵgetCurrentView();
20572
- i0.ɵɵelementStart(0, "button", 115);
20573
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const cat_r18 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.changeCategoryFilter(cat_r18.value)); });
20566
+ i0.ɵɵelementStart(0, "button", 114);
20567
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const cat_r18 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r18.value)); });
20574
20568
  i0.ɵɵtext(1);
20575
20569
  i0.ɵɵelementEnd();
20576
20570
  } if (rf & 2) {
20577
20571
  const cat_r18 = i0.ɵɵnextContext().$implicit;
20578
- const ctx_r1 = i0.ɵɵnextContext(2);
20579
- i0.ɵɵclassProp("opacity-70", ctx_r1.isCategoryTransitioning());
20580
- i0.ɵɵproperty("ngClass", ctx_r1.getCategoryPillClass(cat_r18.value));
20572
+ const ctx_r2 = i0.ɵɵnextContext(2);
20573
+ i0.ɵɵclassProp("opacity-70", ctx_r2.isCategoryTransitioning());
20574
+ i0.ɵɵproperty("ngClass", ctx_r2.getCategoryPillClass(cat_r18.value));
20581
20575
  i0.ɵɵadvance();
20582
20576
  i0.ɵɵtextInterpolate1(" ", cat_r18.label, " ");
20583
20577
  } }
20584
20578
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template(rf, ctx) { if (rf & 1) {
20585
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template, 2, 4, "button", 114);
20579
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template, 2, 4, "button", 113);
20586
20580
  } if (rf & 2) {
20587
20581
  const cat_r18 = ctx.$implicit;
20588
20582
  i0.ɵɵconditional(!cat_r18.divider ? 0 : -1);
20589
20583
  } }
20590
20584
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
20591
- i0.ɵɵelementStart(0, "div", 121);
20592
- i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 122);
20585
+ i0.ɵɵelementStart(0, "div", 120);
20586
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 121);
20593
20587
  i0.ɵɵelementEnd();
20594
20588
  } if (rf & 2) {
20595
20589
  const metric_r19 = ctx.$implicit;
20596
- const ɵ$index_387_r20 = ctx.$index;
20597
- const ɵ$index_378_r21 = i0.ɵɵnextContext(3).$index;
20598
- const ctx_r1 = i0.ɵɵnextContext(2);
20599
- i0.ɵɵclassMap(ctx_r1.getBentoCardClass(metric_r19, ɵ$index_387_r20));
20600
- i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_378_r21 * 0.15 + ɵ$index_387_r20 * 0.08 + "s");
20590
+ const ɵ$index_386_r20 = ctx.$index;
20591
+ const ɵ$index_377_r21 = i0.ɵɵnextContext(3).$index;
20592
+ const ctx_r2 = i0.ɵɵnextContext(2);
20593
+ i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r19, ɵ$index_386_r20));
20594
+ i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_377_r21 * 0.15 + ɵ$index_386_r20 * 0.08 + "s");
20601
20595
  i0.ɵɵadvance();
20602
- i0.ɵɵproperty("metric", metric_r19)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(metric_r19))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", false);
20596
+ i0.ɵɵproperty("metric", metric_r19)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r19))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.funnelAnalysis())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
20603
20597
  } }
20604
20598
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20605
- i0.ɵɵelementStart(0, "div", 118);
20606
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 120, i0.ɵɵrepeaterTrackByIndex);
20599
+ i0.ɵɵelementStart(0, "div", 117);
20600
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 119, i0.ɵɵrepeaterTrackByIndex);
20607
20601
  i0.ɵɵelementEnd();
20608
20602
  } if (rf & 2) {
20609
20603
  const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
@@ -20611,21 +20605,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Condition
20611
20605
  i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
20612
20606
  } }
20613
20607
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
20614
- i0.ɵɵelementStart(0, "div", 121);
20615
- i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 117);
20608
+ i0.ɵɵelementStart(0, "div", 120);
20609
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 116);
20616
20610
  i0.ɵɵelementEnd();
20617
20611
  } if (rf & 2) {
20618
20612
  const metric_r23 = ctx.$implicit;
20619
- const ɵ$index_395_r24 = ctx.$index;
20620
- const ɵ$index_378_r21 = i0.ɵɵnextContext(3).$index;
20621
- const ctx_r1 = i0.ɵɵnextContext(2);
20622
- i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_378_r21 * 0.15 + ɵ$index_395_r24 * 0.08 + "s");
20613
+ const ɵ$index_394_r24 = ctx.$index;
20614
+ const ɵ$index_377_r21 = i0.ɵɵnextContext(3).$index;
20615
+ const ctx_r2 = i0.ɵɵnextContext(2);
20616
+ i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_377_r21 * 0.15 + ɵ$index_394_r24 * 0.08 + "s");
20623
20617
  i0.ɵɵadvance();
20624
- i0.ɵɵproperty("metric", metric_r23)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(metric_r23))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", true);
20618
+ i0.ɵɵproperty("metric", metric_r23)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r23))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.funnelAnalysis())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
20625
20619
  } }
20626
20620
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
20627
- i0.ɵɵelementStart(0, "div", 119);
20628
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 123, i0.ɵɵrepeaterTrackByIndex);
20621
+ i0.ɵɵelementStart(0, "div", 118);
20622
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 122, i0.ɵɵrepeaterTrackByIndex);
20629
20623
  i0.ɵɵelementEnd();
20630
20624
  } if (rf & 2) {
20631
20625
  const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
@@ -20633,185 +20627,185 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Condition
20633
20627
  i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
20634
20628
  } }
20635
20629
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
20636
- i0.ɵɵelementStart(0, "div", 124)(1, "div", 90)(2, "div", 99);
20637
- i0.ɵɵelement(3, "symphiq-skeleton-loader", 92)(4, "symphiq-skeleton-loader", 92);
20630
+ i0.ɵɵelementStart(0, "div", 123)(1, "div", 89)(2, "div", 98);
20631
+ i0.ɵɵelement(3, "symphiq-skeleton-loader", 91)(4, "symphiq-skeleton-loader", 91);
20638
20632
  i0.ɵɵelementEnd();
20639
- i0.ɵɵelement(5, "symphiq-skeleton-loader", 92);
20640
- i0.ɵɵelementStart(6, "div", 125);
20641
- i0.ɵɵelement(7, "symphiq-skeleton-loader", 92)(8, "symphiq-skeleton-loader", 92);
20633
+ i0.ɵɵelement(5, "symphiq-skeleton-loader", 91);
20634
+ i0.ɵɵelementStart(6, "div", 124);
20635
+ i0.ɵɵelement(7, "symphiq-skeleton-loader", 91)(8, "symphiq-skeleton-loader", 91);
20642
20636
  i0.ɵɵelementEnd();
20643
- i0.ɵɵelement(9, "symphiq-skeleton-loader", 92)(10, "symphiq-skeleton-loader", 92);
20644
- i0.ɵɵelementStart(11, "div", 126);
20645
- i0.ɵɵelement(12, "symphiq-skeleton-loader", 92);
20637
+ i0.ɵɵelement(9, "symphiq-skeleton-loader", 91)(10, "symphiq-skeleton-loader", 91);
20638
+ i0.ɵɵelementStart(11, "div", 125);
20639
+ i0.ɵɵelement(12, "symphiq-skeleton-loader", 91);
20646
20640
  i0.ɵɵelementEnd()()();
20647
20641
  } if (rf & 2) {
20648
- const ctx_r1 = i0.ɵɵnextContext(5);
20649
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white border-slate-200" : "bg-slate-800 border-slate-700");
20642
+ const ctx_r2 = i0.ɵɵnextContext(5);
20643
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-white border-slate-200" : "bg-slate-800 border-slate-700");
20650
20644
  i0.ɵɵadvance(3);
20651
- i0.ɵɵproperty("width", "60%")("height", "22px")("isLightMode", ctx_r1.isLightMode());
20645
+ i0.ɵɵproperty("width", "60%")("height", "22px")("isLightMode", ctx_r2.isLightMode());
20652
20646
  i0.ɵɵadvance();
20653
- i0.ɵɵproperty("width", "60px")("height", "24px")("isLightMode", ctx_r1.isLightMode());
20647
+ i0.ɵɵproperty("width", "60px")("height", "24px")("isLightMode", ctx_r2.isLightMode());
20654
20648
  i0.ɵɵadvance();
20655
- i0.ɵɵproperty("width", "45%")("height", "42px")("isLightMode", ctx_r1.isLightMode());
20649
+ i0.ɵɵproperty("width", "45%")("height", "42px")("isLightMode", ctx_r2.isLightMode());
20656
20650
  i0.ɵɵadvance(2);
20657
- i0.ɵɵproperty("width", "24px")("height", "24px")("isLightMode", ctx_r1.isLightMode());
20651
+ i0.ɵɵproperty("width", "24px")("height", "24px")("isLightMode", ctx_r2.isLightMode());
20658
20652
  i0.ɵɵadvance();
20659
- i0.ɵɵproperty("width", "30%")("height", "20px")("isLightMode", ctx_r1.isLightMode());
20653
+ i0.ɵɵproperty("width", "30%")("height", "20px")("isLightMode", ctx_r2.isLightMode());
20660
20654
  i0.ɵɵadvance();
20661
- i0.ɵɵproperty("width", "100%")("height", "16px")("isLightMode", ctx_r1.isLightMode());
20655
+ i0.ɵɵproperty("width", "100%")("height", "16px")("isLightMode", ctx_r2.isLightMode());
20662
20656
  i0.ɵɵadvance();
20663
- i0.ɵɵproperty("width", "85%")("height", "16px")("isLightMode", ctx_r1.isLightMode());
20657
+ i0.ɵɵproperty("width", "85%")("height", "16px")("isLightMode", ctx_r2.isLightMode());
20664
20658
  i0.ɵɵadvance(2);
20665
- i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r1.isLightMode());
20659
+ i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
20666
20660
  } }
20667
20661
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
20668
- i0.ɵɵelementStart(0, "div", 118);
20669
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 124, i0.ɵɵrepeaterTrackByIdentity);
20662
+ i0.ɵɵelementStart(0, "div", 117);
20663
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 123, i0.ɵɵrepeaterTrackByIdentity);
20670
20664
  i0.ɵɵelementEnd();
20671
20665
  } if (rf & 2) {
20672
20666
  i0.ɵɵadvance();
20673
20667
  i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
20674
20668
  } }
20675
20669
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
20676
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div", 118)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_Template, 3, 0, "div", 119)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_Template, 3, 1, "div", 118);
20670
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div", 117)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_Template, 3, 0, "div", 118)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_Template, 3, 1, "div", 117);
20677
20671
  } if (rf & 2) {
20678
- const ctx_r1 = i0.ɵɵnextContext(3);
20679
- i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 0 : !ctx_r1.viewModeService.isExpanded() ? 1 : 2);
20672
+ const ctx_r2 = i0.ɵɵnextContext(3);
20673
+ i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
20680
20674
  } }
20681
20675
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Template(rf, ctx) { if (rf & 1) {
20682
- i0.ɵɵelementStart(0, "div", 116);
20683
- i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 117);
20676
+ i0.ɵɵelementStart(0, "div", 115);
20677
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 116);
20684
20678
  i0.ɵɵelementEnd();
20685
20679
  i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Template, 3, 1);
20686
20680
  } if (rf & 2) {
20687
20681
  const funnelGroup_r22 = ctx.$implicit;
20688
- const ɵ$index_378_r21 = ctx.$index;
20689
- const ctx_r1 = i0.ɵɵnextContext(2);
20690
- i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_378_r21 * 0.15 + "s");
20691
- i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_378_r21);
20682
+ const ɵ$index_377_r21 = ctx.$index;
20683
+ const ctx_r2 = i0.ɵɵnextContext(2);
20684
+ i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_377_r21 * 0.15 + "s");
20685
+ i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_377_r21);
20692
20686
  i0.ɵɵadvance();
20693
- i0.ɵɵproperty("metric", funnelGroup_r22.funnelMetric)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(funnelGroup_r22.funnelMetric))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
20687
+ i0.ɵɵproperty("metric", funnelGroup_r22.funnelMetric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(funnelGroup_r22.funnelMetric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.funnelAnalysis())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
20694
20688
  i0.ɵɵadvance();
20695
20689
  i0.ɵɵconditional(funnelGroup_r22.relatedMetrics.length > 0 ? 2 : -1);
20696
20690
  } }
20697
20691
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_31_Template(rf, ctx) { if (rf & 1) {
20698
- i0.ɵɵelementStart(0, "div", 110);
20692
+ i0.ɵɵelementStart(0, "div", 109);
20699
20693
  i0.ɵɵnamespaceSVG();
20700
- i0.ɵɵelementStart(1, "svg", 127);
20701
- i0.ɵɵelement(2, "path", 100);
20694
+ i0.ɵɵelementStart(1, "svg", 126);
20695
+ i0.ɵɵelement(2, "path", 99);
20702
20696
  i0.ɵɵelementEnd();
20703
20697
  i0.ɵɵnamespaceHTML();
20704
- i0.ɵɵelementStart(3, "h3", 128);
20698
+ i0.ɵɵelementStart(3, "h3", 127);
20705
20699
  i0.ɵɵtext(4, "No Metrics Found");
20706
20700
  i0.ɵɵelementEnd();
20707
- i0.ɵɵelementStart(5, "p", 129);
20701
+ i0.ɵɵelementStart(5, "p", 128);
20708
20702
  i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
20709
20703
  i0.ɵɵelementEnd()();
20710
20704
  } if (rf & 2) {
20711
- const ctx_r1 = i0.ɵɵnextContext(2);
20712
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-slate-50 border-slate-200" : "bg-slate-800/50 border-slate-700");
20705
+ const ctx_r2 = i0.ɵɵnextContext(2);
20706
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-slate-50 border-slate-200" : "bg-slate-800/50 border-slate-700");
20713
20707
  i0.ɵɵadvance();
20714
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-300" : "text-slate-600");
20708
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-300" : "text-slate-600");
20715
20709
  i0.ɵɵadvance(2);
20716
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
20710
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-900" : "text-white");
20717
20711
  i0.ɵɵadvance(2);
20718
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
20712
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
20719
20713
  } }
20720
20714
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
20721
20715
  const _r15 = i0.ɵɵgetCurrentView();
20722
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 95);
20723
- i0.ɵɵelementStart(1, "section", 96);
20724
- i0.ɵɵelement(2, "div", 97);
20725
- i0.ɵɵelementStart(3, "div", 71)(4, "div", 98)(5, "div", 99)(6, "div", 37)(7, "div", 73)(8, "div", 37);
20716
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 94);
20717
+ i0.ɵɵelementStart(1, "section", 95);
20718
+ i0.ɵɵelement(2, "div", 96);
20719
+ i0.ɵɵelementStart(3, "div", 70)(4, "div", 97)(5, "div", 98)(6, "div", 37)(7, "div", 72)(8, "div", 37);
20726
20720
  i0.ɵɵnamespaceSVG();
20727
- i0.ɵɵelementStart(9, "svg", 74);
20728
- i0.ɵɵelement(10, "path", 100);
20721
+ i0.ɵɵelementStart(9, "svg", 73);
20722
+ i0.ɵɵelement(10, "path", 99);
20729
20723
  i0.ɵɵelementEnd();
20730
20724
  i0.ɵɵnamespaceHTML();
20731
- i0.ɵɵelementStart(11, "h2", 76);
20725
+ i0.ɵɵelementStart(11, "h2", 75);
20732
20726
  i0.ɵɵtext(12, "Performance Metrics");
20733
20727
  i0.ɵɵelementEnd()()()();
20734
- i0.ɵɵelementStart(13, "div", 101);
20735
- i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template, 2, 0, "div", 102);
20736
- i0.ɵɵelementStart(15, "select", 103);
20737
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCategoryFilter($event)); });
20728
+ i0.ɵɵelementStart(13, "div", 100);
20729
+ i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template, 2, 0, "div", 101);
20730
+ i0.ɵɵelementStart(15, "select", 102);
20731
+ i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
20738
20732
  i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template, 2, 1, null, null, _forTrack0$1);
20739
20733
  i0.ɵɵelementEnd();
20740
- i0.ɵɵelementStart(18, "button", 104);
20741
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSortOrder()); });
20734
+ i0.ɵɵelementStart(18, "button", 103);
20735
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
20742
20736
  i0.ɵɵnamespaceSVG();
20743
20737
  i0.ɵɵelementStart(19, "svg", 19);
20744
- i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template, 1, 0, ":svg:path", 105);
20745
- i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template, 1, 0, ":svg:path", 106);
20738
+ i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template, 1, 0, ":svg:path", 104);
20739
+ i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template, 1, 0, ":svg:path", 105);
20746
20740
  i0.ɵɵelementEnd();
20747
20741
  i0.ɵɵnamespaceHTML();
20748
20742
  i0.ɵɵelementStart(22, "span");
20749
20743
  i0.ɵɵtext(23, "Sort");
20750
20744
  i0.ɵɵelementEnd()()()();
20751
- i0.ɵɵelementStart(24, "div", 107)(25, "div", 108);
20745
+ i0.ɵɵelementStart(24, "div", 106)(25, "div", 107);
20752
20746
  i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template, 1, 1, null, null, _forTrack0$1);
20753
20747
  i0.ɵɵelementEnd()()();
20754
- i0.ɵɵelementStart(28, "div", 109);
20755
- i0.ɵɵrepeaterCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_31_Template, 7, 4, "div", 110);
20748
+ i0.ɵɵelementStart(28, "div", 108);
20749
+ i0.ɵɵrepeaterCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_31_Template, 7, 4, "div", 109);
20756
20750
  i0.ɵɵelementEnd()()();
20757
20751
  } if (rf & 2) {
20758
- const ctx_r1 = i0.ɵɵnextContext();
20759
- i0.ɵɵconditional(ctx_r1.selectedSectionFilter() === "ALL" ? 0 : -1);
20752
+ const ctx_r2 = i0.ɵɵnextContext();
20753
+ i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
20760
20754
  i0.ɵɵadvance(2);
20761
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-tl from-emerald-50/50 to-transparent" : "bg-gradient-to-tl from-emerald-950/20 to-transparent");
20755
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-tl from-emerald-50/50 to-transparent" : "bg-gradient-to-tl from-emerald-950/20 to-transparent");
20762
20756
  i0.ɵɵadvance(5);
20763
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-l-4 border-emerald-500" : "border-l-4 border-emerald-400");
20757
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-emerald-500" : "border-l-4 border-emerald-400");
20764
20758
  i0.ɵɵadvance(2);
20765
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-emerald-500" : "text-emerald-400");
20759
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
20766
20760
  i0.ɵɵadvance(2);
20767
- i0.ɵɵclassMap(ctx_r1.sectionTitleClass());
20761
+ i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
20768
20762
  i0.ɵɵadvance(3);
20769
- i0.ɵɵconditional(ctx_r1.isCategoryTransitioning() ? 14 : -1);
20763
+ i0.ɵɵconditional(ctx_r2.isCategoryTransitioning() ? 14 : -1);
20770
20764
  i0.ɵɵadvance();
20771
- i0.ɵɵclassMap(ctx_r1.selectClass());
20772
- i0.ɵɵclassProp("opacity-70", ctx_r1.isCategoryTransitioning());
20773
- i0.ɵɵproperty("ngModel", ctx_r1.selectedCategory());
20765
+ i0.ɵɵclassMap(ctx_r2.selectClass());
20766
+ i0.ɵɵclassProp("opacity-70", ctx_r2.isCategoryTransitioning());
20767
+ i0.ɵɵproperty("ngModel", ctx_r2.selectedCategory());
20774
20768
  i0.ɵɵadvance();
20775
- i0.ɵɵrepeater(ctx_r1.categories);
20769
+ i0.ɵɵrepeater(ctx_r2.categories);
20776
20770
  i0.ɵɵadvance(2);
20777
- i0.ɵɵclassMap(ctx_r1.sortButtonClass());
20778
- i0.ɵɵproperty("title", ctx_r1.reverseSortOrder() ? "Sort: Revenue to Views" : "Sort: Views to Revenue");
20771
+ i0.ɵɵclassMap(ctx_r2.sortButtonClass());
20772
+ i0.ɵɵproperty("title", ctx_r2.reverseSortOrder() ? "Sort: Revenue to Views" : "Sort: Views to Revenue");
20779
20773
  i0.ɵɵadvance(2);
20780
- i0.ɵɵconditional(!ctx_r1.reverseSortOrder() ? 20 : -1);
20774
+ i0.ɵɵconditional(!ctx_r2.reverseSortOrder() ? 20 : -1);
20781
20775
  i0.ɵɵadvance();
20782
- i0.ɵɵconditional(ctx_r1.reverseSortOrder() ? 21 : -1);
20776
+ i0.ɵɵconditional(ctx_r2.reverseSortOrder() ? 21 : -1);
20783
20777
  i0.ɵɵadvance(5);
20784
- i0.ɵɵrepeater(ctx_r1.categories);
20778
+ i0.ɵɵrepeater(ctx_r2.categories);
20785
20779
  i0.ɵɵadvance(2);
20786
- i0.ɵɵclassProp("animate-content-change", ctx_r1.isCategoryTransitioning())("transition-opacity-slow", ctx_r1.isCategoryTransitioning());
20780
+ i0.ɵɵclassProp("animate-content-change", ctx_r2.isCategoryTransitioning())("transition-opacity-slow", ctx_r2.isCategoryTransitioning());
20787
20781
  i0.ɵɵadvance();
20788
- i0.ɵɵrepeater(ctx_r1.groupedMetrics());
20782
+ i0.ɵɵrepeater(ctx_r2.groupedMetrics());
20789
20783
  } }
20790
20784
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20791
- i0.ɵɵelementStart(0, "div", 130)(1, "div", 79);
20792
- i0.ɵɵelement(2, "div", 80);
20785
+ i0.ɵɵelementStart(0, "div", 129)(1, "div", 78);
20786
+ i0.ɵɵelement(2, "div", 79);
20793
20787
  i0.ɵɵelementEnd();
20794
- i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
20788
+ i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
20795
20789
  i0.ɵɵnamespaceSVG();
20796
- i0.ɵɵelementStart(5, "svg", 83);
20797
- i0.ɵɵelement(6, "path", 100);
20790
+ i0.ɵɵelementStart(5, "svg", 82);
20791
+ i0.ɵɵelement(6, "path", 99);
20798
20792
  i0.ɵɵelementEnd()()()();
20799
20793
  } if (rf & 2) {
20800
- const ctx_r1 = i0.ɵɵnextContext(2);
20794
+ const ctx_r2 = i0.ɵɵnextContext(2);
20801
20795
  i0.ɵɵadvance(2);
20802
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "from-transparent via-purple-500/30 to-transparent" : "from-transparent via-purple-400/20 to-transparent");
20796
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-purple-500/30 to-transparent" : "from-transparent via-purple-400/20 to-transparent");
20803
20797
  i0.ɵɵadvance(2);
20804
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-br from-purple-50 to-pink-50 border border-purple-200/50 shadow-lg shadow-purple-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-purple-500/20 shadow-lg shadow-purple-500/5");
20798
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-purple-50 to-pink-50 border border-purple-200/50 shadow-lg shadow-purple-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-purple-500/20 shadow-lg shadow-purple-500/5");
20805
20799
  i0.ɵɵadvance();
20806
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-purple-500" : "text-purple-400");
20800
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-purple-500" : "text-purple-400");
20807
20801
  } }
20808
20802
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template(rf, ctx) { if (rf & 1) {
20809
- i0.ɵɵelementStart(0, "div", 102);
20810
- i0.ɵɵelement(1, "div", 138);
20803
+ i0.ɵɵelementStart(0, "div", 101);
20804
+ i0.ɵɵelement(1, "div", 137);
20811
20805
  i0.ɵɵelementEnd();
20812
20806
  } }
20813
20807
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20814
- i0.ɵɵelementStart(0, "option", 113);
20808
+ i0.ɵɵelementStart(0, "option", 112);
20815
20809
  i0.ɵɵtext(1);
20816
20810
  i0.ɵɵelementEnd();
20817
20811
  } if (rf & 2) {
@@ -20831,119 +20825,119 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Condition
20831
20825
  i0.ɵɵtextInterpolate(filter_r26.label);
20832
20826
  } }
20833
20827
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template(rf, ctx) { if (rf & 1) {
20834
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template, 2, 2, "option", 113)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template, 2, 2, "option", 27);
20828
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template, 2, 2, "option", 112)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template, 2, 2, "option", 27);
20835
20829
  } if (rf & 2) {
20836
20830
  const filter_r26 = ctx.$implicit;
20837
20831
  i0.ɵɵconditional(filter_r26.divider ? 0 : 1);
20838
20832
  } }
20839
20833
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_18_Template(rf, ctx) { if (rf & 1) {
20840
- i0.ɵɵelementStart(0, "div", 86);
20841
- i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 139);
20834
+ i0.ɵɵelementStart(0, "div", 85);
20835
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 138);
20842
20836
  i0.ɵɵelementEnd();
20843
20837
  } if (rf & 2) {
20844
20838
  const breakdown_r27 = ctx.$implicit;
20845
20839
  const $index_r28 = ctx.$index;
20846
- const ctx_r1 = i0.ɵɵnextContext(2);
20840
+ const ctx_r2 = i0.ɵɵnextContext(2);
20847
20841
  i0.ɵɵstyleProp("animation-delay", 0.8 + $index_r28 * 0.1 + "s");
20848
- i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "breakdown-" + $index_r28);
20842
+ i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "breakdown-" + $index_r28);
20849
20843
  i0.ɵɵadvance();
20850
- i0.ɵɵproperty("breakdown", breakdown_r27)("charts", ctx_r1.chartsForBreakdown(breakdown_r27))("isLightMode", ctx_r1.isLightMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
20844
+ i0.ɵɵproperty("breakdown", breakdown_r27)("charts", ctx_r2.chartsForBreakdown(breakdown_r27))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
20851
20845
  } }
20852
20846
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_ForEmpty_19_Template(rf, ctx) { if (rf & 1) {
20853
- i0.ɵɵelementStart(0, "div", 110);
20847
+ i0.ɵɵelementStart(0, "div", 109);
20854
20848
  i0.ɵɵnamespaceSVG();
20855
- i0.ɵɵelementStart(1, "svg", 127);
20856
- i0.ɵɵelement(2, "path", 140);
20849
+ i0.ɵɵelementStart(1, "svg", 126);
20850
+ i0.ɵɵelement(2, "path", 139);
20857
20851
  i0.ɵɵelementEnd();
20858
20852
  i0.ɵɵnamespaceHTML();
20859
- i0.ɵɵelementStart(3, "h3", 128);
20853
+ i0.ɵɵelementStart(3, "h3", 127);
20860
20854
  i0.ɵɵtext(4, "No Breakdowns Found");
20861
20855
  i0.ɵɵelementEnd();
20862
- i0.ɵɵelementStart(5, "p", 129);
20856
+ i0.ɵɵelementStart(5, "p", 128);
20863
20857
  i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
20864
20858
  i0.ɵɵelementEnd()();
20865
20859
  } if (rf & 2) {
20866
- const ctx_r1 = i0.ɵɵnextContext(2);
20867
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-slate-50 border-slate-200" : "bg-slate-800/50 border-slate-700");
20860
+ const ctx_r2 = i0.ɵɵnextContext(2);
20861
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-slate-50 border-slate-200" : "bg-slate-800/50 border-slate-700");
20868
20862
  i0.ɵɵadvance();
20869
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-300" : "text-slate-600");
20863
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-300" : "text-slate-600");
20870
20864
  i0.ɵɵadvance(2);
20871
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
20865
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-900" : "text-white");
20872
20866
  i0.ɵɵadvance(2);
20873
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
20867
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
20874
20868
  } }
20875
20869
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
20876
20870
  const _r25 = i0.ɵɵgetCurrentView();
20877
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 130);
20878
- i0.ɵɵelementStart(1, "section", 131);
20879
- i0.ɵɵelement(2, "div", 132);
20880
- i0.ɵɵelementStart(3, "div", 71)(4, "div", 133)(5, "div", 73)(6, "div", 37);
20871
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 129);
20872
+ i0.ɵɵelementStart(1, "section", 130);
20873
+ i0.ɵɵelement(2, "div", 131);
20874
+ i0.ɵɵelementStart(3, "div", 70)(4, "div", 132)(5, "div", 72)(6, "div", 37);
20881
20875
  i0.ɵɵnamespaceSVG();
20882
- i0.ɵɵelementStart(7, "svg", 74);
20883
- i0.ɵɵelement(8, "path", 134);
20876
+ i0.ɵɵelementStart(7, "svg", 73);
20877
+ i0.ɵɵelement(8, "path", 133);
20884
20878
  i0.ɵɵelementEnd();
20885
20879
  i0.ɵɵnamespaceHTML();
20886
- i0.ɵɵelementStart(9, "h2", 76);
20880
+ i0.ɵɵelementStart(9, "h2", 75);
20887
20881
  i0.ɵɵtext(10, "Performance Breakdowns");
20888
20882
  i0.ɵɵelementEnd()()();
20889
- i0.ɵɵelementStart(11, "div", 135);
20883
+ i0.ɵɵelementStart(11, "div", 134);
20890
20884
  i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); });
20891
- i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template, 2, 0, "div", 102);
20892
- i0.ɵɵelementStart(13, "select", 136);
20893
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeBreakdownFilter($event)); });
20885
+ i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template, 2, 0, "div", 101);
20886
+ i0.ɵɵelementStart(13, "select", 135);
20887
+ i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
20894
20888
  i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template, 2, 1, null, null, _forTrack0$1);
20895
20889
  i0.ɵɵelementEnd()()();
20896
- i0.ɵɵelementStart(16, "div", 137);
20897
- i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_18_Template, 2, 8, "div", 88, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_ForEmpty_19_Template, 7, 4, "div", 110);
20890
+ i0.ɵɵelementStart(16, "div", 136);
20891
+ i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_18_Template, 2, 8, "div", 87, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_ForEmpty_19_Template, 7, 4, "div", 109);
20898
20892
  i0.ɵɵelementEnd()()();
20899
20893
  } if (rf & 2) {
20900
- const ctx_r1 = i0.ɵɵnextContext();
20901
- i0.ɵɵconditional(ctx_r1.selectedSectionFilter() === "ALL" ? 0 : -1);
20894
+ const ctx_r2 = i0.ɵɵnextContext();
20895
+ i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
20902
20896
  i0.ɵɵadvance(2);
20903
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-tr from-purple-50/50 to-transparent" : "bg-gradient-to-tr from-purple-950/20 to-transparent");
20897
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-tr from-purple-50/50 to-transparent" : "bg-gradient-to-tr from-purple-950/20 to-transparent");
20904
20898
  i0.ɵɵadvance(3);
20905
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-l-4 border-purple-500" : "border-l-4 border-purple-400");
20899
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-purple-500" : "border-l-4 border-purple-400");
20906
20900
  i0.ɵɵadvance(2);
20907
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-purple-500" : "text-purple-400");
20901
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-purple-500" : "text-purple-400");
20908
20902
  i0.ɵɵadvance(2);
20909
- i0.ɵɵclassMap(ctx_r1.sectionTitleClass());
20903
+ i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
20910
20904
  i0.ɵɵadvance(3);
20911
- i0.ɵɵconditional(ctx_r1.isBreakdownTransitioning() ? 12 : -1);
20905
+ i0.ɵɵconditional(ctx_r2.isBreakdownTransitioning() ? 12 : -1);
20912
20906
  i0.ɵɵadvance();
20913
- i0.ɵɵclassProp("opacity-70", ctx_r1.isBreakdownTransitioning());
20914
- i0.ɵɵproperty("ngModel", ctx_r1.selectedBreakdownFilter())("ngClass", ctx_r1.isLightMode() ? "bg-white border-slate-300 text-slate-900 hover:border-blue-400 focus:border-blue-500" : "bg-slate-700 border-slate-600 text-white hover:border-slate-500 focus:border-blue-500");
20907
+ i0.ɵɵclassProp("opacity-70", ctx_r2.isBreakdownTransitioning());
20908
+ i0.ɵɵproperty("ngModel", ctx_r2.selectedBreakdownFilter())("ngClass", ctx_r2.isLightMode() ? "bg-white border-slate-300 text-slate-900 hover:border-blue-400 focus:border-blue-500" : "bg-slate-700 border-slate-600 text-white hover:border-slate-500 focus:border-blue-500");
20915
20909
  i0.ɵɵadvance();
20916
- i0.ɵɵrepeater(ctx_r1.breakdownFilters);
20910
+ i0.ɵɵrepeater(ctx_r2.breakdownFilters);
20917
20911
  i0.ɵɵadvance(2);
20918
- i0.ɵɵclassProp("animate-content-change", ctx_r1.isBreakdownTransitioning())("transition-opacity-slow", ctx_r1.isBreakdownTransitioning());
20912
+ i0.ɵɵclassProp("animate-content-change", ctx_r2.isBreakdownTransitioning())("transition-opacity-slow", ctx_r2.isBreakdownTransitioning());
20919
20913
  i0.ɵɵadvance();
20920
- i0.ɵɵrepeater(ctx_r1.breakdowns());
20914
+ i0.ɵɵrepeater(ctx_r2.breakdowns());
20921
20915
  } }
20922
20916
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20923
- i0.ɵɵelementStart(0, "div", 141)(1, "div", 79);
20924
- i0.ɵɵelement(2, "div", 80);
20917
+ i0.ɵɵelementStart(0, "div", 140)(1, "div", 78);
20918
+ i0.ɵɵelement(2, "div", 79);
20925
20919
  i0.ɵɵelementEnd();
20926
- i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
20920
+ i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
20927
20921
  i0.ɵɵnamespaceSVG();
20928
- i0.ɵɵelementStart(5, "svg", 83);
20929
- i0.ɵɵelement(6, "path", 144);
20922
+ i0.ɵɵelementStart(5, "svg", 82);
20923
+ i0.ɵɵelement(6, "path", 143);
20930
20924
  i0.ɵɵelementEnd()()()();
20931
20925
  } if (rf & 2) {
20932
- const ctx_r1 = i0.ɵɵnextContext(2);
20926
+ const ctx_r2 = i0.ɵɵnextContext(2);
20933
20927
  i0.ɵɵadvance(2);
20934
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "from-transparent via-indigo-500/30 to-transparent" : "from-transparent via-indigo-400/20 to-transparent");
20928
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-indigo-500/30 to-transparent" : "from-transparent via-indigo-400/20 to-transparent");
20935
20929
  i0.ɵɵadvance(2);
20936
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-br from-indigo-50 to-blue-50 border border-indigo-200/50 shadow-lg shadow-indigo-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-indigo-500/20 shadow-lg shadow-indigo-500/5");
20930
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-indigo-50 to-blue-50 border border-indigo-200/50 shadow-lg shadow-indigo-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-indigo-500/20 shadow-lg shadow-indigo-500/5");
20937
20931
  i0.ɵɵadvance();
20938
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-indigo-500" : "text-indigo-400");
20932
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-indigo-500" : "text-indigo-400");
20939
20933
  } }
20940
20934
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template(rf, ctx) { if (rf & 1) {
20941
- i0.ɵɵelementStart(0, "div", 102);
20942
- i0.ɵɵelement(1, "div", 147);
20935
+ i0.ɵɵelementStart(0, "div", 101);
20936
+ i0.ɵɵelement(1, "div", 146);
20943
20937
  i0.ɵɵelementEnd();
20944
20938
  } }
20945
20939
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20946
- i0.ɵɵelementStart(0, "option", 113);
20940
+ i0.ɵɵelementStart(0, "option", 112);
20947
20941
  i0.ɵɵtext(1);
20948
20942
  i0.ɵɵelementEnd();
20949
20943
  } if (rf & 2) {
@@ -20963,54 +20957,54 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Condition
20963
20957
  i0.ɵɵtextInterpolate(filter_r30.label);
20964
20958
  } }
20965
20959
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template(rf, ctx) { if (rf & 1) {
20966
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template, 2, 2, "option", 113)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template, 2, 2, "option", 27);
20960
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template, 2, 2, "option", 112)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template, 2, 2, "option", 27);
20967
20961
  } if (rf & 2) {
20968
20962
  const filter_r30 = ctx.$implicit;
20969
20963
  i0.ɵɵconditional(filter_r30.divider ? 0 : 1);
20970
20964
  } }
20971
20965
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx) { if (rf & 1) {
20972
20966
  const _r29 = i0.ɵɵgetCurrentView();
20973
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template, 7, 3, "div", 141);
20974
- i0.ɵɵelementStart(1, "section", 142);
20975
- i0.ɵɵelement(2, "div", 70);
20976
- i0.ɵɵelementStart(3, "div", 71)(4, "div", 143)(5, "div", 37)(6, "div", 73)(7, "div", 37);
20967
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template, 7, 3, "div", 140);
20968
+ i0.ɵɵelementStart(1, "section", 141);
20969
+ i0.ɵɵelement(2, "div", 69);
20970
+ i0.ɵɵelementStart(3, "div", 70)(4, "div", 142)(5, "div", 37)(6, "div", 72)(7, "div", 37);
20977
20971
  i0.ɵɵnamespaceSVG();
20978
- i0.ɵɵelementStart(8, "svg", 74);
20979
- i0.ɵɵelement(9, "path", 144);
20972
+ i0.ɵɵelementStart(8, "svg", 73);
20973
+ i0.ɵɵelement(9, "path", 143);
20980
20974
  i0.ɵɵelementEnd();
20981
20975
  i0.ɵɵnamespaceHTML();
20982
- i0.ɵɵelementStart(10, "h2", 76);
20976
+ i0.ɵɵelementStart(10, "h2", 75);
20983
20977
  i0.ɵɵtext(11, "Competitive Intelligence");
20984
20978
  i0.ɵɵelementEnd()()()();
20985
- i0.ɵɵelementStart(12, "div", 145);
20986
- i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template, 2, 0, "div", 102);
20987
- i0.ɵɵelementStart(14, "select", 103);
20988
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCompetitiveFilter($event)); });
20979
+ i0.ɵɵelementStart(12, "div", 144);
20980
+ i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template, 2, 0, "div", 101);
20981
+ i0.ɵɵelementStart(14, "select", 102);
20982
+ i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
20989
20983
  i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template, 2, 1, null, null, _forTrack0$1);
20990
20984
  i0.ɵɵelementEnd()()();
20991
- i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 146);
20985
+ i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 145);
20992
20986
  i0.ɵɵelementEnd()();
20993
20987
  } if (rf & 2) {
20994
- const ctx_r1 = i0.ɵɵnextContext();
20995
- i0.ɵɵconditional(ctx_r1.selectedSectionFilter() === "ALL" ? 0 : -1);
20988
+ const ctx_r2 = i0.ɵɵnextContext();
20989
+ i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
20996
20990
  i0.ɵɵadvance(2);
20997
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-br from-indigo-50/50 to-transparent" : "bg-gradient-to-br from-indigo-950/20 to-transparent");
20991
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-indigo-50/50 to-transparent" : "bg-gradient-to-br from-indigo-950/20 to-transparent");
20998
20992
  i0.ɵɵadvance(4);
20999
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-l-4 border-indigo-500" : "border-l-4 border-indigo-400");
20993
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-indigo-500" : "border-l-4 border-indigo-400");
21000
20994
  i0.ɵɵadvance(2);
21001
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-indigo-500" : "text-indigo-400");
20995
+ i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-indigo-500" : "text-indigo-400");
21002
20996
  i0.ɵɵadvance(2);
21003
- i0.ɵɵclassMap(ctx_r1.sectionTitleClass());
20997
+ i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
21004
20998
  i0.ɵɵadvance(3);
21005
- i0.ɵɵconditional(ctx_r1.isCompetitiveTransitioning() ? 13 : -1);
20999
+ i0.ɵɵconditional(ctx_r2.isCompetitiveTransitioning() ? 13 : -1);
21006
21000
  i0.ɵɵadvance();
21007
- i0.ɵɵclassMap(ctx_r1.selectClass());
21008
- i0.ɵɵclassProp("opacity-70", ctx_r1.isCompetitiveTransitioning());
21009
- i0.ɵɵproperty("ngModel", ctx_r1.selectedCompetitiveFilter());
21001
+ i0.ɵɵclassMap(ctx_r2.selectClass());
21002
+ i0.ɵɵclassProp("opacity-70", ctx_r2.isCompetitiveTransitioning());
21003
+ i0.ɵɵproperty("ngModel", ctx_r2.selectedCompetitiveFilter());
21010
21004
  i0.ɵɵadvance();
21011
- i0.ɵɵrepeater(ctx_r1.competitiveFilters);
21005
+ i0.ɵɵrepeater(ctx_r2.competitiveFilters);
21012
21006
  i0.ɵɵadvance(2);
21013
- i0.ɵɵproperty("metrics", ctx_r1.competitiveMetrics())("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
21007
+ i0.ɵɵproperty("metrics", ctx_r2.competitiveMetrics())("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
21014
21008
  } }
21015
21009
  class SymphiqFunnelAnalysisDashboardComponent {
21016
21010
  constructor(funnelOrderService, viewModeService, searchService) {
@@ -21022,6 +21016,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
21022
21016
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
21023
21017
  this.funnelAnalysis = input(FUNNEL_ANALYSIS, ...(ngDevMode ? [{ debugName: "funnelAnalysis" }] : []));
21024
21018
  this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
21019
+ this.scrollContainerId = input(...(ngDevMode ? [undefined, { debugName: "scrollContainerId" }] : []));
21025
21020
  // State signals
21026
21021
  this.selectedCategory = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedCategory" }] : []));
21027
21022
  this.reverseSortOrder = signal(false, ...(ngDevMode ? [{ debugName: "reverseSortOrder" }] : []));
@@ -21363,8 +21358,19 @@ class SymphiqFunnelAnalysisDashboardComponent {
21363
21358
  this.modalComponent.setMetricsAndInsights(this.allMetrics(), this.insights(), this.allCharts());
21364
21359
  }
21365
21360
  // Set up container scroll listener when in embedded mode
21366
- if (this.embedded() && this.dashboardContainer) {
21367
- const container = this.dashboardContainer.nativeElement;
21361
+ if (this.embedded()) {
21362
+ let container = null;
21363
+ // If a scroll container ID is provided, use that element
21364
+ if (this.scrollContainerId()) {
21365
+ container = document.getElementById(this.scrollContainerId());
21366
+ if (!container) {
21367
+ console.warn(`Scroll container with id "${this.scrollContainerId()}" not found. Scroll tracking will not work.`);
21368
+ }
21369
+ }
21370
+ else if (this.dashboardContainer) {
21371
+ // Fall back to internal dashboard container
21372
+ container = this.dashboardContainer.nativeElement;
21373
+ }
21368
21374
  if (container) {
21369
21375
  container.addEventListener('scroll', () => this.onContainerScroll(container), { passive: true });
21370
21376
  }
@@ -21780,10 +21786,10 @@ class SymphiqFunnelAnalysisDashboardComponent {
21780
21786
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
21781
21787
  } }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
21782
21788
  i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
21783
- } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"] }, decls: 86, vars: 98, consts: [["dashboardContainer", ""], [1, "min-h-screen", "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none", 3, "light-mode"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "click", "title", "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [3, "width", "height", "isLightMode"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["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, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["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, "hidden", "sm:block", "relative"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
21789
+ } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"], scrollContainerId: [1, "scrollContainerId"] }, decls: 86, vars: 95, consts: [["dashboardContainer", ""], [1, "min-h-screen", "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "click", "title", "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [3, "width", "height", "isLightMode"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["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, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["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, "hidden", "sm:block", "relative"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
21784
21790
  const _r1 = i0.ɵɵgetCurrentView();
21785
21791
  i0.ɵɵelementStart(0, "div", 1, 0);
21786
- i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template, 1, 2, "div", 2);
21792
+ i0.ɵɵelement(2, "div", 2);
21787
21793
  i0.ɵɵelementStart(3, "div");
21788
21794
  i0.ɵɵelement(4, "div", 3)(5, "div", 4)(6, "div", 5)(7, "div", 6)(8, "div", 7);
21789
21795
  i0.ɵɵelementEnd();
@@ -21879,12 +21885,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
21879
21885
  i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_85_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
21880
21886
  i0.ɵɵelementEnd()();
21881
21887
  } if (rf & 2) {
21882
- let tmp_34_0;
21883
- i0.ɵɵclassProp("relative", !ctx.embedded())("h-full", ctx.embedded())("overflow-y-auto", ctx.embedded());
21888
+ let tmp_32_0;
21889
+ i0.ɵɵclassProp("relative", !ctx.embedded());
21884
21890
  i0.ɵɵadvance(2);
21885
- i0.ɵɵconditional(!ctx.embedded() ? 2 : -1);
21891
+ i0.ɵɵclassProp("light-mode", ctx.isLightMode());
21886
21892
  i0.ɵɵadvance();
21887
- i0.ɵɵclassMap(ctx.embedded() ? "absolute inset-0 -z-10 pointer-events-none" : "fixed inset-0 -z-10 pointer-events-none");
21893
+ i0.ɵɵclassMap(ctx.embedded() ? "inset-0 -z-10 pointer-events-none" : "fixed inset-0 -z-10 pointer-events-none");
21888
21894
  i0.ɵɵadvance();
21889
21895
  i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40" : "bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950");
21890
21896
  i0.ɵɵadvance(2);
@@ -21932,7 +21938,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
21932
21938
  i0.ɵɵadvance(2);
21933
21939
  i0.ɵɵclassMap(ctx.headerTitleClass());
21934
21940
  i0.ɵɵadvance();
21935
- i0.ɵɵtextInterpolate2("", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.firstName, " ", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.lastName);
21941
+ i0.ɵɵtextInterpolate2("", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.firstName, " ", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.lastName);
21936
21942
  i0.ɵɵadvance();
21937
21943
  i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
21938
21944
  i0.ɵɵadvance();
@@ -22017,16 +22023,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
22017
22023
  <div
22018
22024
  class="min-h-screen bg-transparent"
22019
22025
  [class.relative]="!embedded()"
22020
- [class.h-full]="embedded()"
22021
- [class.overflow-y-auto]="embedded()"
22022
22026
  #dashboardContainer>
22023
22027
  <!-- Animated Background Bubbles -->
22024
- @if (!embedded()) {
22025
- <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
22026
- }
22028
+ <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
22027
22029
 
22028
22030
  <!-- Mesh Gradient Background -->
22029
- <div [class]="embedded() ? 'absolute inset-0 -z-10 pointer-events-none' : 'fixed inset-0 -z-10 pointer-events-none'">
22031
+ <div [class]="embedded() ? 'inset-0 -z-10 pointer-events-none' : 'fixed inset-0 -z-10 pointer-events-none'">
22030
22032
  <div
22031
22033
  [ngClass]="isLightMode()
22032
22034
  ? 'bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40'
@@ -22777,11 +22779,11 @@ class SymphiqFunnelAnalysisDashboardComponent {
22777
22779
  }], dashboardContainer: [{
22778
22780
  type: ViewChild,
22779
22781
  args: ['dashboardContainer', { static: false }]
22780
- }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], onScroll: [{
22782
+ }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollContainerId: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollContainerId", required: false }] }], onScroll: [{
22781
22783
  type: HostListener,
22782
22784
  args: ['window:scroll', ['$event']]
22783
22785
  }] }); })();
22784
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 911 }); })();
22786
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 907 }); })();
22785
22787
 
22786
22788
  /**
22787
22789
  * Shared Theme Color Utilities