@eric-emg/symphiq-components 1.2.7 → 1.2.9

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.
Files changed (7) hide show
  1. package/README.md +43 -0
  2. package/fesm2022/symphiq-components.mjs +635 -478
  3. package/fesm2022/symphiq-components.mjs.map +1 -1
  4. package/index.d.ts +137 -27
  5. package/index.d.ts.map +1 -1
  6. package/package.json +1 -1
  7. package/styles.css +20 -0
package/fesm2022/symphiq-components.mjs CHANGED
@@ -20486,37 +20486,27 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template(rf, ctx)
20486
20486
  const ctx_r1 = i0.ɵɵnextContext();
20487
20487
  i0.ɵɵclassProp("light-mode", ctx_r1.isLightMode());
20488
20488
  } }
20489
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
20490
- i0.ɵɵelementStart(0, "div", 8);
20491
- i0.ɵɵelement(1, "div", 53);
20492
- i0.ɵɵelementEnd();
20493
- } if (rf & 2) {
20494
- const ctx_r1 = i0.ɵɵnextContext();
20495
- i0.ɵɵadvance();
20496
- i0.ɵɵstyleProp("width", ctx_r1.scrollProgress(), "%");
20497
- i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
20498
- } }
20499
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
20489
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
20500
20490
  i0.ɵɵnamespaceSVG();
20501
20491
  i0.ɵɵelementStart(0, "svg", 19);
20502
- i0.ɵɵelement(1, "path", 54);
20492
+ i0.ɵɵelement(1, "path", 53);
20503
20493
  i0.ɵɵelementEnd();
20504
20494
  i0.ɵɵnamespaceHTML();
20505
20495
  i0.ɵɵelementStart(2, "span");
20506
20496
  i0.ɵɵtext(3, "Compact");
20507
20497
  i0.ɵɵelementEnd();
20508
20498
  } }
20509
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
20499
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
20510
20500
  i0.ɵɵnamespaceSVG();
20511
20501
  i0.ɵɵelementStart(0, "svg", 19);
20512
- i0.ɵɵelement(1, "path", 55);
20502
+ i0.ɵɵelement(1, "path", 54);
20513
20503
  i0.ɵɵelementEnd();
20514
20504
  i0.ɵɵnamespaceHTML();
20515
20505
  i0.ɵɵelementStart(2, "span");
20516
20506
  i0.ɵɵtext(3, "Expanded");
20517
20507
  i0.ɵɵelementEnd();
20518
20508
  } }
20519
- function SymphiqFunnelAnalysisDashboardComponent_For_36_Template(rf, ctx) { if (rf & 1) {
20509
+ function SymphiqFunnelAnalysisDashboardComponent_For_37_Template(rf, ctx) { if (rf & 1) {
20520
20510
  i0.ɵɵelementStart(0, "option", 27);
20521
20511
  i0.ɵɵtext(1);
20522
20512
  i0.ɵɵelementEnd();
@@ -20526,14 +20516,14 @@ function SymphiqFunnelAnalysisDashboardComponent_For_36_Template(rf, ctx) { if (
20526
20516
  i0.ɵɵadvance();
20527
20517
  i0.ɵɵtextInterpolate(section_r3.label);
20528
20518
  } }
20529
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
20530
- i0.ɵɵelementStart(0, "div", 36)(1, "span", 56);
20519
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
20520
+ i0.ɵɵelementStart(0, "div", 36)(1, "span", 55);
20531
20521
  i0.ɵɵtext(2, "Revenue:");
20532
20522
  i0.ɵɵelementEnd();
20533
- i0.ɵɵelementStart(3, "span", 57);
20523
+ i0.ɵɵelementStart(3, "span", 56);
20534
20524
  i0.ɵɵtext(4);
20535
20525
  i0.ɵɵelementEnd();
20536
- i0.ɵɵelementStart(5, "span", 58);
20526
+ i0.ɵɵelementStart(5, "span", 57);
20537
20527
  i0.ɵɵtext(6);
20538
20528
  i0.ɵɵelementEnd()();
20539
20529
  } if (rf & 2) {
@@ -20550,19 +20540,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template(rf, ctx
20550
20540
  i0.ɵɵadvance();
20551
20541
  i0.ɵɵtextInterpolate2(" ", ctx_r1.revenueTrend() >= 0 ? "+" : "", "", ctx_r1.revenueTrend().toFixed(1), "% ");
20552
20542
  } }
20553
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_60_Template(rf, ctx) { if (rf & 1) {
20543
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
20554
20544
  i0.ɵɵnamespaceSVG();
20555
20545
  i0.ɵɵelementStart(0, "svg", 39);
20556
- i0.ɵɵelement(1, "path", 54);
20546
+ i0.ɵɵelement(1, "path", 53);
20557
20547
  i0.ɵɵelementEnd();
20558
20548
  } }
20559
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
20549
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
20560
20550
  i0.ɵɵnamespaceSVG();
20561
20551
  i0.ɵɵelementStart(0, "svg", 39);
20562
- i0.ɵɵelement(1, "path", 55);
20552
+ i0.ɵɵelement(1, "path", 54);
20563
20553
  i0.ɵɵelementEnd();
20564
20554
  } }
20565
- function SymphiqFunnelAnalysisDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
20555
+ function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (rf & 1) {
20566
20556
  i0.ɵɵelementStart(0, "option", 27);
20567
20557
  i0.ɵɵtext(1);
20568
20558
  i0.ɵɵelementEnd();
@@ -20572,28 +20562,28 @@ function SymphiqFunnelAnalysisDashboardComponent_For_65_Template(rf, ctx) { if (
20572
20562
  i0.ɵɵadvance();
20573
20563
  i0.ɵɵtextInterpolate(section_r4.label);
20574
20564
  } }
20575
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
20565
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
20576
20566
  const _r5 = i0.ɵɵgetCurrentView();
20577
- i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div", 59);
20567
+ i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div", 58);
20578
20568
  i0.ɵɵnamespaceSVG();
20579
- i0.ɵɵelementStart(4, "svg", 60);
20569
+ i0.ɵɵelementStart(4, "svg", 59);
20580
20570
  i0.ɵɵelement(5, "path", 20);
20581
20571
  i0.ɵɵelementEnd();
20582
20572
  i0.ɵɵnamespaceHTML();
20583
- i0.ɵɵelementStart(6, "div", 61)(7, "span", 62);
20573
+ i0.ɵɵelementStart(6, "div", 60)(7, "span", 61);
20584
20574
  i0.ɵɵtext(8, "Showing:");
20585
20575
  i0.ɵɵelementEnd();
20586
- i0.ɵɵelementStart(9, "span", 63);
20576
+ i0.ɵɵelementStart(9, "span", 62);
20587
20577
  i0.ɵɵtext(10);
20588
20578
  i0.ɵɵelementEnd();
20589
- i0.ɵɵelementStart(11, "span", 64);
20579
+ i0.ɵɵelementStart(11, "span", 63);
20590
20580
  i0.ɵɵtext(12);
20591
20581
  i0.ɵɵelementEnd()()();
20592
- i0.ɵɵelementStart(13, "button", 65);
20593
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
20582
+ i0.ɵɵelementStart(13, "button", 64);
20583
+ 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()); });
20594
20584
  i0.ɵɵnamespaceSVG();
20595
20585
  i0.ɵɵelementStart(14, "svg", 39);
20596
- i0.ɵɵelement(15, "path", 66);
20586
+ i0.ɵɵelement(15, "path", 65);
20597
20587
  i0.ɵɵelementEnd()()()()();
20598
20588
  } if (rf & 2) {
20599
20589
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20613,68 +20603,68 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx
20613
20603
  i0.ɵɵadvance();
20614
20604
  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");
20615
20605
  } }
20616
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
20606
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
20617
20607
  const _r6 = i0.ɵɵgetCurrentView();
20618
- i0.ɵɵelementStart(0, "button", 67);
20619
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToTop()); });
20608
+ i0.ɵɵelementStart(0, "button", 66);
20609
+ 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()); });
20620
20610
  i0.ɵɵelementEnd();
20621
20611
  } if (rf & 2) {
20622
20612
  const ctx_r1 = i0.ɵɵnextContext();
20623
20613
  i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20624
20614
  } }
20625
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
20615
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
20626
20616
  const _r7 = i0.ɵɵgetCurrentView();
20627
- i0.ɵɵelementStart(0, "button", 67);
20628
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("insights-section")); });
20617
+ i0.ɵɵelementStart(0, "button", 66);
20618
+ 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")); });
20629
20619
  i0.ɵɵelementEnd();
20630
20620
  } if (rf & 2) {
20631
20621
  const ctx_r1 = i0.ɵɵnextContext();
20632
20622
  i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20633
20623
  } }
20634
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
20624
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
20635
20625
  const _r8 = i0.ɵɵgetCurrentView();
20636
- i0.ɵɵelementStart(0, "button", 67);
20637
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("metrics-section")); });
20626
+ i0.ɵɵelementStart(0, "button", 66);
20627
+ 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")); });
20638
20628
  i0.ɵɵelementEnd();
20639
20629
  } if (rf & 2) {
20640
20630
  const ctx_r1 = i0.ɵɵnextContext();
20641
20631
  i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20642
20632
  } }
20643
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
20633
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
20644
20634
  const _r9 = i0.ɵɵgetCurrentView();
20645
- i0.ɵɵelementStart(0, "button", 67);
20646
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("breakdowns-section")); });
20635
+ i0.ɵɵelementStart(0, "button", 66);
20636
+ 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")); });
20647
20637
  i0.ɵɵelementEnd();
20648
20638
  } if (rf & 2) {
20649
20639
  const ctx_r1 = i0.ɵɵnextContext();
20650
20640
  i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
20651
20641
  } }
20652
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
20642
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
20653
20643
  const _r10 = i0.ɵɵgetCurrentView();
20654
- i0.ɵɵelementStart(0, "button", 67);
20655
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("competitive-section")); });
20644
+ i0.ɵɵelementStart(0, "button", 66);
20645
+ 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")); });
20656
20646
  i0.ɵɵelementEnd();
20657
20647
  } if (rf & 2) {
20658
20648
  const ctx_r1 = i0.ɵɵnextContext();
20659
20649
  i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
20660
20650
  } }
20661
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template(rf, ctx) { if (rf & 1) {
20651
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
20662
20652
  i0.ɵɵelementStart(0, "div", 47);
20663
- i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 68);
20653
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 67);
20664
20654
  i0.ɵɵelementEnd();
20665
20655
  } if (rf & 2) {
20666
20656
  const ctx_r1 = i0.ɵɵnextContext();
20667
20657
  i0.ɵɵadvance();
20668
20658
  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());
20669
20659
  } }
20670
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20671
- i0.ɵɵelementStart(0, "div", 69)(1, "div", 80);
20672
- i0.ɵɵelement(2, "div", 81);
20660
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20661
+ i0.ɵɵelementStart(0, "div", 68)(1, "div", 79);
20662
+ i0.ɵɵelement(2, "div", 80);
20673
20663
  i0.ɵɵelementEnd();
20674
- i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
20664
+ i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
20675
20665
  i0.ɵɵnamespaceSVG();
20676
- i0.ɵɵelementStart(5, "svg", 84);
20677
- i0.ɵɵelement(6, "path", 85);
20666
+ i0.ɵɵelementStart(5, "svg", 83);
20667
+ i0.ɵɵelement(6, "path", 84);
20678
20668
  i0.ɵɵelementEnd()()()();
20679
20669
  } if (rf & 2) {
20680
20670
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20685,9 +20675,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Te
20685
20675
  i0.ɵɵadvance();
20686
20676
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-500" : "text-blue-400");
20687
20677
  } }
20688
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
20689
- i0.ɵɵelementStart(0, "div", 87);
20690
- i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 88);
20678
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
20679
+ i0.ɵɵelementStart(0, "div", 86);
20680
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 87);
20691
20681
  i0.ɵɵelementEnd();
20692
20682
  } if (rf & 2) {
20693
20683
  const insight_r11 = ctx.$implicit;
@@ -20699,18 +20689,18 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_F
20699
20689
  i0.ɵɵadvance();
20700
20690
  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);
20701
20691
  } }
20702
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_Template(rf, ctx) { if (rf & 1) {
20703
- i0.ɵɵelementStart(0, "div", 78);
20704
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template, 2, 13, "div", 86, i0.ɵɵrepeaterTrackByIndex);
20692
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
20693
+ i0.ɵɵelementStart(0, "div", 77);
20694
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template, 2, 13, "div", 85, i0.ɵɵrepeaterTrackByIndex);
20705
20695
  i0.ɵɵelementEnd();
20706
20696
  } if (rf & 2) {
20707
20697
  const ctx_r1 = i0.ɵɵnextContext(2);
20708
20698
  i0.ɵɵadvance();
20709
20699
  i0.ɵɵrepeater(ctx_r1.insights());
20710
20700
  } }
20711
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
20712
- i0.ɵɵelementStart(0, "div", 87);
20713
- i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 88);
20701
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
20702
+ i0.ɵɵelementStart(0, "div", 86);
20703
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 87);
20714
20704
  i0.ɵɵelementEnd();
20715
20705
  } if (rf & 2) {
20716
20706
  const insight_r13 = ctx.$implicit;
@@ -20721,25 +20711,25 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_F
20721
20711
  i0.ɵɵadvance();
20722
20712
  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);
20723
20713
  } }
20724
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_Template(rf, ctx) { if (rf & 1) {
20725
- i0.ɵɵelementStart(0, "div", 79);
20726
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template, 2, 11, "div", 89, i0.ɵɵrepeaterTrackByIndex);
20714
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template(rf, ctx) { if (rf & 1) {
20715
+ i0.ɵɵelementStart(0, "div", 78);
20716
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template, 2, 11, "div", 88, i0.ɵɵrepeaterTrackByIndex);
20727
20717
  i0.ɵɵelementEnd();
20728
20718
  } if (rf & 2) {
20729
20719
  const ctx_r1 = i0.ɵɵnextContext(2);
20730
20720
  i0.ɵɵadvance();
20731
20721
  i0.ɵɵrepeater(ctx_r1.insights());
20732
20722
  } }
20733
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
20734
- i0.ɵɵelementStart(0, "div", 90)(1, "div", 91)(2, "div", 92);
20735
- i0.ɵɵelement(3, "symphiq-skeleton-loader", 93)(4, "symphiq-skeleton-loader", 93);
20723
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
20724
+ i0.ɵɵelementStart(0, "div", 89)(1, "div", 90)(2, "div", 91);
20725
+ i0.ɵɵelement(3, "symphiq-skeleton-loader", 92)(4, "symphiq-skeleton-loader", 92);
20736
20726
  i0.ɵɵelementEnd();
20737
- i0.ɵɵelement(5, "symphiq-skeleton-loader", 93)(6, "symphiq-skeleton-loader", 93)(7, "symphiq-skeleton-loader", 93);
20738
- i0.ɵɵelementStart(8, "div", 94);
20739
- i0.ɵɵelement(9, "symphiq-skeleton-loader", 93)(10, "symphiq-skeleton-loader", 93);
20727
+ i0.ɵɵelement(5, "symphiq-skeleton-loader", 92)(6, "symphiq-skeleton-loader", 92)(7, "symphiq-skeleton-loader", 92);
20728
+ i0.ɵɵelementStart(8, "div", 93);
20729
+ i0.ɵɵelement(9, "symphiq-skeleton-loader", 92)(10, "symphiq-skeleton-loader", 92);
20740
20730
  i0.ɵɵelementEnd();
20741
- i0.ɵɵelementStart(11, "div", 95);
20742
- i0.ɵɵelement(12, "symphiq-skeleton-loader", 93)(13, "symphiq-skeleton-loader", 93);
20731
+ i0.ɵɵelementStart(11, "div", 94);
20732
+ i0.ɵɵelement(12, "symphiq-skeleton-loader", 92)(13, "symphiq-skeleton-loader", 92);
20743
20733
  i0.ɵɵelementEnd()()();
20744
20734
  } if (rf & 2) {
20745
20735
  const ctx_r1 = i0.ɵɵnextContext(3);
@@ -20763,31 +20753,31 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_F
20763
20753
  i0.ɵɵadvance();
20764
20754
  i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r1.isLightMode());
20765
20755
  } }
20766
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_Template(rf, ctx) { if (rf & 1) {
20767
- i0.ɵɵelementStart(0, "div", 78);
20768
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template, 14, 28, "div", 90, i0.ɵɵrepeaterTrackByIdentity);
20756
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template(rf, ctx) { if (rf & 1) {
20757
+ i0.ɵɵelementStart(0, "div", 77);
20758
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template, 14, 28, "div", 89, i0.ɵɵrepeaterTrackByIdentity);
20769
20759
  i0.ɵɵelementEnd();
20770
20760
  } if (rf & 2) {
20771
20761
  i0.ɵɵadvance();
20772
20762
  i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
20773
20763
  } }
20774
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
20775
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template, 7, 3, "div", 69);
20776
- i0.ɵɵelementStart(1, "section", 70);
20777
- i0.ɵɵelement(2, "div", 71);
20778
- i0.ɵɵelementStart(3, "div", 72)(4, "div", 73)(5, "div", 37)(6, "div", 74)(7, "div", 37);
20764
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
20765
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 68);
20766
+ i0.ɵɵelementStart(1, "section", 69);
20767
+ i0.ɵɵelement(2, "div", 70);
20768
+ i0.ɵɵelementStart(3, "div", 71)(4, "div", 72)(5, "div", 37)(6, "div", 73)(7, "div", 37);
20779
20769
  i0.ɵɵnamespaceSVG();
20780
- i0.ɵɵelementStart(8, "svg", 75);
20781
- i0.ɵɵelement(9, "path", 76);
20770
+ i0.ɵɵelementStart(8, "svg", 74);
20771
+ i0.ɵɵelement(9, "path", 75);
20782
20772
  i0.ɵɵelementEnd();
20783
20773
  i0.ɵɵnamespaceHTML();
20784
- i0.ɵɵelementStart(10, "h2", 77);
20774
+ i0.ɵɵelementStart(10, "h2", 76);
20785
20775
  i0.ɵɵtext(11, "Key Insights");
20786
20776
  i0.ɵɵelementEnd()()()();
20787
20777
  i0.ɵɵelementStart(12, "span", 30);
20788
20778
  i0.ɵɵtext(13);
20789
20779
  i0.ɵɵelementEnd()();
20790
- i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_Template, 3, 0, "div", 78)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_Template, 3, 0, "div", 79)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_Template, 3, 1, "div", 78);
20780
+ 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);
20791
20781
  i0.ɵɵelementEnd()();
20792
20782
  } if (rf & 2) {
20793
20783
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20807,14 +20797,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx
20807
20797
  i0.ɵɵadvance();
20808
20798
  i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 14 : !ctx_r1.viewModeService.isExpanded() ? 15 : 16);
20809
20799
  } }
20810
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20811
- i0.ɵɵelementStart(0, "div", 96)(1, "div", 80);
20812
- i0.ɵɵelement(2, "div", 81);
20800
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20801
+ i0.ɵɵelementStart(0, "div", 95)(1, "div", 79);
20802
+ i0.ɵɵelement(2, "div", 80);
20813
20803
  i0.ɵɵelementEnd();
20814
- i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
20804
+ i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
20815
20805
  i0.ɵɵnamespaceSVG();
20816
- i0.ɵɵelementStart(5, "svg", 84);
20817
- i0.ɵɵelement(6, "path", 112);
20806
+ i0.ɵɵelementStart(5, "svg", 83);
20807
+ i0.ɵɵelement(6, "path", 111);
20818
20808
  i0.ɵɵelementEnd()()()();
20819
20809
  } if (rf & 2) {
20820
20810
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20825,13 +20815,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Te
20825
20815
  i0.ɵɵadvance();
20826
20816
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-emerald-500" : "text-emerald-400");
20827
20817
  } }
20828
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
20829
- i0.ɵɵelementStart(0, "div", 103);
20830
- i0.ɵɵelement(1, "div", 113);
20818
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template(rf, ctx) { if (rf & 1) {
20819
+ i0.ɵɵelementStart(0, "div", 102);
20820
+ i0.ɵɵelement(1, "div", 112);
20831
20821
  i0.ɵɵelementEnd();
20832
20822
  } }
20833
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20834
- i0.ɵɵelementStart(0, "option", 114);
20823
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20824
+ i0.ɵɵelementStart(0, "option", 113);
20835
20825
  i0.ɵɵtext(1);
20836
20826
  i0.ɵɵelementEnd();
20837
20827
  } if (rf & 2) {
@@ -20840,7 +20830,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Condition
20840
20830
  i0.ɵɵadvance();
20841
20831
  i0.ɵɵtextInterpolate(cat_r16.label);
20842
20832
  } }
20843
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
20833
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
20844
20834
  i0.ɵɵelementStart(0, "option", 27);
20845
20835
  i0.ɵɵtext(1);
20846
20836
  i0.ɵɵelementEnd();
@@ -20850,24 +20840,24 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Condition
20850
20840
  i0.ɵɵadvance();
20851
20841
  i0.ɵɵtextInterpolate(cat_r16.label);
20852
20842
  } }
20853
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Template(rf, ctx) { if (rf & 1) {
20854
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_0_Template, 2, 2, "option", 114)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_1_Template, 2, 2, "option", 27);
20843
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template(rf, ctx) { if (rf & 1) {
20844
+ 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);
20855
20845
  } if (rf & 2) {
20856
20846
  const cat_r16 = ctx.$implicit;
20857
20847
  i0.ɵɵconditional(cat_r16.divider ? 0 : 1);
20858
20848
  } }
20859
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_20_Template(rf, ctx) { if (rf & 1) {
20849
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template(rf, ctx) { if (rf & 1) {
20860
20850
  i0.ɵɵnamespaceSVG();
20861
- i0.ɵɵelement(0, "path", 106);
20851
+ i0.ɵɵelement(0, "path", 105);
20862
20852
  } }
20863
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_21_Template(rf, ctx) { if (rf & 1) {
20853
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template(rf, ctx) { if (rf & 1) {
20864
20854
  i0.ɵɵnamespaceSVG();
20865
- i0.ɵɵelement(0, "path", 107);
20855
+ i0.ɵɵelement(0, "path", 106);
20866
20856
  } }
20867
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20857
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20868
20858
  const _r17 = i0.ɵɵgetCurrentView();
20869
- i0.ɵɵelementStart(0, "button", 116);
20870
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_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)); });
20859
+ i0.ɵɵelementStart(0, "button", 115);
20860
+ 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)); });
20871
20861
  i0.ɵɵtext(1);
20872
20862
  i0.ɵɵelementEnd();
20873
20863
  } if (rf & 2) {
@@ -20878,68 +20868,68 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Condition
20878
20868
  i0.ɵɵadvance();
20879
20869
  i0.ɵɵtextInterpolate1(" ", cat_r18.label, " ");
20880
20870
  } }
20881
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Template(rf, ctx) { if (rf & 1) {
20882
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template, 2, 4, "button", 115);
20871
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template(rf, ctx) { if (rf & 1) {
20872
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template, 2, 4, "button", 114);
20883
20873
  } if (rf & 2) {
20884
20874
  const cat_r18 = ctx.$implicit;
20885
20875
  i0.ɵɵconditional(!cat_r18.divider ? 0 : -1);
20886
20876
  } }
20887
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
20888
- i0.ɵɵelementStart(0, "div", 122);
20889
- i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 123);
20877
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
20878
+ i0.ɵɵelementStart(0, "div", 121);
20879
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 122);
20890
20880
  i0.ɵɵelementEnd();
20891
20881
  } if (rf & 2) {
20892
20882
  const metric_r19 = ctx.$implicit;
20893
- const ɵ$index_388_r20 = ctx.$index;
20894
- const ɵ$index_379_r21 = i0.ɵɵnextContext(3).$index;
20883
+ const ɵ$index_387_r20 = ctx.$index;
20884
+ const ɵ$index_378_r21 = i0.ɵɵnextContext(3).$index;
20895
20885
  const ctx_r1 = i0.ɵɵnextContext(2);
20896
- i0.ɵɵclassMap(ctx_r1.getBentoCardClass(metric_r19, ɵ$index_388_r20));
20897
- i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_379_r21 * 0.15 + ɵ$index_388_r20 * 0.08 + "s");
20886
+ i0.ɵɵclassMap(ctx_r1.getBentoCardClass(metric_r19, ɵ$index_387_r20));
20887
+ i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_378_r21 * 0.15 + ɵ$index_387_r20 * 0.08 + "s");
20898
20888
  i0.ɵɵadvance();
20899
20889
  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);
20900
20890
  } }
20901
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20902
- i0.ɵɵelementStart(0, "div", 119);
20903
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 121, i0.ɵɵrepeaterTrackByIndex);
20891
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
20892
+ i0.ɵɵelementStart(0, "div", 118);
20893
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 120, i0.ɵɵrepeaterTrackByIndex);
20904
20894
  i0.ɵɵelementEnd();
20905
20895
  } if (rf & 2) {
20906
20896
  const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
20907
20897
  i0.ɵɵadvance();
20908
20898
  i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
20909
20899
  } }
20910
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
20911
- i0.ɵɵelementStart(0, "div", 122);
20912
- i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 118);
20900
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
20901
+ i0.ɵɵelementStart(0, "div", 121);
20902
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 117);
20913
20903
  i0.ɵɵelementEnd();
20914
20904
  } if (rf & 2) {
20915
20905
  const metric_r23 = ctx.$implicit;
20916
- const ɵ$index_396_r24 = ctx.$index;
20917
- const ɵ$index_379_r21 = i0.ɵɵnextContext(3).$index;
20906
+ const ɵ$index_395_r24 = ctx.$index;
20907
+ const ɵ$index_378_r21 = i0.ɵɵnextContext(3).$index;
20918
20908
  const ctx_r1 = i0.ɵɵnextContext(2);
20919
- i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_379_r21 * 0.15 + ɵ$index_396_r24 * 0.08 + "s");
20909
+ i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_378_r21 * 0.15 + ɵ$index_395_r24 * 0.08 + "s");
20920
20910
  i0.ɵɵadvance();
20921
20911
  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);
20922
20912
  } }
20923
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
20924
- i0.ɵɵelementStart(0, "div", 120);
20925
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 124, i0.ɵɵrepeaterTrackByIndex);
20913
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
20914
+ i0.ɵɵelementStart(0, "div", 119);
20915
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 123, i0.ɵɵrepeaterTrackByIndex);
20926
20916
  i0.ɵɵelementEnd();
20927
20917
  } if (rf & 2) {
20928
20918
  const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
20929
20919
  i0.ɵɵadvance();
20930
20920
  i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
20931
20921
  } }
20932
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
20933
- i0.ɵɵelementStart(0, "div", 125)(1, "div", 91)(2, "div", 100);
20934
- i0.ɵɵelement(3, "symphiq-skeleton-loader", 93)(4, "symphiq-skeleton-loader", 93);
20922
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
20923
+ i0.ɵɵelementStart(0, "div", 124)(1, "div", 90)(2, "div", 99);
20924
+ i0.ɵɵelement(3, "symphiq-skeleton-loader", 92)(4, "symphiq-skeleton-loader", 92);
20935
20925
  i0.ɵɵelementEnd();
20936
- i0.ɵɵelement(5, "symphiq-skeleton-loader", 93);
20937
- i0.ɵɵelementStart(6, "div", 126);
20938
- i0.ɵɵelement(7, "symphiq-skeleton-loader", 93)(8, "symphiq-skeleton-loader", 93);
20926
+ i0.ɵɵelement(5, "symphiq-skeleton-loader", 92);
20927
+ i0.ɵɵelementStart(6, "div", 125);
20928
+ i0.ɵɵelement(7, "symphiq-skeleton-loader", 92)(8, "symphiq-skeleton-loader", 92);
20939
20929
  i0.ɵɵelementEnd();
20940
- i0.ɵɵelement(9, "symphiq-skeleton-loader", 93)(10, "symphiq-skeleton-loader", 93);
20941
- i0.ɵɵelementStart(11, "div", 127);
20942
- i0.ɵɵelement(12, "symphiq-skeleton-loader", 93);
20930
+ i0.ɵɵelement(9, "symphiq-skeleton-loader", 92)(10, "symphiq-skeleton-loader", 92);
20931
+ i0.ɵɵelementStart(11, "div", 126);
20932
+ i0.ɵɵelement(12, "symphiq-skeleton-loader", 92);
20943
20933
  i0.ɵɵelementEnd()()();
20944
20934
  } if (rf & 2) {
20945
20935
  const ctx_r1 = i0.ɵɵnextContext(5);
@@ -20961,47 +20951,47 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Condition
20961
20951
  i0.ɵɵadvance(2);
20962
20952
  i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r1.isLightMode());
20963
20953
  } }
20964
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
20965
- i0.ɵɵelementStart(0, "div", 119);
20966
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 125, i0.ɵɵrepeaterTrackByIdentity);
20954
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
20955
+ i0.ɵɵelementStart(0, "div", 118);
20956
+ i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 124, i0.ɵɵrepeaterTrackByIdentity);
20967
20957
  i0.ɵɵelementEnd();
20968
20958
  } if (rf & 2) {
20969
20959
  i0.ɵɵadvance();
20970
20960
  i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
20971
20961
  } }
20972
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
20973
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_Template, 3, 0, "div", 120)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_Template, 3, 1, "div", 119);
20962
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
20963
+ 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);
20974
20964
  } if (rf & 2) {
20975
20965
  const ctx_r1 = i0.ɵɵnextContext(3);
20976
20966
  i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 0 : !ctx_r1.viewModeService.isExpanded() ? 1 : 2);
20977
20967
  } }
20978
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Template(rf, ctx) { if (rf & 1) {
20979
- i0.ɵɵelementStart(0, "div", 117);
20980
- i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 118);
20968
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Template(rf, ctx) { if (rf & 1) {
20969
+ i0.ɵɵelementStart(0, "div", 116);
20970
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 117);
20981
20971
  i0.ɵɵelementEnd();
20982
- i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Template, 3, 1);
20972
+ i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Template, 3, 1);
20983
20973
  } if (rf & 2) {
20984
20974
  const funnelGroup_r22 = ctx.$implicit;
20985
- const ɵ$index_379_r21 = ctx.$index;
20975
+ const ɵ$index_378_r21 = ctx.$index;
20986
20976
  const ctx_r1 = i0.ɵɵnextContext(2);
20987
- i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_379_r21 * 0.15 + "s");
20988
- i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_379_r21);
20977
+ i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_378_r21 * 0.15 + "s");
20978
+ i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_378_r21);
20989
20979
  i0.ɵɵadvance();
20990
20980
  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());
20991
20981
  i0.ɵɵadvance();
20992
20982
  i0.ɵɵconditional(funnelGroup_r22.relatedMetrics.length > 0 ? 2 : -1);
20993
20983
  } }
20994
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Template(rf, ctx) { if (rf & 1) {
20995
- i0.ɵɵelementStart(0, "div", 111);
20984
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_31_Template(rf, ctx) { if (rf & 1) {
20985
+ i0.ɵɵelementStart(0, "div", 110);
20996
20986
  i0.ɵɵnamespaceSVG();
20997
- i0.ɵɵelementStart(1, "svg", 128);
20998
- i0.ɵɵelement(2, "path", 101);
20987
+ i0.ɵɵelementStart(1, "svg", 127);
20988
+ i0.ɵɵelement(2, "path", 100);
20999
20989
  i0.ɵɵelementEnd();
21000
20990
  i0.ɵɵnamespaceHTML();
21001
- i0.ɵɵelementStart(3, "h3", 129);
20991
+ i0.ɵɵelementStart(3, "h3", 128);
21002
20992
  i0.ɵɵtext(4, "No Metrics Found");
21003
20993
  i0.ɵɵelementEnd();
21004
- i0.ɵɵelementStart(5, "p", 130);
20994
+ i0.ɵɵelementStart(5, "p", 129);
21005
20995
  i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
21006
20996
  i0.ɵɵelementEnd()();
21007
20997
  } if (rf & 2) {
@@ -21014,42 +21004,42 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Temp
21014
21004
  i0.ɵɵadvance(2);
21015
21005
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
21016
21006
  } }
21017
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
21007
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
21018
21008
  const _r15 = i0.ɵɵgetCurrentView();
21019
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 96);
21020
- i0.ɵɵelementStart(1, "section", 97);
21021
- i0.ɵɵelement(2, "div", 98);
21022
- i0.ɵɵelementStart(3, "div", 72)(4, "div", 99)(5, "div", 100)(6, "div", 37)(7, "div", 74)(8, "div", 37);
21009
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 95);
21010
+ i0.ɵɵelementStart(1, "section", 96);
21011
+ i0.ɵɵelement(2, "div", 97);
21012
+ i0.ɵɵelementStart(3, "div", 71)(4, "div", 98)(5, "div", 99)(6, "div", 37)(7, "div", 73)(8, "div", 37);
21023
21013
  i0.ɵɵnamespaceSVG();
21024
- i0.ɵɵelementStart(9, "svg", 75);
21025
- i0.ɵɵelement(10, "path", 101);
21014
+ i0.ɵɵelementStart(9, "svg", 74);
21015
+ i0.ɵɵelement(10, "path", 100);
21026
21016
  i0.ɵɵelementEnd();
21027
21017
  i0.ɵɵnamespaceHTML();
21028
- i0.ɵɵelementStart(11, "h2", 77);
21018
+ i0.ɵɵelementStart(11, "h2", 76);
21029
21019
  i0.ɵɵtext(12, "Performance Metrics");
21030
21020
  i0.ɵɵelementEnd()()()();
21031
- i0.ɵɵelementStart(13, "div", 102);
21032
- i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 2, 0, "div", 103);
21033
- i0.ɵɵelementStart(15, "select", 104);
21034
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCategoryFilter($event)); });
21035
- i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Template, 2, 1, null, null, _forTrack0$1);
21036
- i0.ɵɵelementEnd();
21037
- i0.ɵɵelementStart(18, "button", 105);
21038
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSortOrder()); });
21021
+ i0.ɵɵelementStart(13, "div", 101);
21022
+ i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template, 2, 0, "div", 102);
21023
+ i0.ɵɵelementStart(15, "select", 103);
21024
+ 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)); });
21025
+ i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template, 2, 1, null, null, _forTrack0$1);
21026
+ i0.ɵɵelementEnd();
21027
+ i0.ɵɵelementStart(18, "button", 104);
21028
+ 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()); });
21039
21029
  i0.ɵɵnamespaceSVG();
21040
21030
  i0.ɵɵelementStart(19, "svg", 19);
21041
- i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_20_Template, 1, 0, ":svg:path", 106);
21042
- i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_21_Template, 1, 0, ":svg:path", 107);
21031
+ i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template, 1, 0, ":svg:path", 105);
21032
+ i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template, 1, 0, ":svg:path", 106);
21043
21033
  i0.ɵɵelementEnd();
21044
21034
  i0.ɵɵnamespaceHTML();
21045
21035
  i0.ɵɵelementStart(22, "span");
21046
21036
  i0.ɵɵtext(23, "Sort");
21047
21037
  i0.ɵɵelementEnd()()()();
21048
- i0.ɵɵelementStart(24, "div", 108)(25, "div", 109);
21049
- i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Template, 1, 1, null, null, _forTrack0$1);
21038
+ i0.ɵɵelementStart(24, "div", 107)(25, "div", 108);
21039
+ i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template, 1, 1, null, null, _forTrack0$1);
21050
21040
  i0.ɵɵelementEnd()()();
21051
- i0.ɵɵelementStart(28, "div", 110);
21052
- i0.ɵɵrepeaterCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Template, 7, 4, "div", 111);
21041
+ i0.ɵɵelementStart(28, "div", 109);
21042
+ 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);
21053
21043
  i0.ɵɵelementEnd()()();
21054
21044
  } if (rf & 2) {
21055
21045
  const ctx_r1 = i0.ɵɵnextContext();
@@ -21084,14 +21074,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx
21084
21074
  i0.ɵɵadvance();
21085
21075
  i0.ɵɵrepeater(ctx_r1.groupedMetrics());
21086
21076
  } }
21087
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21088
- i0.ɵɵelementStart(0, "div", 131)(1, "div", 80);
21089
- i0.ɵɵelement(2, "div", 81);
21077
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21078
+ i0.ɵɵelementStart(0, "div", 130)(1, "div", 79);
21079
+ i0.ɵɵelement(2, "div", 80);
21090
21080
  i0.ɵɵelementEnd();
21091
- i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
21081
+ i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
21092
21082
  i0.ɵɵnamespaceSVG();
21093
- i0.ɵɵelementStart(5, "svg", 84);
21094
- i0.ɵɵelement(6, "path", 101);
21083
+ i0.ɵɵelementStart(5, "svg", 83);
21084
+ i0.ɵɵelement(6, "path", 100);
21095
21085
  i0.ɵɵelementEnd()()()();
21096
21086
  } if (rf & 2) {
21097
21087
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -21102,13 +21092,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Te
21102
21092
  i0.ɵɵadvance();
21103
21093
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-purple-500" : "text-purple-400");
21104
21094
  } }
21105
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_12_Template(rf, ctx) { if (rf & 1) {
21106
- i0.ɵɵelementStart(0, "div", 103);
21107
- i0.ɵɵelement(1, "div", 139);
21095
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template(rf, ctx) { if (rf & 1) {
21096
+ i0.ɵɵelementStart(0, "div", 102);
21097
+ i0.ɵɵelement(1, "div", 138);
21108
21098
  i0.ɵɵelementEnd();
21109
21099
  } }
21110
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21111
- i0.ɵɵelementStart(0, "option", 114);
21100
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21101
+ i0.ɵɵelementStart(0, "option", 113);
21112
21102
  i0.ɵɵtext(1);
21113
21103
  i0.ɵɵelementEnd();
21114
21104
  } if (rf & 2) {
@@ -21117,7 +21107,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Condition
21117
21107
  i0.ɵɵadvance();
21118
21108
  i0.ɵɵtextInterpolate(filter_r26.label);
21119
21109
  } }
21120
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
21110
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
21121
21111
  i0.ɵɵelementStart(0, "option", 27);
21122
21112
  i0.ɵɵtext(1);
21123
21113
  i0.ɵɵelementEnd();
@@ -21127,15 +21117,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Condition
21127
21117
  i0.ɵɵadvance();
21128
21118
  i0.ɵɵtextInterpolate(filter_r26.label);
21129
21119
  } }
21130
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Template(rf, ctx) { if (rf & 1) {
21131
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_0_Template, 2, 2, "option", 114)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_1_Template, 2, 2, "option", 27);
21120
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template(rf, ctx) { if (rf & 1) {
21121
+ 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);
21132
21122
  } if (rf & 2) {
21133
21123
  const filter_r26 = ctx.$implicit;
21134
21124
  i0.ɵɵconditional(filter_r26.divider ? 0 : 1);
21135
21125
  } }
21136
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template(rf, ctx) { if (rf & 1) {
21137
- i0.ɵɵelementStart(0, "div", 87);
21138
- i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 140);
21126
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_18_Template(rf, ctx) { if (rf & 1) {
21127
+ i0.ɵɵelementStart(0, "div", 86);
21128
+ i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 139);
21139
21129
  i0.ɵɵelementEnd();
21140
21130
  } if (rf & 2) {
21141
21131
  const breakdown_r27 = ctx.$implicit;
@@ -21146,17 +21136,17 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template(
21146
21136
  i0.ɵɵadvance();
21147
21137
  i0.ɵɵproperty("breakdown", breakdown_r27)("charts", ctx_r1.chartsForBreakdown(breakdown_r27))("isLightMode", ctx_r1.isLightMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
21148
21138
  } }
21149
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Template(rf, ctx) { if (rf & 1) {
21150
- i0.ɵɵelementStart(0, "div", 111);
21139
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_ForEmpty_19_Template(rf, ctx) { if (rf & 1) {
21140
+ i0.ɵɵelementStart(0, "div", 110);
21151
21141
  i0.ɵɵnamespaceSVG();
21152
- i0.ɵɵelementStart(1, "svg", 128);
21153
- i0.ɵɵelement(2, "path", 141);
21142
+ i0.ɵɵelementStart(1, "svg", 127);
21143
+ i0.ɵɵelement(2, "path", 140);
21154
21144
  i0.ɵɵelementEnd();
21155
21145
  i0.ɵɵnamespaceHTML();
21156
- i0.ɵɵelementStart(3, "h3", 129);
21146
+ i0.ɵɵelementStart(3, "h3", 128);
21157
21147
  i0.ɵɵtext(4, "No Breakdowns Found");
21158
21148
  i0.ɵɵelementEnd();
21159
- i0.ɵɵelementStart(5, "p", 130);
21149
+ i0.ɵɵelementStart(5, "p", 129);
21160
21150
  i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
21161
21151
  i0.ɵɵelementEnd()();
21162
21152
  } if (rf & 2) {
@@ -21169,29 +21159,29 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Temp
21169
21159
  i0.ɵɵadvance(2);
21170
21160
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
21171
21161
  } }
21172
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
21162
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
21173
21163
  const _r25 = i0.ɵɵgetCurrentView();
21174
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 131);
21175
- i0.ɵɵelementStart(1, "section", 132);
21176
- i0.ɵɵelement(2, "div", 133);
21177
- i0.ɵɵelementStart(3, "div", 72)(4, "div", 134)(5, "div", 74)(6, "div", 37);
21164
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 130);
21165
+ i0.ɵɵelementStart(1, "section", 131);
21166
+ i0.ɵɵelement(2, "div", 132);
21167
+ i0.ɵɵelementStart(3, "div", 71)(4, "div", 133)(5, "div", 73)(6, "div", 37);
21178
21168
  i0.ɵɵnamespaceSVG();
21179
- i0.ɵɵelementStart(7, "svg", 75);
21180
- i0.ɵɵelement(8, "path", 135);
21169
+ i0.ɵɵelementStart(7, "svg", 74);
21170
+ i0.ɵɵelement(8, "path", 134);
21181
21171
  i0.ɵɵelementEnd();
21182
21172
  i0.ɵɵnamespaceHTML();
21183
- i0.ɵɵelementStart(9, "h2", 77);
21173
+ i0.ɵɵelementStart(9, "h2", 76);
21184
21174
  i0.ɵɵtext(10, "Performance Breakdowns");
21185
21175
  i0.ɵɵelementEnd()()();
21186
- i0.ɵɵelementStart(11, "div", 136);
21187
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); });
21188
- i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_12_Template, 2, 0, "div", 103);
21189
- i0.ɵɵelementStart(13, "select", 137);
21190
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeBreakdownFilter($event)); });
21191
- i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Template, 2, 1, null, null, _forTrack0$1);
21176
+ i0.ɵɵelementStart(11, "div", 135);
21177
+ 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()); });
21178
+ i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template, 2, 0, "div", 102);
21179
+ i0.ɵɵelementStart(13, "select", 136);
21180
+ 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)); });
21181
+ i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template, 2, 1, null, null, _forTrack0$1);
21192
21182
  i0.ɵɵelementEnd()()();
21193
- i0.ɵɵelementStart(16, "div", 138);
21194
- i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template, 2, 8, "div", 89, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Template, 7, 4, "div", 111);
21183
+ i0.ɵɵelementStart(16, "div", 137);
21184
+ 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);
21195
21185
  i0.ɵɵelementEnd()()();
21196
21186
  } if (rf & 2) {
21197
21187
  const ctx_r1 = i0.ɵɵnextContext();
@@ -21216,14 +21206,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx
21216
21206
  i0.ɵɵadvance();
21217
21207
  i0.ɵɵrepeater(ctx_r1.breakdowns());
21218
21208
  } }
21219
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21220
- i0.ɵɵelementStart(0, "div", 142)(1, "div", 80);
21221
- i0.ɵɵelement(2, "div", 81);
21209
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21210
+ i0.ɵɵelementStart(0, "div", 141)(1, "div", 79);
21211
+ i0.ɵɵelement(2, "div", 80);
21222
21212
  i0.ɵɵelementEnd();
21223
- i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
21213
+ i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
21224
21214
  i0.ɵɵnamespaceSVG();
21225
- i0.ɵɵelementStart(5, "svg", 84);
21226
- i0.ɵɵelement(6, "path", 145);
21215
+ i0.ɵɵelementStart(5, "svg", 83);
21216
+ i0.ɵɵelement(6, "path", 144);
21227
21217
  i0.ɵɵelementEnd()()()();
21228
21218
  } if (rf & 2) {
21229
21219
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -21234,13 +21224,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Te
21234
21224
  i0.ɵɵadvance();
21235
21225
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-indigo-500" : "text-indigo-400");
21236
21226
  } }
21237
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_13_Template(rf, ctx) { if (rf & 1) {
21238
- i0.ɵɵelementStart(0, "div", 103);
21239
- i0.ɵɵelement(1, "div", 148);
21227
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template(rf, ctx) { if (rf & 1) {
21228
+ i0.ɵɵelementStart(0, "div", 102);
21229
+ i0.ɵɵelement(1, "div", 147);
21240
21230
  i0.ɵɵelementEnd();
21241
21231
  } }
21242
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21243
- i0.ɵɵelementStart(0, "option", 114);
21232
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
21233
+ i0.ɵɵelementStart(0, "option", 113);
21244
21234
  i0.ɵɵtext(1);
21245
21235
  i0.ɵɵelementEnd();
21246
21236
  } if (rf & 2) {
@@ -21249,7 +21239,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Condition
21249
21239
  i0.ɵɵadvance();
21250
21240
  i0.ɵɵtextInterpolate(filter_r30.label);
21251
21241
  } }
21252
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
21242
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
21253
21243
  i0.ɵɵelementStart(0, "option", 27);
21254
21244
  i0.ɵɵtext(1);
21255
21245
  i0.ɵɵelementEnd();
@@ -21259,33 +21249,33 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Condition
21259
21249
  i0.ɵɵadvance();
21260
21250
  i0.ɵɵtextInterpolate(filter_r30.label);
21261
21251
  } }
21262
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Template(rf, ctx) { if (rf & 1) {
21263
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_0_Template, 2, 2, "option", 114)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_1_Template, 2, 2, "option", 27);
21252
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template(rf, ctx) { if (rf & 1) {
21253
+ 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);
21264
21254
  } if (rf & 2) {
21265
21255
  const filter_r30 = ctx.$implicit;
21266
21256
  i0.ɵɵconditional(filter_r30.divider ? 0 : 1);
21267
21257
  } }
21268
- function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
21258
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx) { if (rf & 1) {
21269
21259
  const _r29 = i0.ɵɵgetCurrentView();
21270
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 142);
21271
- i0.ɵɵelementStart(1, "section", 143);
21272
- i0.ɵɵelement(2, "div", 71);
21273
- i0.ɵɵelementStart(3, "div", 72)(4, "div", 144)(5, "div", 37)(6, "div", 74)(7, "div", 37);
21260
+ i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template, 7, 3, "div", 141);
21261
+ i0.ɵɵelementStart(1, "section", 142);
21262
+ i0.ɵɵelement(2, "div", 70);
21263
+ i0.ɵɵelementStart(3, "div", 71)(4, "div", 143)(5, "div", 37)(6, "div", 73)(7, "div", 37);
21274
21264
  i0.ɵɵnamespaceSVG();
21275
- i0.ɵɵelementStart(8, "svg", 75);
21276
- i0.ɵɵelement(9, "path", 145);
21265
+ i0.ɵɵelementStart(8, "svg", 74);
21266
+ i0.ɵɵelement(9, "path", 144);
21277
21267
  i0.ɵɵelementEnd();
21278
21268
  i0.ɵɵnamespaceHTML();
21279
- i0.ɵɵelementStart(10, "h2", 77);
21269
+ i0.ɵɵelementStart(10, "h2", 76);
21280
21270
  i0.ɵɵtext(11, "Competitive Intelligence");
21281
21271
  i0.ɵɵelementEnd()()()();
21282
- i0.ɵɵelementStart(12, "div", 146);
21283
- i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_13_Template, 2, 0, "div", 103);
21284
- i0.ɵɵelementStart(14, "select", 104);
21285
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCompetitiveFilter($event)); });
21286
- i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Template, 2, 1, null, null, _forTrack0$1);
21272
+ i0.ɵɵelementStart(12, "div", 145);
21273
+ i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template, 2, 0, "div", 102);
21274
+ i0.ɵɵelementStart(14, "select", 103);
21275
+ 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)); });
21276
+ i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template, 2, 1, null, null, _forTrack0$1);
21287
21277
  i0.ɵɵelementEnd()()();
21288
- i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 147);
21278
+ i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 146);
21289
21279
  i0.ɵɵelementEnd()();
21290
21280
  } if (rf & 2) {
21291
21281
  const ctx_r1 = i0.ɵɵnextContext();
@@ -21661,8 +21651,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
21661
21651
  }
21662
21652
  // Set up container scroll listener when in embedded mode
21663
21653
  if (this.embedded() && this.dashboardContainer) {
21664
- const container = (this.dashboardContainer.nativeElement.closest('[style*="overflow"]')
21665
- || this.dashboardContainer.nativeElement.parentElement);
21654
+ const container = this.dashboardContainer.nativeElement;
21666
21655
  if (container) {
21667
21656
  container.addEventListener('scroll', () => this.onContainerScroll(container), { passive: true });
21668
21657
  }
@@ -22078,105 +22067,107 @@ class SymphiqFunnelAnalysisDashboardComponent {
22078
22067
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
22079
22068
  } }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
22080
22069
  i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
22081
- } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"] }, decls: 85, vars: 90, 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, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [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"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], ["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) {
22070
+ } }, 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) {
22082
22071
  const _r1 = i0.ɵɵgetCurrentView();
22083
22072
  i0.ɵɵelementStart(0, "div", 1, 0);
22084
22073
  i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template, 1, 2, "div", 2);
22085
22074
  i0.ɵɵelementStart(3, "div");
22086
22075
  i0.ɵɵelement(4, "div", 3)(5, "div", 4)(6, "div", 5)(7, "div", 6)(8, "div", 7);
22087
22076
  i0.ɵɵelementEnd();
22088
- i0.ɵɵconditionalCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_9_Template, 2, 3, "div", 8);
22089
- i0.ɵɵelementStart(10, "header", 9)(11, "div", 10)(12, "div", 11)(13, "div", 12)(14, "div", 13)(15, "h1", 14);
22090
- i0.ɵɵtext(16);
22077
+ i0.ɵɵelementStart(9, "div");
22078
+ i0.ɵɵelement(10, "div", 8);
22091
22079
  i0.ɵɵelementEnd();
22092
- i0.ɵɵelementStart(17, "div", 15)(18, "p", 16);
22093
- i0.ɵɵtext(19, "Revenue Orchestration & Funnel Analysis");
22080
+ i0.ɵɵelementStart(11, "header", 9)(12, "div", 10)(13, "div", 11)(14, "div", 12)(15, "div", 13)(16, "h1", 14);
22081
+ i0.ɵɵtext(17);
22094
22082
  i0.ɵɵelementEnd();
22095
- i0.ɵɵelementStart(20, "div", 17)(21, "button", 18);
22096
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_21_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
22083
+ i0.ɵɵelementStart(18, "div", 15)(19, "p", 16);
22084
+ i0.ɵɵtext(20, "Revenue Orchestration & Funnel Analysis");
22085
+ i0.ɵɵelementEnd();
22086
+ i0.ɵɵelementStart(21, "div", 17)(22, "button", 18);
22087
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_22_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
22097
22088
  i0.ɵɵnamespaceSVG();
22098
- i0.ɵɵelementStart(22, "svg", 19);
22099
- i0.ɵɵelement(23, "path", 20);
22089
+ i0.ɵɵelementStart(23, "svg", 19);
22090
+ i0.ɵɵelement(24, "path", 20);
22100
22091
  i0.ɵɵelementEnd();
22101
22092
  i0.ɵɵnamespaceHTML();
22102
- i0.ɵɵelementStart(24, "span");
22103
- i0.ɵɵtext(25, "Search");
22093
+ i0.ɵɵelementStart(25, "span");
22094
+ i0.ɵɵtext(26, "Search");
22104
22095
  i0.ɵɵelementEnd()();
22105
- i0.ɵɵelementStart(26, "div", 21)(27, "button", 22);
22106
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_27_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
22107
- i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template, 4, 0)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template, 4, 0);
22096
+ i0.ɵɵelementStart(27, "div", 21)(28, "button", 22);
22097
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_28_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
22098
+ i0.ɵɵconditionalCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template, 4, 0)(30, SymphiqFunnelAnalysisDashboardComponent_Conditional_30_Template, 4, 0);
22108
22099
  i0.ɵɵelementEnd()();
22109
- i0.ɵɵelementStart(30, "div", 23)(31, "label", 24);
22110
- i0.ɵɵtext(32, "View:");
22100
+ i0.ɵɵelementStart(31, "div", 23)(32, "label", 24);
22101
+ i0.ɵɵtext(33, "View:");
22111
22102
  i0.ɵɵelementEnd();
22112
- i0.ɵɵelementStart(33, "div", 25);
22113
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_33_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_33_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_33_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
22114
- i0.ɵɵelementStart(34, "select", 26);
22115
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
22116
- i0.ɵɵrepeaterCreate(35, SymphiqFunnelAnalysisDashboardComponent_For_36_Template, 2, 2, "option", 27, _forTrack0$1);
22103
+ i0.ɵɵelementStart(34, "div", 25);
22104
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
22105
+ i0.ɵɵelementStart(35, "select", 26);
22106
+ i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_35_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
22107
+ i0.ɵɵrepeaterCreate(36, SymphiqFunnelAnalysisDashboardComponent_For_37_Template, 2, 2, "option", 27, _forTrack0$1);
22117
22108
  i0.ɵɵelementEnd()()()()()();
22118
- i0.ɵɵelementStart(37, "div", 28)(38, "div", 29)(39, "div", 30);
22119
- i0.ɵɵtext(40, "Generated At");
22109
+ i0.ɵɵelementStart(38, "div", 28)(39, "div", 29)(40, "div", 30);
22110
+ i0.ɵɵtext(41, "Generated At");
22120
22111
  i0.ɵɵelementEnd();
22121
- i0.ɵɵelementStart(41, "div", 31);
22122
- i0.ɵɵtext(42);
22112
+ i0.ɵɵelementStart(42, "div", 31);
22113
+ i0.ɵɵtext(43);
22123
22114
  i0.ɵɵelementEnd()();
22124
- i0.ɵɵelementStart(43, "div", 29)(44, "div", 30);
22125
- i0.ɵɵtext(45, "Requested by");
22115
+ i0.ɵɵelementStart(44, "div", 29)(45, "div", 30);
22116
+ i0.ɵɵtext(46, "Requested by");
22126
22117
  i0.ɵɵelementEnd();
22127
- i0.ɵɵelementStart(46, "div", 31);
22128
- i0.ɵɵtext(47);
22118
+ i0.ɵɵelementStart(47, "div", 31);
22119
+ i0.ɵɵtext(48);
22129
22120
  i0.ɵɵelementEnd()()()()()();
22130
- i0.ɵɵelementStart(48, "div", 10)(49, "div", 32)(50, "div", 33)(51, "div", 34)(52, "h1", 35);
22131
- i0.ɵɵtext(53);
22121
+ i0.ɵɵelementStart(49, "div", 10)(50, "div", 32)(51, "div", 33)(52, "div", 34)(53, "h1", 35);
22122
+ i0.ɵɵtext(54);
22132
22123
  i0.ɵɵelementEnd();
22133
- i0.ɵɵconditionalCreate(54, SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template, 7, 9, "div", 36);
22124
+ i0.ɵɵconditionalCreate(55, SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template, 7, 9, "div", 36);
22134
22125
  i0.ɵɵelementEnd();
22135
- i0.ɵɵelementStart(55, "div", 37)(56, "button", 38);
22136
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_56_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
22126
+ i0.ɵɵelementStart(56, "div", 37)(57, "button", 38);
22127
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_57_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
22137
22128
  i0.ɵɵnamespaceSVG();
22138
- i0.ɵɵelementStart(57, "svg", 39);
22139
- i0.ɵɵelement(58, "path", 20);
22129
+ i0.ɵɵelementStart(58, "svg", 39);
22130
+ i0.ɵɵelement(59, "path", 20);
22140
22131
  i0.ɵɵelementEnd()();
22141
22132
  i0.ɵɵnamespaceHTML();
22142
- i0.ɵɵelementStart(59, "button", 40);
22143
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_59_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
22144
- i0.ɵɵconditionalCreate(60, SymphiqFunnelAnalysisDashboardComponent_Conditional_60_Template, 2, 0, ":svg:svg", 39)(61, SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template, 2, 0, ":svg:svg", 39);
22133
+ i0.ɵɵelementStart(60, "button", 40);
22134
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_60_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
22135
+ i0.ɵɵconditionalCreate(61, SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template, 2, 0, ":svg:svg", 39)(62, SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template, 2, 0, ":svg:svg", 39);
22145
22136
  i0.ɵɵelementEnd();
22146
- i0.ɵɵelementStart(62, "div", 25);
22147
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_62_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_62_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_62_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
22148
- i0.ɵɵelementStart(63, "select", 41);
22149
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
22150
- i0.ɵɵrepeaterCreate(64, SymphiqFunnelAnalysisDashboardComponent_For_65_Template, 2, 2, "option", 27, _forTrack0$1);
22137
+ i0.ɵɵelementStart(63, "div", 25);
22138
+ i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
22139
+ i0.ɵɵelementStart(64, "select", 41);
22140
+ i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_64_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
22141
+ i0.ɵɵrepeaterCreate(65, SymphiqFunnelAnalysisDashboardComponent_For_66_Template, 2, 2, "option", 27, _forTrack0$1);
22151
22142
  i0.ɵɵelementEnd()()()()()()();
22152
- i0.ɵɵconditionalCreate(66, SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template, 16, 8, "div", 42);
22153
- i0.ɵɵelementStart(67, "div", 43);
22154
- i0.ɵɵconditionalCreate(68, SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template, 1, 2, "button", 44);
22143
+ i0.ɵɵconditionalCreate(67, SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template, 16, 8, "div", 42);
22144
+ i0.ɵɵelementStart(68, "div", 43);
22155
22145
  i0.ɵɵconditionalCreate(69, SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template, 1, 2, "button", 44);
22156
22146
  i0.ɵɵconditionalCreate(70, SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template, 1, 2, "button", 44);
22157
22147
  i0.ɵɵconditionalCreate(71, SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template, 1, 2, "button", 44);
22158
22148
  i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 1, 2, "button", 44);
22149
+ i0.ɵɵconditionalCreate(73, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template, 1, 2, "button", 44);
22159
22150
  i0.ɵɵelementEnd();
22160
- i0.ɵɵelementStart(73, "main", 45)(74, "div", 46);
22161
- i0.ɵɵconditionalCreate(75, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template, 2, 9, "div", 47);
22162
- i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 17, 10);
22163
- i0.ɵɵconditionalCreate(77, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template, 32, 22);
22164
- i0.ɵɵconditionalCreate(78, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template, 20, 16);
22165
- i0.ɵɵconditionalCreate(79, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template, 18, 16);
22151
+ i0.ɵɵelementStart(74, "main", 45)(75, "div", 46);
22152
+ i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 2, 9, "div", 47);
22153
+ i0.ɵɵconditionalCreate(77, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template, 17, 10);
22154
+ i0.ɵɵconditionalCreate(78, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template, 32, 22);
22155
+ i0.ɵɵconditionalCreate(79, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template, 20, 16);
22156
+ i0.ɵɵconditionalCreate(80, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template, 18, 16);
22166
22157
  i0.ɵɵelementEnd()();
22167
- i0.ɵɵelement(80, "symphiq-funnel-analysis-modal", 48)(81, "symphiq-tooltip-container");
22168
- i0.ɵɵelementStart(82, "symphiq-search-bar", 49);
22169
- i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_82_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
22158
+ i0.ɵɵelement(81, "symphiq-funnel-analysis-modal", 48)(82, "symphiq-tooltip-container");
22159
+ i0.ɵɵelementStart(83, "symphiq-search-bar", 49);
22160
+ i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_83_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
22170
22161
  i0.ɵɵelementEnd();
22171
- i0.ɵɵelementStart(83, "symphiq-mobile-fab", 50);
22172
- i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_83_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_83_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_83_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
22162
+ i0.ɵɵelementStart(84, "symphiq-mobile-fab", 50);
22163
+ i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_84_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_84_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_84_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
22173
22164
  i0.ɵɵelementEnd();
22174
- i0.ɵɵelementStart(84, "symphiq-mobile-bottom-nav", 51);
22175
- i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_84_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
22165
+ i0.ɵɵelementStart(85, "symphiq-mobile-bottom-nav", 51);
22166
+ i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_85_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
22176
22167
  i0.ɵɵelementEnd()();
22177
22168
  } if (rf & 2) {
22178
- let tmp_30_0;
22179
- i0.ɵɵclassProp("relative", !ctx.embedded());
22169
+ let tmp_34_0;
22170
+ i0.ɵɵclassProp("relative", !ctx.embedded())("h-full", ctx.embedded())("overflow-y-auto", ctx.embedded());
22180
22171
  i0.ɵɵadvance(2);
22181
22172
  i0.ɵɵconditional(!ctx.embedded() ? 2 : -1);
22182
22173
  i0.ɵɵadvance();
@@ -22190,7 +22181,10 @@ class SymphiqFunnelAnalysisDashboardComponent {
22190
22181
  i0.ɵɵadvance();
22191
22182
  i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-radial from-purple-400/10 via-transparent to-transparent" : "bg-gradient-radial from-purple-500/5 via-transparent to-transparent");
22192
22183
  i0.ɵɵadvance();
22193
- i0.ɵɵconditional(!ctx.embedded() ? 9 : -1);
22184
+ i0.ɵɵclassMap(ctx.embedded() ? "sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30" : "fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30");
22185
+ i0.ɵɵadvance();
22186
+ i0.ɵɵstyleProp("width", ctx.scrollProgress(), "%");
22187
+ i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
22194
22188
  i0.ɵɵadvance();
22195
22189
  i0.ɵɵclassMap(ctx.headerClass());
22196
22190
  i0.ɵɵadvance();
@@ -22206,7 +22200,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
22206
22200
  i0.ɵɵadvance(6);
22207
22201
  i0.ɵɵclassMap(ctx.buttonClass());
22208
22202
  i0.ɵɵadvance();
22209
- i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 28 : 29);
22203
+ i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 29 : 30);
22210
22204
  i0.ɵɵadvance(3);
22211
22205
  i0.ɵɵclassMap(ctx.metaLabelClass());
22212
22206
  i0.ɵɵadvance(3);
@@ -22225,7 +22219,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
22225
22219
  i0.ɵɵadvance(2);
22226
22220
  i0.ɵɵclassMap(ctx.headerTitleClass());
22227
22221
  i0.ɵɵadvance();
22228
- i0.ɵɵtextInterpolate2("", (tmp_30_0 = ctx.requestedByUser()) == null ? null : tmp_30_0.firstName, " ", (tmp_30_0 = ctx.requestedByUser()) == null ? null : tmp_30_0.lastName);
22222
+ i0.ɵɵtextInterpolate2("", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.firstName, " ", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.lastName);
22229
22223
  i0.ɵɵadvance();
22230
22224
  i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
22231
22225
  i0.ɵɵadvance();
@@ -22233,41 +22227,41 @@ class SymphiqFunnelAnalysisDashboardComponent {
22233
22227
  i0.ɵɵadvance(4);
22234
22228
  i0.ɵɵtextInterpolate(ctx.funnelAnalysis().title);
22235
22229
  i0.ɵɵadvance();
22236
- i0.ɵɵconditional(ctx.revenueMetric() ? 54 : -1);
22230
+ i0.ɵɵconditional(ctx.revenueMetric() ? 55 : -1);
22237
22231
  i0.ɵɵadvance(2);
22238
22232
  i0.ɵɵclassMap(ctx.buttonClass());
22239
22233
  i0.ɵɵadvance(3);
22240
22234
  i0.ɵɵclassMap(ctx.buttonClass());
22241
22235
  i0.ɵɵproperty("title", ctx.viewModeService.isCompact() ? "Compact View (Click to Expand)" : "Expanded View (Click to Compact)");
22242
22236
  i0.ɵɵadvance();
22243
- i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 60 : 61);
22237
+ i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 61 : 62);
22244
22238
  i0.ɵɵadvance(3);
22245
22239
  i0.ɵɵclassMap(ctx.selectClass());
22246
22240
  i0.ɵɵproperty("ngModel", ctx.selectedSectionFilter());
22247
22241
  i0.ɵɵadvance();
22248
22242
  i0.ɵɵrepeater(ctx.sectionFilters);
22249
22243
  i0.ɵɵadvance(2);
22250
- i0.ɵɵconditional(ctx.searchService.activeSearchResult() ? 66 : -1);
22244
+ i0.ɵɵconditional(ctx.searchService.activeSearchResult() ? 67 : -1);
22251
22245
  i0.ɵɵadvance(2);
22252
- i0.ɵɵconditional(ctx.showOverallPerformance() ? 68 : -1);
22246
+ i0.ɵɵconditional(ctx.showOverallPerformance() ? 69 : -1);
22253
22247
  i0.ɵɵadvance();
22254
- i0.ɵɵconditional(ctx.showKeyInsights() ? 69 : -1);
22248
+ i0.ɵɵconditional(ctx.showKeyInsights() ? 70 : -1);
22255
22249
  i0.ɵɵadvance();
22256
- i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 70 : -1);
22250
+ i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 71 : -1);
22257
22251
  i0.ɵɵadvance();
22258
- i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 71 : -1);
22252
+ i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 72 : -1);
22259
22253
  i0.ɵɵadvance();
22260
- i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 72 : -1);
22254
+ i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 73 : -1);
22261
22255
  i0.ɵɵadvance(3);
22262
- i0.ɵɵconditional(ctx.showOverallPerformance() ? 75 : -1);
22256
+ i0.ɵɵconditional(ctx.showOverallPerformance() ? 76 : -1);
22263
22257
  i0.ɵɵadvance();
22264
- i0.ɵɵconditional(ctx.showKeyInsights() ? 76 : -1);
22258
+ i0.ɵɵconditional(ctx.showKeyInsights() ? 77 : -1);
22265
22259
  i0.ɵɵadvance();
22266
- i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 77 : -1);
22260
+ i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 78 : -1);
22267
22261
  i0.ɵɵadvance();
22268
- i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 78 : -1);
22262
+ i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 79 : -1);
22269
22263
  i0.ɵɵadvance();
22270
- i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 79 : -1);
22264
+ i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 80 : -1);
22271
22265
  i0.ɵɵadvance();
22272
22266
  i0.ɵɵproperty("isLightMode", ctx.isLightMode());
22273
22267
  i0.ɵɵadvance(2);
@@ -22307,7 +22301,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
22307
22301
  CompetitiveIntelligenceViewComponent,
22308
22302
  SkeletonLoaderComponent,
22309
22303
  ], template: `
22310
- <div class="min-h-screen bg-transparent" [class.relative]="!embedded()" #dashboardContainer>
22304
+ <div
22305
+ class="min-h-screen bg-transparent"
22306
+ [class.relative]="!embedded()"
22307
+ [class.h-full]="embedded()"
22308
+ [class.overflow-y-auto]="embedded()"
22309
+ #dashboardContainer>
22311
22310
  <!-- Animated Background Bubbles -->
22312
22311
  @if (!embedded()) {
22313
22312
  <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>
@@ -22350,15 +22349,13 @@ class SymphiqFunnelAnalysisDashboardComponent {
22350
22349
  </div>
22351
22350
 
22352
22351
  <!-- Scroll Progress Bar -->
22353
- @if (!embedded()) {
22354
- <div class="fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30">
22355
- <div
22356
- [style.width.%]="scrollProgress()"
22357
- [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
22358
- class="h-full transition-all duration-200 ease-out">
22359
- </div>
22352
+ <div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
22353
+ <div
22354
+ [style.width.%]="scrollProgress()"
22355
+ [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
22356
+ class="h-full transition-all duration-200 ease-out">
22360
22357
  </div>
22361
- }
22358
+ </div>
22362
22359
 
22363
22360
  <header [class]="headerClass()" class="sticky top-0 z-50 animate-fade-in" style="animation-delay: 0s;">
22364
22361
  <!-- Expanded Header (default state) -->
@@ -23071,7 +23068,275 @@ class SymphiqFunnelAnalysisDashboardComponent {
23071
23068
  type: HostListener,
23072
23069
  args: ['window:scroll', ['$event']]
23073
23070
  }] }); })();
23074
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 908 }); })();
23071
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 911 }); })();
23072
+
23073
+ /**
23074
+ * Shared Theme Color Utilities
23075
+ *
23076
+ * Provides reusable color computation functions for consistent theming
23077
+ * across dashboard and preview components. Supports light and dark modes.
23078
+ */
23079
+ /**
23080
+ * Determine if the current view mode is light
23081
+ */
23082
+ function isLightMode(viewMode) {
23083
+ return viewMode === ViewModeEnum.LIGHT;
23084
+ }
23085
+ /**
23086
+ * Get container background and border classes
23087
+ */
23088
+ function getContainerClasses(viewMode) {
23089
+ return isLightMode(viewMode)
23090
+ ? 'bg-gradient-to-br from-white/95 to-slate-50/95 border-slate-200/70 hover:border-blue-300'
23091
+ : 'bg-gradient-to-br from-slate-800/95 to-slate-900/95 border-slate-700/50 hover:border-slate-600';
23092
+ }
23093
+ /**
23094
+ * Get header section classes
23095
+ */
23096
+ function getHeaderClasses(viewMode) {
23097
+ return isLightMode(viewMode)
23098
+ ? 'bg-gradient-to-r from-slate-50/50 to-blue-50/30 border-slate-200/50'
23099
+ : 'bg-slate-800/30 border-slate-700/50';
23100
+ }
23101
+ /**
23102
+ * Get footer section classes
23103
+ */
23104
+ function getFooterClasses(viewMode) {
23105
+ return isLightMode(viewMode)
23106
+ ? 'bg-slate-50/50 border-slate-200/50'
23107
+ : 'bg-slate-800/30 border-slate-700/50';
23108
+ }
23109
+ /**
23110
+ * Get primary title text classes
23111
+ */
23112
+ function getTitleClasses(viewMode) {
23113
+ return isLightMode(viewMode) ? 'text-slate-900' : 'text-white';
23114
+ }
23115
+ /**
23116
+ * Get subtitle/secondary text classes
23117
+ */
23118
+ function getSubtitleClasses(viewMode) {
23119
+ return isLightMode(viewMode) ? 'text-slate-600' : 'text-slate-400';
23120
+ }
23121
+ /**
23122
+ * Get badge label text classes
23123
+ */
23124
+ function getBadgeLabelClasses(viewMode) {
23125
+ return isLightMode(viewMode) ? 'text-slate-600' : 'text-slate-400';
23126
+ }
23127
+ /**
23128
+ * Get metric label text classes
23129
+ */
23130
+ function getMetricLabelClasses(viewMode) {
23131
+ return isLightMode(viewMode) ? 'text-slate-700' : 'text-slate-300';
23132
+ }
23133
+ /**
23134
+ * Get metric value text classes
23135
+ */
23136
+ function getMetricValueClasses(viewMode) {
23137
+ return isLightMode(viewMode) ? 'text-slate-900' : 'text-white';
23138
+ }
23139
+ /**
23140
+ * Get narrative/description text classes
23141
+ */
23142
+ function getNarrativeTextClasses(viewMode) {
23143
+ return isLightMode(viewMode) ? 'text-slate-700' : 'text-slate-300';
23144
+ }
23145
+ /**
23146
+ * Get grade badge classes based on grade and view mode
23147
+ */
23148
+ function getGradeBadgeClasses(grade, viewMode) {
23149
+ const baseClass = 'border';
23150
+ if (isLightMode(viewMode)) {
23151
+ switch (grade) {
23152
+ case 'A': return `${baseClass} bg-emerald-100 text-emerald-700 border-emerald-300`;
23153
+ case 'B': return `${baseClass} bg-blue-100 text-blue-700 border-blue-300`;
23154
+ case 'C': return `${baseClass} bg-orange-100 text-orange-700 border-orange-300`;
23155
+ default: return `${baseClass} bg-red-100 text-red-700 border-red-300`;
23156
+ }
23157
+ }
23158
+ else {
23159
+ switch (grade) {
23160
+ case 'A': return `${baseClass} bg-emerald-500/20 text-emerald-400 border-emerald-500/50`;
23161
+ case 'B': return `${baseClass} bg-blue-500/20 text-blue-400 border-blue-500/50`;
23162
+ case 'C': return `${baseClass} bg-orange-500/20 text-orange-400 border-orange-500/50`;
23163
+ default: return `${baseClass} bg-red-500/20 text-red-400 border-red-500/50`;
23164
+ }
23165
+ }
23166
+ }
23167
+ /**
23168
+ * Get revenue card background and border classes
23169
+ */
23170
+ function getRevenueCardClasses(viewMode) {
23171
+ return isLightMode(viewMode)
23172
+ ? 'bg-emerald-50/50 border-emerald-200/50 hover:border-emerald-300 hover:shadow-lg'
23173
+ : 'bg-emerald-500/10 border-emerald-500/30 hover:border-emerald-400 hover:shadow-xl';
23174
+ }
23175
+ /**
23176
+ * Get revenue icon color classes
23177
+ */
23178
+ function getRevenueIconClasses(viewMode) {
23179
+ return isLightMode(viewMode) ? 'text-emerald-600' : 'text-emerald-400';
23180
+ }
23181
+ /**
23182
+ * Get trend icon color classes
23183
+ */
23184
+ function getTrendIconClasses(viewMode) {
23185
+ return isLightMode(viewMode) ? 'text-emerald-600' : 'text-emerald-400';
23186
+ }
23187
+ /**
23188
+ * Get trend value color classes
23189
+ */
23190
+ function getTrendValueClasses(viewMode) {
23191
+ return isLightMode(viewMode) ? 'text-emerald-600' : 'text-emerald-400';
23192
+ }
23193
+ /**
23194
+ * Get status badge classes based on status and view mode
23195
+ */
23196
+ function getStatusBadgeClasses(status, viewMode) {
23197
+ if (isLightMode(viewMode)) {
23198
+ switch (status) {
23199
+ case 'OVERACHIEVING': return 'bg-emerald-100 text-emerald-700';
23200
+ case 'ON_TRACK': return 'bg-blue-100 text-blue-700';
23201
+ case 'AT_RISK': return 'bg-orange-100 text-orange-700';
23202
+ default: return 'bg-slate-100 text-slate-700';
23203
+ }
23204
+ }
23205
+ else {
23206
+ switch (status) {
23207
+ case 'OVERACHIEVING': return 'bg-emerald-500/20 text-emerald-400';
23208
+ case 'ON_TRACK': return 'bg-blue-500/20 text-blue-400';
23209
+ case 'AT_RISK': return 'bg-orange-500/20 text-orange-400';
23210
+ default: return 'bg-slate-500/20 text-slate-400';
23211
+ }
23212
+ }
23213
+ }
23214
+ /**
23215
+ * Get status summary card classes
23216
+ */
23217
+ function getStatusSummaryClasses(viewMode) {
23218
+ return isLightMode(viewMode)
23219
+ ? 'bg-slate-50 border-slate-200'
23220
+ : 'bg-slate-800/50 border-slate-700';
23221
+ }
23222
+ /**
23223
+ * Get button gradient classes
23224
+ */
23225
+ function getButtonClasses(viewMode) {
23226
+ return isLightMode(viewMode)
23227
+ ? 'bg-gradient-to-r from-blue-600 to-cyan-600 text-white hover:from-blue-700 hover:to-cyan-700'
23228
+ : 'bg-gradient-to-r from-blue-500 to-cyan-500 text-white hover:from-blue-600 hover:to-cyan-600';
23229
+ }
23230
+ /**
23231
+ * Get competitive badge classes based on score and view mode
23232
+ */
23233
+ function getCompetitiveBadgeClasses(score, viewMode) {
23234
+ const scoreValue = typeof score === 'string' && score === 'N/A' ? 0 : (typeof score === 'string' ? parseInt(score.replace('%', '')) : score);
23235
+ if (isLightMode(viewMode)) {
23236
+ if (scoreValue >= 80)
23237
+ return 'bg-emerald-100 text-emerald-700 border border-emerald-300';
23238
+ if (scoreValue >= 50)
23239
+ return 'bg-blue-100 text-blue-700 border border-blue-300';
23240
+ if (scoreValue >= 40)
23241
+ return 'bg-orange-100 text-orange-700 border border-orange-300';
23242
+ return 'bg-red-100 text-red-700 border border-red-300';
23243
+ }
23244
+ else {
23245
+ if (scoreValue >= 80)
23246
+ return 'bg-emerald-500/20 text-emerald-400 border border-emerald-500/50';
23247
+ if (scoreValue >= 50)
23248
+ return 'bg-blue-500/20 text-blue-400 border border-blue-500/50';
23249
+ if (scoreValue >= 40)
23250
+ return 'bg-orange-500/20 text-orange-400 border border-orange-500/50';
23251
+ return 'bg-red-500/20 text-red-400 border border-red-500/50';
23252
+ }
23253
+ }
23254
+ /**
23255
+ * Get status icon color classes based on status
23256
+ */
23257
+ function getStatusIconClasses(status, viewMode) {
23258
+ if (isLightMode(viewMode)) {
23259
+ switch (status) {
23260
+ case 'OVERACHIEVING': return 'text-emerald-600';
23261
+ case 'ON_TRACK': return 'text-blue-600';
23262
+ case 'AT_RISK': return 'text-orange-600';
23263
+ default: return 'text-slate-600';
23264
+ }
23265
+ }
23266
+ else {
23267
+ switch (status) {
23268
+ case 'OVERACHIEVING': return 'text-emerald-400';
23269
+ case 'ON_TRACK': return 'text-blue-400';
23270
+ case 'AT_RISK': return 'text-orange-400';
23271
+ default: return 'text-slate-400';
23272
+ }
23273
+ }
23274
+ }
23275
+ /**
23276
+ * Get insights card classes
23277
+ */
23278
+ function getInsightsCardClasses(viewMode) {
23279
+ return isLightMode(viewMode)
23280
+ ? 'bg-blue-50/50 border-blue-200/50'
23281
+ : 'bg-blue-500/10 border-blue-500/30';
23282
+ }
23283
+ /**
23284
+ * Get insights badge classes
23285
+ */
23286
+ function getInsightsBadgeClasses(viewMode) {
23287
+ return isLightMode(viewMode)
23288
+ ? 'bg-blue-100 text-blue-700 border border-blue-300'
23289
+ : 'bg-blue-500/20 text-blue-400 border border-blue-500/50';
23290
+ }
23291
+ /**
23292
+ * Get metric mini card classes based on status
23293
+ */
23294
+ function getMetricMiniCardClasses(status, viewMode) {
23295
+ if (isLightMode(viewMode)) {
23296
+ switch (status) {
23297
+ case 'AT_RISK': return 'bg-amber-50/50 border-amber-200/50';
23298
+ case 'OVERACHIEVING': return 'bg-emerald-50/50 border-emerald-200/50';
23299
+ default: return 'bg-slate-50 border-slate-200';
23300
+ }
23301
+ }
23302
+ else {
23303
+ switch (status) {
23304
+ case 'AT_RISK': return 'bg-amber-500/10 border-amber-500/30';
23305
+ case 'OVERACHIEVING': return 'bg-emerald-500/10 border-emerald-500/30';
23306
+ default: return 'bg-slate-800/50 border-slate-700';
23307
+ }
23308
+ }
23309
+ }
23310
+ /**
23311
+ * Get status dot color classes based on status
23312
+ */
23313
+ function getStatusDotClasses(status, viewMode) {
23314
+ if (isLightMode(viewMode)) {
23315
+ switch (status) {
23316
+ case 'AT_RISK': return 'bg-orange-500';
23317
+ case 'OVERACHIEVING': return 'bg-emerald-500';
23318
+ default: return 'bg-blue-500';
23319
+ }
23320
+ }
23321
+ else {
23322
+ switch (status) {
23323
+ case 'AT_RISK': return 'bg-orange-400';
23324
+ case 'OVERACHIEVING': return 'bg-emerald-400';
23325
+ default: return 'bg-blue-400';
23326
+ }
23327
+ }
23328
+ }
23329
+ /**
23330
+ * Get trend color classes based on trend value
23331
+ */
23332
+ function getTrendClasses(trendPercent, viewMode) {
23333
+ if (isLightMode(viewMode)) {
23334
+ return trendPercent > 0 ? 'text-emerald-600' : trendPercent < 0 ? 'text-red-600' : 'text-slate-600';
23335
+ }
23336
+ else {
23337
+ return trendPercent > 0 ? 'text-emerald-400' : trendPercent < 0 ? 'text-red-400' : 'text-slate-400';
23338
+ }
23339
+ }
23075
23340
 
23076
23341
  const _forTrack0 = ($index, $item) => $item.performanceItemId;
23077
23342
  function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
@@ -23201,8 +23466,10 @@ function SymphiqFunnelAnalysisPreviewComponent_Conditional_24_Template(rf, ctx)
23201
23466
  class SymphiqFunnelAnalysisPreviewComponent {
23202
23467
  constructor() {
23203
23468
  // Inputs
23204
- this.analysisInput = input.required(...(ngDevMode ? [{ debugName: "analysisInput", alias: 'analysis' }] : [{ alias: 'analysis' }]));
23205
- this.isLightMode = input(false, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
23469
+ this.analysisInput = input.required(...(ngDevMode ? [{ debugName: "analysisInput", alias: 'funnelAnalysis' }] : [{ alias: 'funnelAnalysis' }]));
23470
+ this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
23471
+ // Computed theme
23472
+ this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
23206
23473
  // Outputs
23207
23474
  this.onViewAnalysis = output();
23208
23475
  // Services
@@ -23361,102 +23628,42 @@ class SymphiqFunnelAnalysisPreviewComponent {
23361
23628
  remaining
23362
23629
  };
23363
23630
  }, ...(ngDevMode ? [{ debugName: "insightsTooltip" }] : []));
23364
- // Styling classes
23365
- this.containerClass = computed(() => this.isLightMode()
23366
- ? 'bg-gradient-to-br from-white/95 to-slate-50/95 border-slate-200/70 hover:border-blue-300'
23367
- : 'bg-gradient-to-br from-slate-800/95 to-slate-900/95 border-slate-700/50 hover:border-slate-600', ...(ngDevMode ? [{ debugName: "containerClass" }] : []));
23368
- this.headerClass = computed(() => this.isLightMode()
23369
- ? 'bg-gradient-to-r from-slate-50/50 to-blue-50/30 border-slate-200/50'
23370
- : 'bg-slate-800/30 border-slate-700/50', ...(ngDevMode ? [{ debugName: "headerClass" }] : []));
23371
- this.footerClass = computed(() => this.isLightMode()
23372
- ? 'bg-slate-50/50 border-slate-200/50'
23373
- : 'bg-slate-800/30 border-slate-700/50', ...(ngDevMode ? [{ debugName: "footerClass" }] : []));
23374
- this.titleClass = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "titleClass" }] : []));
23375
- this.subtitleClass = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "subtitleClass" }] : []));
23376
- this.badgeLabelClass = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "badgeLabelClass" }] : []));
23377
- this.metricLabelClass = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "metricLabelClass" }] : []));
23378
- this.metricValueClass = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "metricValueClass" }] : []));
23631
+ // Styling classes using shared theme utilities
23632
+ this.containerClass = computed(() => getContainerClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "containerClass" }] : []));
23633
+ this.headerClass = computed(() => getHeaderClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "headerClass" }] : []));
23634
+ this.footerClass = computed(() => getFooterClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "footerClass" }] : []));
23635
+ this.titleClass = computed(() => getTitleClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "titleClass" }] : []));
23636
+ this.subtitleClass = computed(() => getSubtitleClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "subtitleClass" }] : []));
23637
+ this.badgeLabelClass = computed(() => getBadgeLabelClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "badgeLabelClass" }] : []));
23638
+ this.metricLabelClass = computed(() => getMetricLabelClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "metricLabelClass" }] : []));
23639
+ this.metricValueClass = computed(() => getMetricValueClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "metricValueClass" }] : []));
23379
23640
  this.gradeBadgeClass = computed(() => {
23380
23641
  const grade = this.overallAssessment().grade || 'B';
23381
- const baseClass = 'border';
23382
- if (this.isLightMode()) {
23383
- switch (grade) {
23384
- case 'A': return `${baseClass} bg-emerald-100 text-emerald-700 border-emerald-300`;
23385
- case 'B': return `${baseClass} bg-blue-100 text-blue-700 border-blue-300`;
23386
- case 'C': return `${baseClass} bg-orange-100 text-orange-700 border-orange-300`;
23387
- default: return `${baseClass} bg-red-100 text-red-700 border-red-300`;
23388
- }
23389
- }
23390
- else {
23391
- switch (grade) {
23392
- case 'A': return `${baseClass} bg-emerald-500/20 text-emerald-400 border-emerald-500/50`;
23393
- case 'B': return `${baseClass} bg-blue-500/20 text-blue-400 border-blue-500/50`;
23394
- case 'C': return `${baseClass} bg-orange-500/20 text-orange-400 border-orange-500/50`;
23395
- default: return `${baseClass} bg-red-500/20 text-red-400 border-red-500/50`;
23396
- }
23397
- }
23642
+ return getGradeBadgeClasses(grade, this.viewMode());
23398
23643
  }, ...(ngDevMode ? [{ debugName: "gradeBadgeClass" }] : []));
23399
23644
  this.shouldPulseGrade = computed(() => {
23400
23645
  const grade = this.overallAssessment().grade || 'B';
23401
23646
  return grade === 'C';
23402
23647
  }, ...(ngDevMode ? [{ debugName: "shouldPulseGrade" }] : []));
23403
- this.revenueCardClass = computed(() => this.isLightMode()
23404
- ? 'bg-emerald-50/50 border-emerald-200/50 hover:border-emerald-300 hover:shadow-lg'
23405
- : 'bg-emerald-500/10 border-emerald-500/30 hover:border-emerald-400 hover:shadow-xl', ...(ngDevMode ? [{ debugName: "revenueCardClass" }] : []));
23406
- this.revenueIconClass = computed(() => this.isLightMode() ? 'text-emerald-600' : 'text-emerald-400', ...(ngDevMode ? [{ debugName: "revenueIconClass" }] : []));
23407
- this.trendIconClass = computed(() => this.isLightMode() ? 'text-emerald-600' : 'text-emerald-400', ...(ngDevMode ? [{ debugName: "trendIconClass" }] : []));
23408
- this.trendValueClass = computed(() => this.isLightMode() ? 'text-emerald-600' : 'text-emerald-400', ...(ngDevMode ? [{ debugName: "trendValueClass" }] : []));
23648
+ this.revenueCardClass = computed(() => getRevenueCardClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "revenueCardClass" }] : []));
23649
+ this.revenueIconClass = computed(() => getRevenueIconClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "revenueIconClass" }] : []));
23650
+ this.trendIconClass = computed(() => getTrendIconClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "trendIconClass" }] : []));
23651
+ this.trendValueClass = computed(() => getTrendValueClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "trendValueClass" }] : []));
23409
23652
  this.revenueStatusClass = computed(() => {
23410
23653
  const status = this.revenueMetric()?.status || 'ON_TRACK';
23411
- if (this.isLightMode()) {
23412
- switch (status) {
23413
- case 'OVERACHIEVING': return 'bg-emerald-100 text-emerald-700';
23414
- case 'ON_TRACK': return 'bg-blue-100 text-blue-700';
23415
- case 'AT_RISK': return 'bg-orange-100 text-orange-700';
23416
- default: return 'bg-slate-100 text-slate-700';
23417
- }
23418
- }
23419
- else {
23420
- switch (status) {
23421
- case 'OVERACHIEVING': return 'bg-emerald-500/20 text-emerald-400';
23422
- case 'ON_TRACK': return 'bg-blue-500/20 text-blue-400';
23423
- case 'AT_RISK': return 'bg-orange-500/20 text-orange-400';
23424
- default: return 'bg-slate-500/20 text-slate-400';
23425
- }
23426
- }
23654
+ return getStatusBadgeClasses(status, this.viewMode());
23427
23655
  }, ...(ngDevMode ? [{ debugName: "revenueStatusClass" }] : []));
23428
23656
  this.shouldPulseRevenueStatus = computed(() => {
23429
23657
  const status = this.revenueMetric()?.status || 'ON_TRACK';
23430
23658
  return status === 'AT_RISK';
23431
23659
  }, ...(ngDevMode ? [{ debugName: "shouldPulseRevenueStatus" }] : []));
23432
- this.statusSummaryClass = computed(() => this.isLightMode()
23433
- ? 'bg-slate-50 border-slate-200'
23434
- : 'bg-slate-800/50 border-slate-700', ...(ngDevMode ? [{ debugName: "statusSummaryClass" }] : []));
23435
- this.narrativeTextClass = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "narrativeTextClass" }] : []));
23436
- this.buttonClass = computed(() => this.isLightMode()
23437
- ? 'bg-gradient-to-r from-blue-600 to-cyan-600 text-white hover:from-blue-700 hover:to-cyan-700'
23438
- : 'bg-gradient-to-r from-blue-500 to-cyan-500 text-white hover:from-blue-600 hover:to-cyan-600', ...(ngDevMode ? [{ debugName: "buttonClass" }] : []));
23660
+ this.statusSummaryClass = computed(() => getStatusSummaryClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "statusSummaryClass" }] : []));
23661
+ this.narrativeTextClass = computed(() => getNarrativeTextClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "narrativeTextClass" }] : []));
23662
+ this.buttonClass = computed(() => getButtonClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "buttonClass" }] : []));
23439
23663
  this.competitiveBadgeClass = computed(() => {
23440
23664
  const scoreStr = this.competitiveScore().toString();
23441
23665
  const score = scoreStr === 'N/A' ? 0 : parseInt(scoreStr.replace('%', ''));
23442
- if (this.isLightMode()) {
23443
- if (score >= 80)
23444
- return 'bg-emerald-100 text-emerald-700 border border-emerald-300';
23445
- if (score >= 50)
23446
- return 'bg-blue-100 text-blue-700 border border-blue-300';
23447
- if (score >= 40)
23448
- return 'bg-orange-100 text-orange-700 border border-orange-300';
23449
- return 'bg-red-100 text-red-700 border border-red-300';
23450
- }
23451
- else {
23452
- if (score >= 80)
23453
- return 'bg-emerald-500/20 text-emerald-400 border border-emerald-500/50';
23454
- if (score >= 50)
23455
- return 'bg-blue-500/20 text-blue-400 border border-blue-500/50';
23456
- if (score >= 40)
23457
- return 'bg-orange-500/20 text-orange-400 border border-orange-500/50';
23458
- return 'bg-red-500/20 text-red-400 border border-red-500/50';
23459
- }
23666
+ return getCompetitiveBadgeClasses(score, this.viewMode());
23460
23667
  }, ...(ngDevMode ? [{ debugName: "competitiveBadgeClass" }] : []));
23461
23668
  this.shouldPulseCompetitiveBadge = computed(() => {
23462
23669
  const scoreStr = this.competitiveScore().toString();
@@ -23465,64 +23672,19 @@ class SymphiqFunnelAnalysisPreviewComponent {
23465
23672
  }, ...(ngDevMode ? [{ debugName: "shouldPulseCompetitiveBadge" }] : []));
23466
23673
  this.statusIconClass = computed(() => {
23467
23674
  const status = this.overallAssessment().overallStatus || 'ON_TRACK';
23468
- if (this.isLightMode()) {
23469
- switch (status) {
23470
- case 'OVERACHIEVING': return 'text-emerald-600';
23471
- case 'ON_TRACK': return 'text-blue-600';
23472
- case 'AT_RISK': return 'text-orange-600';
23473
- default: return 'text-slate-600';
23474
- }
23475
- }
23476
- else {
23477
- switch (status) {
23478
- case 'OVERACHIEVING': return 'text-emerald-400';
23479
- case 'ON_TRACK': return 'text-blue-400';
23480
- case 'AT_RISK': return 'text-orange-400';
23481
- default: return 'text-slate-400';
23482
- }
23483
- }
23675
+ return getStatusIconClasses(status, this.viewMode());
23484
23676
  }, ...(ngDevMode ? [{ debugName: "statusIconClass" }] : []));
23485
- this.insightsCardClass = computed(() => this.isLightMode()
23486
- ? 'bg-blue-50/50 border-blue-200/50'
23487
- : 'bg-blue-500/10 border-blue-500/30', ...(ngDevMode ? [{ debugName: "insightsCardClass" }] : []));
23488
- this.insightsBadgeClass = computed(() => this.isLightMode()
23489
- ? 'bg-blue-100 text-blue-700 border border-blue-300'
23490
- : 'bg-blue-500/20 text-blue-400 border border-blue-500/50', ...(ngDevMode ? [{ debugName: "insightsBadgeClass" }] : []));
23677
+ this.insightsCardClass = computed(() => getInsightsCardClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "insightsCardClass" }] : []));
23678
+ this.insightsBadgeClass = computed(() => getInsightsBadgeClasses(this.viewMode()), ...(ngDevMode ? [{ debugName: "insightsBadgeClass" }] : []));
23491
23679
  }
23492
23680
  // Helper methods for metrics
23493
23681
  metricMiniCardClass(metric) {
23494
23682
  const status = metric.status || 'ON_TRACK';
23495
- if (this.isLightMode()) {
23496
- switch (status) {
23497
- case 'AT_RISK': return 'bg-amber-50/50 border-amber-200/50';
23498
- case 'OVERACHIEVING': return 'bg-emerald-50/50 border-emerald-200/50';
23499
- default: return 'bg-slate-50 border-slate-200';
23500
- }
23501
- }
23502
- else {
23503
- switch (status) {
23504
- case 'AT_RISK': return 'bg-amber-500/10 border-amber-500/30';
23505
- case 'OVERACHIEVING': return 'bg-emerald-500/10 border-emerald-500/30';
23506
- default: return 'bg-slate-800/50 border-slate-700';
23507
- }
23508
- }
23683
+ return getMetricMiniCardClasses(status, this.viewMode());
23509
23684
  }
23510
23685
  getStatusDotClass(metric) {
23511
23686
  const status = metric.status || 'ON_TRACK';
23512
- if (this.isLightMode()) {
23513
- switch (status) {
23514
- case 'AT_RISK': return 'bg-orange-500';
23515
- case 'OVERACHIEVING': return 'bg-emerald-500';
23516
- default: return 'bg-blue-500';
23517
- }
23518
- }
23519
- else {
23520
- switch (status) {
23521
- case 'AT_RISK': return 'bg-orange-400';
23522
- case 'OVERACHIEVING': return 'bg-emerald-400';
23523
- default: return 'bg-blue-400';
23524
- }
23525
- }
23687
+ return getStatusDotClasses(status, this.viewMode());
23526
23688
  }
23527
23689
  shouldPulseMetricDot(metric) {
23528
23690
  const status = metric.status || 'ON_TRACK';
@@ -23530,12 +23692,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
23530
23692
  }
23531
23693
  getTrendClass(metric) {
23532
23694
  const trend = metric.trendPercent || 0;
23533
- if (this.isLightMode()) {
23534
- return trend > 0 ? 'text-emerald-600' : trend < 0 ? 'text-red-600' : 'text-slate-600';
23535
- }
23536
- else {
23537
- return trend > 0 ? 'text-emerald-400' : trend < 0 ? 'text-red-400' : 'text-slate-400';
23538
- }
23695
+ return getTrendClasses(trend, this.viewMode());
23539
23696
  }
23540
23697
  getMetricLabel(metric) {
23541
23698
  const labels = {
@@ -23631,7 +23788,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
23631
23788
  this.onViewAnalysis.emit();
23632
23789
  }
23633
23790
  static { this.ɵfac = function SymphiqFunnelAnalysisPreviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisPreviewComponent)(); }; }
23634
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisPreviewComponent, selectors: [["symphiq-funnel-analysis-preview"]], inputs: { analysisInput: [1, "analysis", "analysisInput"], isLightMode: [1, "isLightMode"] }, outputs: { onViewAnalysis: "onViewAnalysis" }, decls: 34, vars: 40, consts: [[1, "rounded-xl", "border", "shadow-lg", "backdrop-blur-lg", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "overflow-hidden", "max-w-md"], [1, "px-4", "py-3", "border-b", "flex", "items-center", "justify-between", "gap-3"], [1, "flex-1", "min-w-0"], [1, "text-sm", "font-bold", "truncate"], [1, "text-xs", "truncate", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-center", "gap-2", "flex-shrink-0"], ["tooltipType", "badge", 1, "px-2", "py-1", "rounded", "text-center", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "text-lg", "font-bold"], [1, "p-4", "space-y-3"], ["tooltipType", "metric", 1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105", "cursor-help", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "grid", "grid-cols-2", "gap-2"], ["tooltipType", "metric", 1, "rounded-lg", "p-2", "border", "transition-all", "duration-200", "hover:scale-105", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105", 3, "class"], [1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105"], [1, "flex", "items-center", "justify-between", "mb-2"], [1, "flex", "items-center", "gap-2"], [1, "text-lg"], [1, "text-sm", "font-bold"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", 3, "class", "animate-pulse", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "narrative", 1, "text-xs", "leading-relaxed", "line-clamp-3", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "px-4", "py-2", "border-t"], [1, "w-full", "py-2", "rounded-lg", "font-semibold", "text-xs", "transition-all", "duration-300", "hover:scale-105", "flex", "items-center", "justify-center", "gap-2", "group", "cursor-pointer", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "transition-transform", "duration-300", "group-hover:translate-x-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], ["tooltipType", "metric", 1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold"], ["tooltipType", "status", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", "flex", "items-center", "gap-1", "relative", "z-10", 3, "mouseenter", "mouseleave", "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-baseline", "justify-between"], [1, "text-xl", "font-bold"], [1, "flex", "items-center", "gap-1"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], ["fill-rule", "evenodd", "d", "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z", "clip-rule", "evenodd"], ["tooltipType", "metric", 1, "rounded-lg", "p-2", "border", "transition-all", "duration-200", "hover:scale-105", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-center", "justify-between", "mb-1"], [1, "text-xs", "font-medium", "truncate", "flex-1"], [1, "w-2", "h-2", "rounded-full", "flex-shrink-0"], [1, "flex", "items-center", "justify-between"], ["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"], ["tooltipType", "insightsList", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", 3, "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", 3, "libSymphiqTooltip", "tooltipPosition"]], template: function SymphiqFunnelAnalysisPreviewComponent_Template(rf, ctx) { if (rf & 1) {
23791
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisPreviewComponent, selectors: [["symphiq-funnel-analysis-preview"]], inputs: { analysisInput: [1, "funnelAnalysis", "analysisInput"], viewMode: [1, "viewMode"] }, outputs: { onViewAnalysis: "onViewAnalysis" }, decls: 34, vars: 40, consts: [[1, "rounded-xl", "border", "shadow-lg", "backdrop-blur-lg", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "overflow-hidden", "max-w-md"], [1, "px-4", "py-3", "border-b", "flex", "items-center", "justify-between", "gap-3"], [1, "flex-1", "min-w-0"], [1, "text-sm", "font-bold", "truncate"], [1, "text-xs", "truncate", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-center", "gap-2", "flex-shrink-0"], ["tooltipType", "badge", 1, "px-2", "py-1", "rounded", "text-center", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "text-lg", "font-bold"], [1, "p-4", "space-y-3"], ["tooltipType", "metric", 1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105", "cursor-help", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "grid", "grid-cols-2", "gap-2"], ["tooltipType", "metric", 1, "rounded-lg", "p-2", "border", "transition-all", "duration-200", "hover:scale-105", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105", 3, "class"], [1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105"], [1, "flex", "items-center", "justify-between", "mb-2"], [1, "flex", "items-center", "gap-2"], [1, "text-lg"], [1, "text-sm", "font-bold"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", 3, "class", "animate-pulse", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "narrative", 1, "text-xs", "leading-relaxed", "line-clamp-3", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "px-4", "py-2", "border-t"], [1, "w-full", "py-2", "rounded-lg", "font-semibold", "text-xs", "transition-all", "duration-300", "hover:scale-105", "flex", "items-center", "justify-center", "gap-2", "group", "cursor-pointer", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "transition-transform", "duration-300", "group-hover:translate-x-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], ["tooltipType", "metric", 1, "rounded-lg", "p-3", "border", "transition-all", "duration-200", "hover:scale-105", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold"], ["tooltipType", "status", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", "flex", "items-center", "gap-1", "relative", "z-10", 3, "mouseenter", "mouseleave", "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-baseline", "justify-between"], [1, "text-xl", "font-bold"], [1, "flex", "items-center", "gap-1"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], ["fill-rule", "evenodd", "d", "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z", "clip-rule", "evenodd"], ["tooltipType", "metric", 1, "rounded-lg", "p-2", "border", "transition-all", "duration-200", "hover:scale-105", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-center", "justify-between", "mb-1"], [1, "text-xs", "font-medium", "truncate", "flex-1"], [1, "w-2", "h-2", "rounded-full", "flex-shrink-0"], [1, "flex", "items-center", "justify-between"], ["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"], ["tooltipType", "insightsList", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", 3, "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "rounded", "text-xs", "font-bold", 3, "libSymphiqTooltip", "tooltipPosition"]], template: function SymphiqFunnelAnalysisPreviewComponent_Template(rf, ctx) { if (rf & 1) {
23635
23792
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
23636
23793
  i0.ɵɵtext(4, "Funnel Analysis");
23637
23794
  i0.ɵɵelementEnd();
@@ -23893,8 +24050,8 @@ class SymphiqFunnelAnalysisPreviewComponent {
23893
24050
  <!-- Tooltip Container -->
23894
24051
  <symphiq-tooltip-container />
23895
24052
  `, styles: ["@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.status-pulse{animation:statusPulse 2s ease-in-out infinite}\n"] }]
23896
- }], null, { analysisInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysis", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], onViewAnalysis: [{ type: i0.Output, args: ["onViewAnalysis"] }] }); })();
23897
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 211 }); })();
24053
+ }], null, { analysisInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], onViewAnalysis: [{ type: i0.Output, args: ["onViewAnalysis"] }] }); })();
24054
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 213 }); })();
23898
24055
 
23899
24056
  const _c0$3 = ["chartdiv"];
23900
24057
  class LineChartComponent {
@@ -25917,5 +26074,5 @@ var areaChart_component = /*#__PURE__*/Object.freeze({
25917
26074
  * Generated bundle index. Do not edit.
25918
26075
  */
25919
26076
 
25920
- export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, ChartContainerComponent, ChartThemeService, CompetitivePositioningSummaryComponent, FUNNEL_ANALYSIS, FunnelOrderService, InsightCardComponent, LineChartComponent, MetricCardComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, OverallAssessmentComponent, PieChartComponent, SkeletonLoaderComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService };
26077
+ export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, ChartContainerComponent, ChartThemeService, CompetitivePositioningSummaryComponent, FUNNEL_ANALYSIS, FunnelOrderService, InsightCardComponent, LineChartComponent, MetricCardComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, OverallAssessmentComponent, PieChartComponent, SkeletonLoaderComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, getBadgeLabelClasses, getButtonClasses, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, isLightMode };
25921
26078
  //# sourceMappingURL=symphiq-components.mjs.map