@eric-emg/symphiq-components 1.2.6 → 1.2.7
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.
- package/README.md +44 -3
- package/fesm2022/symphiq-components.mjs +426 -341
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +7 -4
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -20475,14 +20475,31 @@ class CompetitiveIntelligenceViewComponent {
|
|
|
20475
20475
|
}], null, { metrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "metrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }] }); })();
|
|
20476
20476
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveIntelligenceViewComponent, { className: "CompetitiveIntelligenceViewComponent", filePath: "lib/components/funnel-analysis-dashboard/competitive-intelligence/competitive-intelligence-view.component.ts", lineNumber: 34 }); })();
|
|
20477
20477
|
|
|
20478
|
-
const _c0$4 =
|
|
20479
|
-
const _c1 = () =>
|
|
20480
|
-
const _c2 = () => [1, 2, 3, 4];
|
|
20478
|
+
const _c0$4 = ["dashboardContainer"];
|
|
20479
|
+
const _c1 = () => ({});
|
|
20480
|
+
const _c2 = () => [1, 2, 3, 4, 5, 6];
|
|
20481
|
+
const _c3 = () => [1, 2, 3, 4];
|
|
20481
20482
|
const _forTrack0$1 = ($index, $item) => $item.value;
|
|
20483
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
20484
|
+
i0.ɵɵelement(0, "div", 52);
|
|
20485
|
+
} if (rf & 2) {
|
|
20486
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
20487
|
+
i0.ɵɵclassProp("light-mode", ctx_r1.isLightMode());
|
|
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
|
+
} }
|
|
20482
20499
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
20483
20500
|
i0.ɵɵnamespaceSVG();
|
|
20484
|
-
i0.ɵɵelementStart(0, "svg",
|
|
20485
|
-
i0.ɵɵelement(1, "path",
|
|
20501
|
+
i0.ɵɵelementStart(0, "svg", 19);
|
|
20502
|
+
i0.ɵɵelement(1, "path", 54);
|
|
20486
20503
|
i0.ɵɵelementEnd();
|
|
20487
20504
|
i0.ɵɵnamespaceHTML();
|
|
20488
20505
|
i0.ɵɵelementStart(2, "span");
|
|
@@ -20491,8 +20508,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template(rf, ctx
|
|
|
20491
20508
|
} }
|
|
20492
20509
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
20493
20510
|
i0.ɵɵnamespaceSVG();
|
|
20494
|
-
i0.ɵɵelementStart(0, "svg",
|
|
20495
|
-
i0.ɵɵelement(1, "path",
|
|
20511
|
+
i0.ɵɵelementStart(0, "svg", 19);
|
|
20512
|
+
i0.ɵɵelement(1, "path", 55);
|
|
20496
20513
|
i0.ɵɵelementEnd();
|
|
20497
20514
|
i0.ɵɵnamespaceHTML();
|
|
20498
20515
|
i0.ɵɵelementStart(2, "span");
|
|
@@ -20500,23 +20517,23 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx
|
|
|
20500
20517
|
i0.ɵɵelementEnd();
|
|
20501
20518
|
} }
|
|
20502
20519
|
function SymphiqFunnelAnalysisDashboardComponent_For_36_Template(rf, ctx) { if (rf & 1) {
|
|
20503
|
-
i0.ɵɵelementStart(0, "option",
|
|
20520
|
+
i0.ɵɵelementStart(0, "option", 27);
|
|
20504
20521
|
i0.ɵɵtext(1);
|
|
20505
20522
|
i0.ɵɵelementEnd();
|
|
20506
20523
|
} if (rf & 2) {
|
|
20507
|
-
const
|
|
20508
|
-
i0.ɵɵproperty("value",
|
|
20524
|
+
const section_r3 = ctx.$implicit;
|
|
20525
|
+
i0.ɵɵproperty("value", section_r3.value);
|
|
20509
20526
|
i0.ɵɵadvance();
|
|
20510
|
-
i0.ɵɵtextInterpolate(
|
|
20527
|
+
i0.ɵɵtextInterpolate(section_r3.label);
|
|
20511
20528
|
} }
|
|
20512
20529
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
|
|
20513
|
-
i0.ɵɵelementStart(0, "div",
|
|
20530
|
+
i0.ɵɵelementStart(0, "div", 36)(1, "span", 56);
|
|
20514
20531
|
i0.ɵɵtext(2, "Revenue:");
|
|
20515
20532
|
i0.ɵɵelementEnd();
|
|
20516
|
-
i0.ɵɵelementStart(3, "span",
|
|
20533
|
+
i0.ɵɵelementStart(3, "span", 57);
|
|
20517
20534
|
i0.ɵɵtext(4);
|
|
20518
20535
|
i0.ɵɵelementEnd();
|
|
20519
|
-
i0.ɵɵelementStart(5, "span",
|
|
20536
|
+
i0.ɵɵelementStart(5, "span", 58);
|
|
20520
20537
|
i0.ɵɵtext(6);
|
|
20521
20538
|
i0.ɵɵelementEnd()();
|
|
20522
20539
|
} if (rf & 2) {
|
|
@@ -20535,48 +20552,48 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template(rf, ctx
|
|
|
20535
20552
|
} }
|
|
20536
20553
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_60_Template(rf, ctx) { if (rf & 1) {
|
|
20537
20554
|
i0.ɵɵnamespaceSVG();
|
|
20538
|
-
i0.ɵɵelementStart(0, "svg",
|
|
20539
|
-
i0.ɵɵelement(1, "path",
|
|
20555
|
+
i0.ɵɵelementStart(0, "svg", 39);
|
|
20556
|
+
i0.ɵɵelement(1, "path", 54);
|
|
20540
20557
|
i0.ɵɵelementEnd();
|
|
20541
20558
|
} }
|
|
20542
20559
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
|
|
20543
20560
|
i0.ɵɵnamespaceSVG();
|
|
20544
|
-
i0.ɵɵelementStart(0, "svg",
|
|
20545
|
-
i0.ɵɵelement(1, "path",
|
|
20561
|
+
i0.ɵɵelementStart(0, "svg", 39);
|
|
20562
|
+
i0.ɵɵelement(1, "path", 55);
|
|
20546
20563
|
i0.ɵɵelementEnd();
|
|
20547
20564
|
} }
|
|
20548
20565
|
function SymphiqFunnelAnalysisDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
|
|
20549
|
-
i0.ɵɵelementStart(0, "option",
|
|
20566
|
+
i0.ɵɵelementStart(0, "option", 27);
|
|
20550
20567
|
i0.ɵɵtext(1);
|
|
20551
20568
|
i0.ɵɵelementEnd();
|
|
20552
20569
|
} if (rf & 2) {
|
|
20553
|
-
const
|
|
20554
|
-
i0.ɵɵproperty("value",
|
|
20570
|
+
const section_r4 = ctx.$implicit;
|
|
20571
|
+
i0.ɵɵproperty("value", section_r4.value);
|
|
20555
20572
|
i0.ɵɵadvance();
|
|
20556
|
-
i0.ɵɵtextInterpolate(
|
|
20573
|
+
i0.ɵɵtextInterpolate(section_r4.label);
|
|
20557
20574
|
} }
|
|
20558
20575
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
|
|
20559
|
-
const
|
|
20560
|
-
i0.ɵɵelementStart(0, "div",
|
|
20576
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
20577
|
+
i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div", 59);
|
|
20561
20578
|
i0.ɵɵnamespaceSVG();
|
|
20562
|
-
i0.ɵɵelementStart(4, "svg",
|
|
20563
|
-
i0.ɵɵelement(5, "path",
|
|
20579
|
+
i0.ɵɵelementStart(4, "svg", 60);
|
|
20580
|
+
i0.ɵɵelement(5, "path", 20);
|
|
20564
20581
|
i0.ɵɵelementEnd();
|
|
20565
20582
|
i0.ɵɵnamespaceHTML();
|
|
20566
|
-
i0.ɵɵelementStart(6, "div",
|
|
20583
|
+
i0.ɵɵelementStart(6, "div", 61)(7, "span", 62);
|
|
20567
20584
|
i0.ɵɵtext(8, "Showing:");
|
|
20568
20585
|
i0.ɵɵelementEnd();
|
|
20569
|
-
i0.ɵɵelementStart(9, "span",
|
|
20586
|
+
i0.ɵɵelementStart(9, "span", 63);
|
|
20570
20587
|
i0.ɵɵtext(10);
|
|
20571
20588
|
i0.ɵɵelementEnd();
|
|
20572
|
-
i0.ɵɵelementStart(11, "span",
|
|
20589
|
+
i0.ɵɵelementStart(11, "span", 64);
|
|
20573
20590
|
i0.ɵɵtext(12);
|
|
20574
20591
|
i0.ɵɵelementEnd()()();
|
|
20575
|
-
i0.ɵɵelementStart(13, "button",
|
|
20576
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(
|
|
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()); });
|
|
20577
20594
|
i0.ɵɵnamespaceSVG();
|
|
20578
|
-
i0.ɵɵelementStart(14, "svg",
|
|
20579
|
-
i0.ɵɵelement(15, "path",
|
|
20595
|
+
i0.ɵɵelementStart(14, "svg", 39);
|
|
20596
|
+
i0.ɵɵelement(15, "path", 66);
|
|
20580
20597
|
i0.ɵɵelementEnd()()()()();
|
|
20581
20598
|
} if (rf & 2) {
|
|
20582
20599
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -20597,67 +20614,67 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx
|
|
|
20597
20614
|
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");
|
|
20598
20615
|
} }
|
|
20599
20616
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
|
|
20600
|
-
const
|
|
20601
|
-
i0.ɵɵelementStart(0, "button",
|
|
20602
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
20617
|
+
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()); });
|
|
20603
20620
|
i0.ɵɵelementEnd();
|
|
20604
20621
|
} if (rf & 2) {
|
|
20605
20622
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
20606
20623
|
i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20607
20624
|
} }
|
|
20608
20625
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
|
|
20609
|
-
const
|
|
20610
|
-
i0.ɵɵelementStart(0, "button",
|
|
20611
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
20626
|
+
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")); });
|
|
20612
20629
|
i0.ɵɵelementEnd();
|
|
20613
20630
|
} if (rf & 2) {
|
|
20614
20631
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
20615
20632
|
i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20616
20633
|
} }
|
|
20617
20634
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
|
|
20618
|
-
const
|
|
20619
|
-
i0.ɵɵelementStart(0, "button",
|
|
20620
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
20635
|
+
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")); });
|
|
20621
20638
|
i0.ɵɵelementEnd();
|
|
20622
20639
|
} if (rf & 2) {
|
|
20623
20640
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
20624
20641
|
i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20625
20642
|
} }
|
|
20626
20643
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
|
|
20627
|
-
const
|
|
20628
|
-
i0.ɵɵelementStart(0, "button",
|
|
20629
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
20644
|
+
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")); });
|
|
20630
20647
|
i0.ɵɵelementEnd();
|
|
20631
20648
|
} if (rf & 2) {
|
|
20632
20649
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
20633
20650
|
i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20634
20651
|
} }
|
|
20635
20652
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
|
|
20636
|
-
const
|
|
20637
|
-
i0.ɵɵelementStart(0, "button",
|
|
20638
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
20653
|
+
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")); });
|
|
20639
20656
|
i0.ɵɵelementEnd();
|
|
20640
20657
|
} if (rf & 2) {
|
|
20641
20658
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
20642
20659
|
i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
|
|
20643
20660
|
} }
|
|
20644
20661
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template(rf, ctx) { if (rf & 1) {
|
|
20645
|
-
i0.ɵɵelementStart(0, "div",
|
|
20646
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment",
|
|
20662
|
+
i0.ɵɵelementStart(0, "div", 47);
|
|
20663
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 68);
|
|
20647
20664
|
i0.ɵɵelementEnd();
|
|
20648
20665
|
} if (rf & 2) {
|
|
20649
20666
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
20650
20667
|
i0.ɵɵadvance();
|
|
20651
|
-
i0.ɵɵproperty("assessment", ctx_r1.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8,
|
|
20668
|
+
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());
|
|
20652
20669
|
} }
|
|
20653
20670
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20654
|
-
i0.ɵɵelementStart(0, "div",
|
|
20655
|
-
i0.ɵɵelement(2, "div",
|
|
20671
|
+
i0.ɵɵelementStart(0, "div", 69)(1, "div", 80);
|
|
20672
|
+
i0.ɵɵelement(2, "div", 81);
|
|
20656
20673
|
i0.ɵɵelementEnd();
|
|
20657
|
-
i0.ɵɵelementStart(3, "div",
|
|
20674
|
+
i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
|
|
20658
20675
|
i0.ɵɵnamespaceSVG();
|
|
20659
|
-
i0.ɵɵelementStart(5, "svg",
|
|
20660
|
-
i0.ɵɵelement(6, "path",
|
|
20676
|
+
i0.ɵɵelementStart(5, "svg", 84);
|
|
20677
|
+
i0.ɵɵelement(6, "path", 85);
|
|
20661
20678
|
i0.ɵɵelementEnd()()()();
|
|
20662
20679
|
} if (rf & 2) {
|
|
20663
20680
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -20669,22 +20686,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Te
|
|
|
20669
20686
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-500" : "text-blue-400");
|
|
20670
20687
|
} }
|
|
20671
20688
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20672
|
-
i0.ɵɵelementStart(0, "div",
|
|
20673
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card",
|
|
20689
|
+
i0.ɵɵelementStart(0, "div", 87);
|
|
20690
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 88);
|
|
20674
20691
|
i0.ɵɵelementEnd();
|
|
20675
20692
|
} if (rf & 2) {
|
|
20676
|
-
const
|
|
20677
|
-
const $
|
|
20693
|
+
const insight_r11 = ctx.$implicit;
|
|
20694
|
+
const $index_r12 = ctx.$index;
|
|
20678
20695
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
20679
|
-
i0.ɵɵclassMap(ctx_r1.getInsightCardClass(
|
|
20680
|
-
i0.ɵɵstyleProp("animation-delay", 0.3 + $
|
|
20681
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $
|
|
20696
|
+
i0.ɵɵclassMap(ctx_r1.getInsightCardClass(insight_r11));
|
|
20697
|
+
i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r12 * 0.1 + "s");
|
|
20698
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r12);
|
|
20682
20699
|
i0.ɵɵadvance();
|
|
20683
|
-
i0.ɵɵproperty("insight",
|
|
20700
|
+
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);
|
|
20684
20701
|
} }
|
|
20685
20702
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
20686
|
-
i0.ɵɵelementStart(0, "div",
|
|
20687
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template, 2, 13, "div",
|
|
20703
|
+
i0.ɵɵelementStart(0, "div", 78);
|
|
20704
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template, 2, 13, "div", 86, i0.ɵɵrepeaterTrackByIndex);
|
|
20688
20705
|
i0.ɵɵelementEnd();
|
|
20689
20706
|
} if (rf & 2) {
|
|
20690
20707
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -20692,21 +20709,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_T
|
|
|
20692
20709
|
i0.ɵɵrepeater(ctx_r1.insights());
|
|
20693
20710
|
} }
|
|
20694
20711
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20695
|
-
i0.ɵɵelementStart(0, "div",
|
|
20696
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card",
|
|
20712
|
+
i0.ɵɵelementStart(0, "div", 87);
|
|
20713
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 88);
|
|
20697
20714
|
i0.ɵɵelementEnd();
|
|
20698
20715
|
} if (rf & 2) {
|
|
20699
|
-
const
|
|
20700
|
-
const $
|
|
20716
|
+
const insight_r13 = ctx.$implicit;
|
|
20717
|
+
const $index_r14 = ctx.$index;
|
|
20701
20718
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
20702
|
-
i0.ɵɵstyleProp("animation-delay", 0.3 + $
|
|
20703
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $
|
|
20719
|
+
i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r14 * 0.1 + "s");
|
|
20720
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r14);
|
|
20704
20721
|
i0.ɵɵadvance();
|
|
20705
|
-
i0.ɵɵproperty("insight",
|
|
20722
|
+
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);
|
|
20706
20723
|
} }
|
|
20707
20724
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
20708
|
-
i0.ɵɵelementStart(0, "div",
|
|
20709
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template, 2, 11, "div",
|
|
20725
|
+
i0.ɵɵelementStart(0, "div", 79);
|
|
20726
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template, 2, 11, "div", 89, i0.ɵɵrepeaterTrackByIndex);
|
|
20710
20727
|
i0.ɵɵelementEnd();
|
|
20711
20728
|
} if (rf & 2) {
|
|
20712
20729
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -20714,15 +20731,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_T
|
|
|
20714
20731
|
i0.ɵɵrepeater(ctx_r1.insights());
|
|
20715
20732
|
} }
|
|
20716
20733
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20717
|
-
i0.ɵɵelementStart(0, "div",
|
|
20718
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
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);
|
|
20719
20736
|
i0.ɵɵelementEnd();
|
|
20720
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
20721
|
-
i0.ɵɵelementStart(8, "div",
|
|
20722
|
-
i0.ɵɵelement(9, "symphiq-skeleton-loader",
|
|
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);
|
|
20723
20740
|
i0.ɵɵelementEnd();
|
|
20724
|
-
i0.ɵɵelementStart(11, "div",
|
|
20725
|
-
i0.ɵɵelement(12, "symphiq-skeleton-loader",
|
|
20741
|
+
i0.ɵɵelementStart(11, "div", 95);
|
|
20742
|
+
i0.ɵɵelement(12, "symphiq-skeleton-loader", 93)(13, "symphiq-skeleton-loader", 93);
|
|
20726
20743
|
i0.ɵɵelementEnd()()();
|
|
20727
20744
|
} if (rf & 2) {
|
|
20728
20745
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -20747,30 +20764,30 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_F
|
|
|
20747
20764
|
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r1.isLightMode());
|
|
20748
20765
|
} }
|
|
20749
20766
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
20750
|
-
i0.ɵɵelementStart(0, "div",
|
|
20751
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template, 14, 28, "div",
|
|
20767
|
+
i0.ɵɵelementStart(0, "div", 78);
|
|
20768
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template, 14, 28, "div", 90, i0.ɵɵrepeaterTrackByIdentity);
|
|
20752
20769
|
i0.ɵɵelementEnd();
|
|
20753
20770
|
} if (rf & 2) {
|
|
20754
20771
|
i0.ɵɵadvance();
|
|
20755
|
-
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0,
|
|
20772
|
+
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
|
|
20756
20773
|
} }
|
|
20757
20774
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
|
|
20758
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template, 7, 3, "div",
|
|
20759
|
-
i0.ɵɵelementStart(1, "section",
|
|
20760
|
-
i0.ɵɵelement(2, "div",
|
|
20761
|
-
i0.ɵɵelementStart(3, "div",
|
|
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);
|
|
20762
20779
|
i0.ɵɵnamespaceSVG();
|
|
20763
|
-
i0.ɵɵelementStart(8, "svg",
|
|
20764
|
-
i0.ɵɵelement(9, "path",
|
|
20780
|
+
i0.ɵɵelementStart(8, "svg", 75);
|
|
20781
|
+
i0.ɵɵelement(9, "path", 76);
|
|
20765
20782
|
i0.ɵɵelementEnd();
|
|
20766
20783
|
i0.ɵɵnamespaceHTML();
|
|
20767
|
-
i0.ɵɵelementStart(10, "h2",
|
|
20784
|
+
i0.ɵɵelementStart(10, "h2", 77);
|
|
20768
20785
|
i0.ɵɵtext(11, "Key Insights");
|
|
20769
20786
|
i0.ɵɵelementEnd()()()();
|
|
20770
|
-
i0.ɵɵelementStart(12, "span",
|
|
20787
|
+
i0.ɵɵelementStart(12, "span", 30);
|
|
20771
20788
|
i0.ɵɵtext(13);
|
|
20772
20789
|
i0.ɵɵelementEnd()();
|
|
20773
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_Template, 3, 0, "div",
|
|
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);
|
|
20774
20791
|
i0.ɵɵelementEnd()();
|
|
20775
20792
|
} if (rf & 2) {
|
|
20776
20793
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -20791,13 +20808,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx
|
|
|
20791
20808
|
i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 14 : !ctx_r1.viewModeService.isExpanded() ? 15 : 16);
|
|
20792
20809
|
} }
|
|
20793
20810
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20794
|
-
i0.ɵɵelementStart(0, "div",
|
|
20795
|
-
i0.ɵɵelement(2, "div",
|
|
20811
|
+
i0.ɵɵelementStart(0, "div", 96)(1, "div", 80);
|
|
20812
|
+
i0.ɵɵelement(2, "div", 81);
|
|
20796
20813
|
i0.ɵɵelementEnd();
|
|
20797
|
-
i0.ɵɵelementStart(3, "div",
|
|
20814
|
+
i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
|
|
20798
20815
|
i0.ɵɵnamespaceSVG();
|
|
20799
|
-
i0.ɵɵelementStart(5, "svg",
|
|
20800
|
-
i0.ɵɵelement(6, "path",
|
|
20816
|
+
i0.ɵɵelementStart(5, "svg", 84);
|
|
20817
|
+
i0.ɵɵelement(6, "path", 112);
|
|
20801
20818
|
i0.ɵɵelementEnd()()()();
|
|
20802
20819
|
} if (rf & 2) {
|
|
20803
20820
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -20809,120 +20826,120 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Te
|
|
|
20809
20826
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-emerald-500" : "text-emerald-400");
|
|
20810
20827
|
} }
|
|
20811
20828
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
20812
|
-
i0.ɵɵelementStart(0, "div",
|
|
20813
|
-
i0.ɵɵelement(1, "div",
|
|
20829
|
+
i0.ɵɵelementStart(0, "div", 103);
|
|
20830
|
+
i0.ɵɵelement(1, "div", 113);
|
|
20814
20831
|
i0.ɵɵelementEnd();
|
|
20815
20832
|
} }
|
|
20816
20833
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20817
|
-
i0.ɵɵelementStart(0, "option",
|
|
20834
|
+
i0.ɵɵelementStart(0, "option", 114);
|
|
20818
20835
|
i0.ɵɵtext(1);
|
|
20819
20836
|
i0.ɵɵelementEnd();
|
|
20820
20837
|
} if (rf & 2) {
|
|
20821
|
-
const
|
|
20822
|
-
i0.ɵɵproperty("value",
|
|
20838
|
+
const cat_r16 = i0.ɵɵnextContext().$implicit;
|
|
20839
|
+
i0.ɵɵproperty("value", cat_r16.value);
|
|
20823
20840
|
i0.ɵɵadvance();
|
|
20824
|
-
i0.ɵɵtextInterpolate(
|
|
20841
|
+
i0.ɵɵtextInterpolate(cat_r16.label);
|
|
20825
20842
|
} }
|
|
20826
20843
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
20827
|
-
i0.ɵɵelementStart(0, "option",
|
|
20844
|
+
i0.ɵɵelementStart(0, "option", 27);
|
|
20828
20845
|
i0.ɵɵtext(1);
|
|
20829
20846
|
i0.ɵɵelementEnd();
|
|
20830
20847
|
} if (rf & 2) {
|
|
20831
|
-
const
|
|
20832
|
-
i0.ɵɵproperty("value",
|
|
20848
|
+
const cat_r16 = i0.ɵɵnextContext().$implicit;
|
|
20849
|
+
i0.ɵɵproperty("value", cat_r16.value);
|
|
20833
20850
|
i0.ɵɵadvance();
|
|
20834
|
-
i0.ɵɵtextInterpolate(
|
|
20851
|
+
i0.ɵɵtextInterpolate(cat_r16.label);
|
|
20835
20852
|
} }
|
|
20836
20853
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
20837
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_0_Template, 2, 2, "option",
|
|
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);
|
|
20838
20855
|
} if (rf & 2) {
|
|
20839
|
-
const
|
|
20840
|
-
i0.ɵɵconditional(
|
|
20856
|
+
const cat_r16 = ctx.$implicit;
|
|
20857
|
+
i0.ɵɵconditional(cat_r16.divider ? 0 : 1);
|
|
20841
20858
|
} }
|
|
20842
20859
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
20843
20860
|
i0.ɵɵnamespaceSVG();
|
|
20844
|
-
i0.ɵɵelement(0, "path",
|
|
20861
|
+
i0.ɵɵelement(0, "path", 106);
|
|
20845
20862
|
} }
|
|
20846
20863
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
20847
20864
|
i0.ɵɵnamespaceSVG();
|
|
20848
|
-
i0.ɵɵelement(0, "path",
|
|
20865
|
+
i0.ɵɵelement(0, "path", 107);
|
|
20849
20866
|
} }
|
|
20850
20867
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20851
|
-
const
|
|
20852
|
-
i0.ɵɵelementStart(0, "button",
|
|
20853
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
20868
|
+
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)); });
|
|
20854
20871
|
i0.ɵɵtext(1);
|
|
20855
20872
|
i0.ɵɵelementEnd();
|
|
20856
20873
|
} if (rf & 2) {
|
|
20857
|
-
const
|
|
20874
|
+
const cat_r18 = i0.ɵɵnextContext().$implicit;
|
|
20858
20875
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
20859
20876
|
i0.ɵɵclassProp("opacity-70", ctx_r1.isCategoryTransitioning());
|
|
20860
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getCategoryPillClass(
|
|
20877
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getCategoryPillClass(cat_r18.value));
|
|
20861
20878
|
i0.ɵɵadvance();
|
|
20862
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
20879
|
+
i0.ɵɵtextInterpolate1(" ", cat_r18.label, " ");
|
|
20863
20880
|
} }
|
|
20864
20881
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Template(rf, ctx) { if (rf & 1) {
|
|
20865
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template, 2, 4, "button",
|
|
20882
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template, 2, 4, "button", 115);
|
|
20866
20883
|
} if (rf & 2) {
|
|
20867
|
-
const
|
|
20868
|
-
i0.ɵɵconditional(!
|
|
20884
|
+
const cat_r18 = ctx.$implicit;
|
|
20885
|
+
i0.ɵɵconditional(!cat_r18.divider ? 0 : -1);
|
|
20869
20886
|
} }
|
|
20870
20887
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20871
|
-
i0.ɵɵelementStart(0, "div",
|
|
20872
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
20888
|
+
i0.ɵɵelementStart(0, "div", 122);
|
|
20889
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 123);
|
|
20873
20890
|
i0.ɵɵelementEnd();
|
|
20874
20891
|
} if (rf & 2) {
|
|
20875
|
-
const
|
|
20876
|
-
const ɵ$
|
|
20877
|
-
const ɵ$
|
|
20892
|
+
const metric_r19 = ctx.$implicit;
|
|
20893
|
+
const ɵ$index_388_r20 = ctx.$index;
|
|
20894
|
+
const ɵ$index_379_r21 = i0.ɵɵnextContext(3).$index;
|
|
20878
20895
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
20879
|
-
i0.ɵɵclassMap(ctx_r1.getBentoCardClass(
|
|
20880
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
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");
|
|
20881
20898
|
i0.ɵɵadvance();
|
|
20882
|
-
i0.ɵɵproperty("metric",
|
|
20899
|
+
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);
|
|
20883
20900
|
} }
|
|
20884
20901
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20885
|
-
i0.ɵɵelementStart(0, "div",
|
|
20886
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div",
|
|
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);
|
|
20887
20904
|
i0.ɵɵelementEnd();
|
|
20888
20905
|
} if (rf & 2) {
|
|
20889
|
-
const
|
|
20906
|
+
const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
|
|
20890
20907
|
i0.ɵɵadvance();
|
|
20891
|
-
i0.ɵɵrepeater(
|
|
20908
|
+
i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
|
|
20892
20909
|
} }
|
|
20893
20910
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20894
|
-
i0.ɵɵelementStart(0, "div",
|
|
20895
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
20911
|
+
i0.ɵɵelementStart(0, "div", 122);
|
|
20912
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 118);
|
|
20896
20913
|
i0.ɵɵelementEnd();
|
|
20897
20914
|
} if (rf & 2) {
|
|
20898
|
-
const
|
|
20899
|
-
const ɵ$
|
|
20900
|
-
const ɵ$
|
|
20915
|
+
const metric_r23 = ctx.$implicit;
|
|
20916
|
+
const ɵ$index_396_r24 = ctx.$index;
|
|
20917
|
+
const ɵ$index_379_r21 = i0.ɵɵnextContext(3).$index;
|
|
20901
20918
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
20902
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
20919
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_379_r21 * 0.15 + ɵ$index_396_r24 * 0.08 + "s");
|
|
20903
20920
|
i0.ɵɵadvance();
|
|
20904
|
-
i0.ɵɵproperty("metric",
|
|
20921
|
+
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);
|
|
20905
20922
|
} }
|
|
20906
20923
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
20907
|
-
i0.ɵɵelementStart(0, "div",
|
|
20908
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div",
|
|
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);
|
|
20909
20926
|
i0.ɵɵelementEnd();
|
|
20910
20927
|
} if (rf & 2) {
|
|
20911
|
-
const
|
|
20928
|
+
const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
|
|
20912
20929
|
i0.ɵɵadvance();
|
|
20913
|
-
i0.ɵɵrepeater(
|
|
20930
|
+
i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
|
|
20914
20931
|
} }
|
|
20915
20932
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20916
|
-
i0.ɵɵelementStart(0, "div",
|
|
20917
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
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);
|
|
20918
20935
|
i0.ɵɵelementEnd();
|
|
20919
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
20920
|
-
i0.ɵɵelementStart(6, "div",
|
|
20921
|
-
i0.ɵɵelement(7, "symphiq-skeleton-loader",
|
|
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);
|
|
20922
20939
|
i0.ɵɵelementEnd();
|
|
20923
|
-
i0.ɵɵelement(9, "symphiq-skeleton-loader",
|
|
20924
|
-
i0.ɵɵelementStart(11, "div",
|
|
20925
|
-
i0.ɵɵelement(12, "symphiq-skeleton-loader",
|
|
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);
|
|
20926
20943
|
i0.ɵɵelementEnd()()();
|
|
20927
20944
|
} if (rf & 2) {
|
|
20928
20945
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
@@ -20945,46 +20962,46 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Condition
|
|
|
20945
20962
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r1.isLightMode());
|
|
20946
20963
|
} }
|
|
20947
20964
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
20948
|
-
i0.ɵɵelementStart(0, "div",
|
|
20949
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div",
|
|
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);
|
|
20950
20967
|
i0.ɵɵelementEnd();
|
|
20951
20968
|
} if (rf & 2) {
|
|
20952
20969
|
i0.ɵɵadvance();
|
|
20953
|
-
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0,
|
|
20970
|
+
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
|
|
20954
20971
|
} }
|
|
20955
20972
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
20956
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div",
|
|
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);
|
|
20957
20974
|
} if (rf & 2) {
|
|
20958
20975
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
20959
20976
|
i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 0 : !ctx_r1.viewModeService.isExpanded() ? 1 : 2);
|
|
20960
20977
|
} }
|
|
20961
20978
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Template(rf, ctx) { if (rf & 1) {
|
|
20962
|
-
i0.ɵɵelementStart(0, "div",
|
|
20963
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
20979
|
+
i0.ɵɵelementStart(0, "div", 117);
|
|
20980
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 118);
|
|
20964
20981
|
i0.ɵɵelementEnd();
|
|
20965
20982
|
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Template, 3, 1);
|
|
20966
20983
|
} if (rf & 2) {
|
|
20967
|
-
const
|
|
20968
|
-
const ɵ$
|
|
20984
|
+
const funnelGroup_r22 = ctx.$implicit;
|
|
20985
|
+
const ɵ$index_379_r21 = ctx.$index;
|
|
20969
20986
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
20970
|
-
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$
|
|
20971
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$
|
|
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);
|
|
20972
20989
|
i0.ɵɵadvance();
|
|
20973
|
-
i0.ɵɵproperty("metric",
|
|
20990
|
+
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());
|
|
20974
20991
|
i0.ɵɵadvance();
|
|
20975
|
-
i0.ɵɵconditional(
|
|
20992
|
+
i0.ɵɵconditional(funnelGroup_r22.relatedMetrics.length > 0 ? 2 : -1);
|
|
20976
20993
|
} }
|
|
20977
20994
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Template(rf, ctx) { if (rf & 1) {
|
|
20978
|
-
i0.ɵɵelementStart(0, "div",
|
|
20995
|
+
i0.ɵɵelementStart(0, "div", 111);
|
|
20979
20996
|
i0.ɵɵnamespaceSVG();
|
|
20980
|
-
i0.ɵɵelementStart(1, "svg",
|
|
20981
|
-
i0.ɵɵelement(2, "path",
|
|
20997
|
+
i0.ɵɵelementStart(1, "svg", 128);
|
|
20998
|
+
i0.ɵɵelement(2, "path", 101);
|
|
20982
20999
|
i0.ɵɵelementEnd();
|
|
20983
21000
|
i0.ɵɵnamespaceHTML();
|
|
20984
|
-
i0.ɵɵelementStart(3, "h3",
|
|
21001
|
+
i0.ɵɵelementStart(3, "h3", 129);
|
|
20985
21002
|
i0.ɵɵtext(4, "No Metrics Found");
|
|
20986
21003
|
i0.ɵɵelementEnd();
|
|
20987
|
-
i0.ɵɵelementStart(5, "p",
|
|
21004
|
+
i0.ɵɵelementStart(5, "p", 130);
|
|
20988
21005
|
i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
|
|
20989
21006
|
i0.ɵɵelementEnd()();
|
|
20990
21007
|
} if (rf & 2) {
|
|
@@ -20998,41 +21015,41 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Temp
|
|
|
20998
21015
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
20999
21016
|
} }
|
|
21000
21017
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
|
|
21001
|
-
const
|
|
21002
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div",
|
|
21003
|
-
i0.ɵɵelementStart(1, "section",
|
|
21004
|
-
i0.ɵɵelement(2, "div",
|
|
21005
|
-
i0.ɵɵelementStart(3, "div",
|
|
21018
|
+
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);
|
|
21006
21023
|
i0.ɵɵnamespaceSVG();
|
|
21007
|
-
i0.ɵɵelementStart(9, "svg",
|
|
21008
|
-
i0.ɵɵelement(10, "path",
|
|
21024
|
+
i0.ɵɵelementStart(9, "svg", 75);
|
|
21025
|
+
i0.ɵɵelement(10, "path", 101);
|
|
21009
21026
|
i0.ɵɵelementEnd();
|
|
21010
21027
|
i0.ɵɵnamespaceHTML();
|
|
21011
|
-
i0.ɵɵelementStart(11, "h2",
|
|
21028
|
+
i0.ɵɵelementStart(11, "h2", 77);
|
|
21012
21029
|
i0.ɵɵtext(12, "Performance Metrics");
|
|
21013
21030
|
i0.ɵɵelementEnd()()()();
|
|
21014
|
-
i0.ɵɵelementStart(13, "div",
|
|
21015
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 2, 0, "div",
|
|
21016
|
-
i0.ɵɵelementStart(15, "select",
|
|
21017
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(
|
|
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)); });
|
|
21018
21035
|
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Template, 2, 1, null, null, _forTrack0$1);
|
|
21019
21036
|
i0.ɵɵelementEnd();
|
|
21020
|
-
i0.ɵɵelementStart(18, "button",
|
|
21021
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_button_click_18_listener() { i0.ɵɵrestoreView(
|
|
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()); });
|
|
21022
21039
|
i0.ɵɵnamespaceSVG();
|
|
21023
|
-
i0.ɵɵelementStart(19, "svg",
|
|
21024
|
-
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_20_Template, 1, 0, ":svg:path",
|
|
21025
|
-
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_21_Template, 1, 0, ":svg:path",
|
|
21040
|
+
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);
|
|
21026
21043
|
i0.ɵɵelementEnd();
|
|
21027
21044
|
i0.ɵɵnamespaceHTML();
|
|
21028
21045
|
i0.ɵɵelementStart(22, "span");
|
|
21029
21046
|
i0.ɵɵtext(23, "Sort");
|
|
21030
21047
|
i0.ɵɵelementEnd()()()();
|
|
21031
|
-
i0.ɵɵelementStart(24, "div",
|
|
21048
|
+
i0.ɵɵelementStart(24, "div", 108)(25, "div", 109);
|
|
21032
21049
|
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Template, 1, 1, null, null, _forTrack0$1);
|
|
21033
21050
|
i0.ɵɵelementEnd()()();
|
|
21034
|
-
i0.ɵɵelementStart(28, "div",
|
|
21035
|
-
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",
|
|
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);
|
|
21036
21053
|
i0.ɵɵelementEnd()()();
|
|
21037
21054
|
} if (rf & 2) {
|
|
21038
21055
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -21068,13 +21085,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx
|
|
|
21068
21085
|
i0.ɵɵrepeater(ctx_r1.groupedMetrics());
|
|
21069
21086
|
} }
|
|
21070
21087
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21071
|
-
i0.ɵɵelementStart(0, "div",
|
|
21072
|
-
i0.ɵɵelement(2, "div",
|
|
21088
|
+
i0.ɵɵelementStart(0, "div", 131)(1, "div", 80);
|
|
21089
|
+
i0.ɵɵelement(2, "div", 81);
|
|
21073
21090
|
i0.ɵɵelementEnd();
|
|
21074
|
-
i0.ɵɵelementStart(3, "div",
|
|
21091
|
+
i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
|
|
21075
21092
|
i0.ɵɵnamespaceSVG();
|
|
21076
|
-
i0.ɵɵelementStart(5, "svg",
|
|
21077
|
-
i0.ɵɵelement(6, "path",
|
|
21093
|
+
i0.ɵɵelementStart(5, "svg", 84);
|
|
21094
|
+
i0.ɵɵelement(6, "path", 101);
|
|
21078
21095
|
i0.ɵɵelementEnd()()()();
|
|
21079
21096
|
} if (rf & 2) {
|
|
21080
21097
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -21086,60 +21103,60 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Te
|
|
|
21086
21103
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-purple-500" : "text-purple-400");
|
|
21087
21104
|
} }
|
|
21088
21105
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
21089
|
-
i0.ɵɵelementStart(0, "div",
|
|
21090
|
-
i0.ɵɵelement(1, "div",
|
|
21106
|
+
i0.ɵɵelementStart(0, "div", 103);
|
|
21107
|
+
i0.ɵɵelement(1, "div", 139);
|
|
21091
21108
|
i0.ɵɵelementEnd();
|
|
21092
21109
|
} }
|
|
21093
21110
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21094
|
-
i0.ɵɵelementStart(0, "option",
|
|
21111
|
+
i0.ɵɵelementStart(0, "option", 114);
|
|
21095
21112
|
i0.ɵɵtext(1);
|
|
21096
21113
|
i0.ɵɵelementEnd();
|
|
21097
21114
|
} if (rf & 2) {
|
|
21098
|
-
const
|
|
21099
|
-
i0.ɵɵproperty("value",
|
|
21115
|
+
const filter_r26 = i0.ɵɵnextContext().$implicit;
|
|
21116
|
+
i0.ɵɵproperty("value", filter_r26.value);
|
|
21100
21117
|
i0.ɵɵadvance();
|
|
21101
|
-
i0.ɵɵtextInterpolate(
|
|
21118
|
+
i0.ɵɵtextInterpolate(filter_r26.label);
|
|
21102
21119
|
} }
|
|
21103
21120
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21104
|
-
i0.ɵɵelementStart(0, "option",
|
|
21121
|
+
i0.ɵɵelementStart(0, "option", 27);
|
|
21105
21122
|
i0.ɵɵtext(1);
|
|
21106
21123
|
i0.ɵɵelementEnd();
|
|
21107
21124
|
} if (rf & 2) {
|
|
21108
|
-
const
|
|
21109
|
-
i0.ɵɵproperty("value",
|
|
21125
|
+
const filter_r26 = i0.ɵɵnextContext().$implicit;
|
|
21126
|
+
i0.ɵɵproperty("value", filter_r26.value);
|
|
21110
21127
|
i0.ɵɵadvance();
|
|
21111
|
-
i0.ɵɵtextInterpolate(
|
|
21128
|
+
i0.ɵɵtextInterpolate(filter_r26.label);
|
|
21112
21129
|
} }
|
|
21113
21130
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Template(rf, ctx) { if (rf & 1) {
|
|
21114
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_0_Template, 2, 2, "option",
|
|
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);
|
|
21115
21132
|
} if (rf & 2) {
|
|
21116
|
-
const
|
|
21117
|
-
i0.ɵɵconditional(
|
|
21133
|
+
const filter_r26 = ctx.$implicit;
|
|
21134
|
+
i0.ɵɵconditional(filter_r26.divider ? 0 : 1);
|
|
21118
21135
|
} }
|
|
21119
21136
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template(rf, ctx) { if (rf & 1) {
|
|
21120
|
-
i0.ɵɵelementStart(0, "div",
|
|
21121
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section",
|
|
21137
|
+
i0.ɵɵelementStart(0, "div", 87);
|
|
21138
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 140);
|
|
21122
21139
|
i0.ɵɵelementEnd();
|
|
21123
21140
|
} if (rf & 2) {
|
|
21124
|
-
const
|
|
21125
|
-
const $
|
|
21141
|
+
const breakdown_r27 = ctx.$implicit;
|
|
21142
|
+
const $index_r28 = ctx.$index;
|
|
21126
21143
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
21127
|
-
i0.ɵɵstyleProp("animation-delay", 0.8 + $
|
|
21128
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "breakdown-" + $
|
|
21144
|
+
i0.ɵɵstyleProp("animation-delay", 0.8 + $index_r28 * 0.1 + "s");
|
|
21145
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "breakdown-" + $index_r28);
|
|
21129
21146
|
i0.ɵɵadvance();
|
|
21130
|
-
i0.ɵɵproperty("breakdown",
|
|
21147
|
+
i0.ɵɵproperty("breakdown", breakdown_r27)("charts", ctx_r1.chartsForBreakdown(breakdown_r27))("isLightMode", ctx_r1.isLightMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
|
|
21131
21148
|
} }
|
|
21132
21149
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Template(rf, ctx) { if (rf & 1) {
|
|
21133
|
-
i0.ɵɵelementStart(0, "div",
|
|
21150
|
+
i0.ɵɵelementStart(0, "div", 111);
|
|
21134
21151
|
i0.ɵɵnamespaceSVG();
|
|
21135
|
-
i0.ɵɵelementStart(1, "svg",
|
|
21136
|
-
i0.ɵɵelement(2, "path",
|
|
21152
|
+
i0.ɵɵelementStart(1, "svg", 128);
|
|
21153
|
+
i0.ɵɵelement(2, "path", 141);
|
|
21137
21154
|
i0.ɵɵelementEnd();
|
|
21138
21155
|
i0.ɵɵnamespaceHTML();
|
|
21139
|
-
i0.ɵɵelementStart(3, "h3",
|
|
21156
|
+
i0.ɵɵelementStart(3, "h3", 129);
|
|
21140
21157
|
i0.ɵɵtext(4, "No Breakdowns Found");
|
|
21141
21158
|
i0.ɵɵelementEnd();
|
|
21142
|
-
i0.ɵɵelementStart(5, "p",
|
|
21159
|
+
i0.ɵɵelementStart(5, "p", 130);
|
|
21143
21160
|
i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
|
|
21144
21161
|
i0.ɵɵelementEnd()();
|
|
21145
21162
|
} if (rf & 2) {
|
|
@@ -21153,28 +21170,28 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Temp
|
|
|
21153
21170
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
21154
21171
|
} }
|
|
21155
21172
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
|
|
21156
|
-
const
|
|
21157
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div",
|
|
21158
|
-
i0.ɵɵelementStart(1, "section",
|
|
21159
|
-
i0.ɵɵelement(2, "div",
|
|
21160
|
-
i0.ɵɵelementStart(3, "div",
|
|
21173
|
+
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);
|
|
21161
21178
|
i0.ɵɵnamespaceSVG();
|
|
21162
|
-
i0.ɵɵelementStart(7, "svg",
|
|
21163
|
-
i0.ɵɵelement(8, "path",
|
|
21179
|
+
i0.ɵɵelementStart(7, "svg", 75);
|
|
21180
|
+
i0.ɵɵelement(8, "path", 135);
|
|
21164
21181
|
i0.ɵɵelementEnd();
|
|
21165
21182
|
i0.ɵɵnamespaceHTML();
|
|
21166
|
-
i0.ɵɵelementStart(9, "h2",
|
|
21183
|
+
i0.ɵɵelementStart(9, "h2", 77);
|
|
21167
21184
|
i0.ɵɵtext(10, "Performance Breakdowns");
|
|
21168
21185
|
i0.ɵɵelementEnd()()();
|
|
21169
|
-
i0.ɵɵelementStart(11, "div",
|
|
21170
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(
|
|
21171
|
-
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_12_Template, 2, 0, "div",
|
|
21172
|
-
i0.ɵɵelementStart(13, "select",
|
|
21173
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(
|
|
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)); });
|
|
21174
21191
|
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Template, 2, 1, null, null, _forTrack0$1);
|
|
21175
21192
|
i0.ɵɵelementEnd()()();
|
|
21176
|
-
i0.ɵɵelementStart(16, "div",
|
|
21177
|
-
i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template, 2, 8, "div",
|
|
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);
|
|
21178
21195
|
i0.ɵɵelementEnd()()();
|
|
21179
21196
|
} if (rf & 2) {
|
|
21180
21197
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -21200,13 +21217,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx
|
|
|
21200
21217
|
i0.ɵɵrepeater(ctx_r1.breakdowns());
|
|
21201
21218
|
} }
|
|
21202
21219
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21203
|
-
i0.ɵɵelementStart(0, "div",
|
|
21204
|
-
i0.ɵɵelement(2, "div",
|
|
21220
|
+
i0.ɵɵelementStart(0, "div", 142)(1, "div", 80);
|
|
21221
|
+
i0.ɵɵelement(2, "div", 81);
|
|
21205
21222
|
i0.ɵɵelementEnd();
|
|
21206
|
-
i0.ɵɵelementStart(3, "div",
|
|
21223
|
+
i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
|
|
21207
21224
|
i0.ɵɵnamespaceSVG();
|
|
21208
|
-
i0.ɵɵelementStart(5, "svg",
|
|
21209
|
-
i0.ɵɵelement(6, "path",
|
|
21225
|
+
i0.ɵɵelementStart(5, "svg", 84);
|
|
21226
|
+
i0.ɵɵelement(6, "path", 145);
|
|
21210
21227
|
i0.ɵɵelementEnd()()()();
|
|
21211
21228
|
} if (rf & 2) {
|
|
21212
21229
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -21218,57 +21235,57 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Te
|
|
|
21218
21235
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-indigo-500" : "text-indigo-400");
|
|
21219
21236
|
} }
|
|
21220
21237
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
21221
|
-
i0.ɵɵelementStart(0, "div",
|
|
21222
|
-
i0.ɵɵelement(1, "div",
|
|
21238
|
+
i0.ɵɵelementStart(0, "div", 103);
|
|
21239
|
+
i0.ɵɵelement(1, "div", 148);
|
|
21223
21240
|
i0.ɵɵelementEnd();
|
|
21224
21241
|
} }
|
|
21225
21242
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21226
|
-
i0.ɵɵelementStart(0, "option",
|
|
21243
|
+
i0.ɵɵelementStart(0, "option", 114);
|
|
21227
21244
|
i0.ɵɵtext(1);
|
|
21228
21245
|
i0.ɵɵelementEnd();
|
|
21229
21246
|
} if (rf & 2) {
|
|
21230
|
-
const
|
|
21231
|
-
i0.ɵɵproperty("value",
|
|
21247
|
+
const filter_r30 = i0.ɵɵnextContext().$implicit;
|
|
21248
|
+
i0.ɵɵproperty("value", filter_r30.value);
|
|
21232
21249
|
i0.ɵɵadvance();
|
|
21233
|
-
i0.ɵɵtextInterpolate(
|
|
21250
|
+
i0.ɵɵtextInterpolate(filter_r30.label);
|
|
21234
21251
|
} }
|
|
21235
21252
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21236
|
-
i0.ɵɵelementStart(0, "option",
|
|
21253
|
+
i0.ɵɵelementStart(0, "option", 27);
|
|
21237
21254
|
i0.ɵɵtext(1);
|
|
21238
21255
|
i0.ɵɵelementEnd();
|
|
21239
21256
|
} if (rf & 2) {
|
|
21240
|
-
const
|
|
21241
|
-
i0.ɵɵproperty("value",
|
|
21257
|
+
const filter_r30 = i0.ɵɵnextContext().$implicit;
|
|
21258
|
+
i0.ɵɵproperty("value", filter_r30.value);
|
|
21242
21259
|
i0.ɵɵadvance();
|
|
21243
|
-
i0.ɵɵtextInterpolate(
|
|
21260
|
+
i0.ɵɵtextInterpolate(filter_r30.label);
|
|
21244
21261
|
} }
|
|
21245
21262
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
21246
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_0_Template, 2, 2, "option",
|
|
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);
|
|
21247
21264
|
} if (rf & 2) {
|
|
21248
|
-
const
|
|
21249
|
-
i0.ɵɵconditional(
|
|
21265
|
+
const filter_r30 = ctx.$implicit;
|
|
21266
|
+
i0.ɵɵconditional(filter_r30.divider ? 0 : 1);
|
|
21250
21267
|
} }
|
|
21251
21268
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
|
|
21252
|
-
const
|
|
21253
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div",
|
|
21254
|
-
i0.ɵɵelementStart(1, "section",
|
|
21255
|
-
i0.ɵɵelement(2, "div",
|
|
21256
|
-
i0.ɵɵelementStart(3, "div",
|
|
21269
|
+
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);
|
|
21257
21274
|
i0.ɵɵnamespaceSVG();
|
|
21258
|
-
i0.ɵɵelementStart(8, "svg",
|
|
21259
|
-
i0.ɵɵelement(9, "path",
|
|
21275
|
+
i0.ɵɵelementStart(8, "svg", 75);
|
|
21276
|
+
i0.ɵɵelement(9, "path", 145);
|
|
21260
21277
|
i0.ɵɵelementEnd();
|
|
21261
21278
|
i0.ɵɵnamespaceHTML();
|
|
21262
|
-
i0.ɵɵelementStart(10, "h2",
|
|
21279
|
+
i0.ɵɵelementStart(10, "h2", 77);
|
|
21263
21280
|
i0.ɵɵtext(11, "Competitive Intelligence");
|
|
21264
21281
|
i0.ɵɵelementEnd()()()();
|
|
21265
|
-
i0.ɵɵelementStart(12, "div",
|
|
21266
|
-
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_13_Template, 2, 0, "div",
|
|
21267
|
-
i0.ɵɵelementStart(14, "select",
|
|
21268
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(
|
|
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)); });
|
|
21269
21286
|
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Template, 2, 1, null, null, _forTrack0$1);
|
|
21270
21287
|
i0.ɵɵelementEnd()()();
|
|
21271
|
-
i0.ɵɵelement(17, "symphiq-competitive-intelligence-view",
|
|
21288
|
+
i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 147);
|
|
21272
21289
|
i0.ɵɵelementEnd()();
|
|
21273
21290
|
} if (rf & 2) {
|
|
21274
21291
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -21301,6 +21318,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21301
21318
|
this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
|
|
21302
21319
|
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
21303
21320
|
this.funnelAnalysis = input(FUNNEL_ANALYSIS, ...(ngDevMode ? [{ debugName: "funnelAnalysis" }] : []));
|
|
21321
|
+
this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
|
|
21304
21322
|
// State signals
|
|
21305
21323
|
this.selectedCategory = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedCategory" }] : []));
|
|
21306
21324
|
this.reverseSortOrder = signal(false, ...(ngDevMode ? [{ debugName: "reverseSortOrder" }] : []));
|
|
@@ -21641,6 +21659,14 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21641
21659
|
if (this.modalComponent) {
|
|
21642
21660
|
this.modalComponent.setMetricsAndInsights(this.allMetrics(), this.insights(), this.allCharts());
|
|
21643
21661
|
}
|
|
21662
|
+
// Set up container scroll listener when in embedded mode
|
|
21663
|
+
if (this.embedded() && this.dashboardContainer) {
|
|
21664
|
+
const container = (this.dashboardContainer.nativeElement.closest('[style*="overflow"]')
|
|
21665
|
+
|| this.dashboardContainer.nativeElement.parentElement);
|
|
21666
|
+
if (container) {
|
|
21667
|
+
container.addEventListener('scroll', () => this.onContainerScroll(container), { passive: true });
|
|
21668
|
+
}
|
|
21669
|
+
}
|
|
21644
21670
|
}
|
|
21645
21671
|
handleSearchResult(result) {
|
|
21646
21672
|
this.searchService.setActiveResult(result);
|
|
@@ -21847,7 +21873,56 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21847
21873
|
}
|
|
21848
21874
|
return '';
|
|
21849
21875
|
}
|
|
21876
|
+
onContainerScroll(container) {
|
|
21877
|
+
if (!this.embedded()) {
|
|
21878
|
+
return;
|
|
21879
|
+
}
|
|
21880
|
+
const scrollPosition = container.scrollTop;
|
|
21881
|
+
// Update scroll progress immediately for smooth bar animation
|
|
21882
|
+
const containerHeight = container.clientHeight;
|
|
21883
|
+
const scrollHeight = container.scrollHeight;
|
|
21884
|
+
const maxScroll = scrollHeight - containerHeight;
|
|
21885
|
+
const progress = maxScroll > 0 ? (scrollPosition / maxScroll) * 100 : 0;
|
|
21886
|
+
this.scrollProgress.set(Math.min(100, Math.max(0, progress)));
|
|
21887
|
+
// Skip header state updates during programmatic scrolling
|
|
21888
|
+
if (this.isProgrammaticScroll) {
|
|
21889
|
+
return;
|
|
21890
|
+
}
|
|
21891
|
+
// Check if we're in cooldown period after a recent state change
|
|
21892
|
+
const now = Date.now();
|
|
21893
|
+
const timeSinceLastChange = now - this.lastStateChangeTime;
|
|
21894
|
+
if (timeSinceLastChange < this.STATE_CHANGE_COOLDOWN) {
|
|
21895
|
+
return;
|
|
21896
|
+
}
|
|
21897
|
+
// Clear any pending timeout
|
|
21898
|
+
if (this.scrollTimeout) {
|
|
21899
|
+
clearTimeout(this.scrollTimeout);
|
|
21900
|
+
}
|
|
21901
|
+
// Use hysteresis (two different thresholds) to prevent bounce loop
|
|
21902
|
+
const COLLAPSE_THRESHOLD = 150;
|
|
21903
|
+
const EXPAND_THRESHOLD = 100;
|
|
21904
|
+
const currentState = this.isScrolled();
|
|
21905
|
+
// Determine new state based on current position and hysteresis logic
|
|
21906
|
+
let newState = currentState;
|
|
21907
|
+
// If currently expanded and we scroll past collapse threshold, collapse
|
|
21908
|
+
if (!currentState && scrollPosition > COLLAPSE_THRESHOLD) {
|
|
21909
|
+
newState = true;
|
|
21910
|
+
}
|
|
21911
|
+
// If currently collapsed and we scroll back above expand threshold, expand
|
|
21912
|
+
else if (currentState && scrollPosition < EXPAND_THRESHOLD) {
|
|
21913
|
+
newState = false;
|
|
21914
|
+
}
|
|
21915
|
+
// Only update state if it actually changed
|
|
21916
|
+
if (newState !== currentState) {
|
|
21917
|
+
this.isScrolled.set(newState);
|
|
21918
|
+
this.lastStateChangeTime = Date.now();
|
|
21919
|
+
}
|
|
21920
|
+
this.lastScrollPosition = scrollPosition;
|
|
21921
|
+
}
|
|
21850
21922
|
onScroll() {
|
|
21923
|
+
if (this.embedded()) {
|
|
21924
|
+
return; // Skip window scroll handling when embedded
|
|
21925
|
+
}
|
|
21851
21926
|
const scrollPosition = window.scrollY;
|
|
21852
21927
|
// Update scroll progress immediately for smooth bar animation
|
|
21853
21928
|
const windowHeight = window.innerHeight;
|
|
@@ -21996,113 +22071,117 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21996
22071
|
static { this.ɵfac = function SymphiqFunnelAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisDashboardComponent)(i0.ɵɵdirectiveInject(FunnelOrderService), i0.ɵɵdirectiveInject(ViewModeService), i0.ɵɵdirectiveInject(SearchService)); }; }
|
|
21997
22072
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisDashboardComponent, selectors: [["symphiq-funnel-analysis-dashboard"]], viewQuery: function SymphiqFunnelAnalysisDashboardComponent_Query(rf, ctx) { if (rf & 1) {
|
|
21998
22073
|
i0.ɵɵviewQuery(ModalComponent, 5);
|
|
22074
|
+
i0.ɵɵviewQuery(_c0$4, 5);
|
|
21999
22075
|
} if (rf & 2) {
|
|
22000
22076
|
let _t;
|
|
22001
22077
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalComponent = _t.first);
|
|
22078
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
|
|
22002
22079
|
} }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
22003
22080
|
i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
22004
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"] }, decls: 85, vars: 89, consts: [[1, "min-h-screen", "bg-transparent", "relative"], [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, "fixed", "inset-0", "-z-10", "pointer-events-none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "click", "title", "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [3, "width", "height", "isLightMode"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
22005
|
-
i0.ɵɵ
|
|
22006
|
-
i0.ɵɵ
|
|
22007
|
-
i0.ɵɵ
|
|
22008
|
-
i0.ɵɵ
|
|
22009
|
-
i0.ɵɵ
|
|
22010
|
-
i0.ɵɵelementStart(8, "div", 8);
|
|
22011
|
-
i0.ɵɵelement(9, "div", 9);
|
|
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) {
|
|
22082
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
22083
|
+
i0.ɵɵelementStart(0, "div", 1, 0);
|
|
22084
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template, 1, 2, "div", 2);
|
|
22085
|
+
i0.ɵɵelementStart(3, "div");
|
|
22086
|
+
i0.ɵɵelement(4, "div", 3)(5, "div", 4)(6, "div", 5)(7, "div", 6)(8, "div", 7);
|
|
22012
22087
|
i0.ɵɵelementEnd();
|
|
22013
|
-
i0.ɵɵ
|
|
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);
|
|
22014
22090
|
i0.ɵɵtext(16);
|
|
22015
22091
|
i0.ɵɵelementEnd();
|
|
22016
|
-
i0.ɵɵelementStart(17, "div",
|
|
22092
|
+
i0.ɵɵelementStart(17, "div", 15)(18, "p", 16);
|
|
22017
22093
|
i0.ɵɵtext(19, "Revenue Orchestration & Funnel Analysis");
|
|
22018
22094
|
i0.ɵɵelementEnd();
|
|
22019
|
-
i0.ɵɵelementStart(20, "div",
|
|
22020
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_21_listener($event) { ctx.searchService.openSearch(); return $event.preventDefault(); });
|
|
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()); });
|
|
22021
22097
|
i0.ɵɵnamespaceSVG();
|
|
22022
|
-
i0.ɵɵelementStart(22, "svg",
|
|
22023
|
-
i0.ɵɵelement(23, "path",
|
|
22098
|
+
i0.ɵɵelementStart(22, "svg", 19);
|
|
22099
|
+
i0.ɵɵelement(23, "path", 20);
|
|
22024
22100
|
i0.ɵɵelementEnd();
|
|
22025
22101
|
i0.ɵɵnamespaceHTML();
|
|
22026
22102
|
i0.ɵɵelementStart(24, "span");
|
|
22027
22103
|
i0.ɵɵtext(25, "Search");
|
|
22028
22104
|
i0.ɵɵelementEnd()();
|
|
22029
|
-
i0.ɵɵelementStart(26, "div",
|
|
22030
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_27_listener($event) { ctx.viewModeService.toggleViewMode(); return $event.preventDefault(); });
|
|
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()); });
|
|
22031
22107
|
i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template, 4, 0)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template, 4, 0);
|
|
22032
22108
|
i0.ɵɵelementEnd()();
|
|
22033
|
-
i0.ɵɵelementStart(30, "div",
|
|
22109
|
+
i0.ɵɵelementStart(30, "div", 23)(31, "label", 24);
|
|
22034
22110
|
i0.ɵɵtext(32, "View:");
|
|
22035
22111
|
i0.ɵɵelementEnd();
|
|
22036
|
-
i0.ɵɵelementStart(33, "div",
|
|
22037
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_33_listener($event) { return $event.stopPropagation(); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_33_listener($event) { return $event.stopPropagation(); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_33_listener($event) { return $event.stopPropagation(); });
|
|
22038
|
-
i0.ɵɵelementStart(34, "select",
|
|
22039
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_34_listener($event) { return ctx.changeSectionFilter($event); });
|
|
22040
|
-
i0.ɵɵrepeaterCreate(35, SymphiqFunnelAnalysisDashboardComponent_For_36_Template, 2, 2, "option",
|
|
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);
|
|
22041
22117
|
i0.ɵɵelementEnd()()()()()();
|
|
22042
|
-
i0.ɵɵelementStart(37, "div",
|
|
22118
|
+
i0.ɵɵelementStart(37, "div", 28)(38, "div", 29)(39, "div", 30);
|
|
22043
22119
|
i0.ɵɵtext(40, "Generated At");
|
|
22044
22120
|
i0.ɵɵelementEnd();
|
|
22045
|
-
i0.ɵɵelementStart(41, "div",
|
|
22121
|
+
i0.ɵɵelementStart(41, "div", 31);
|
|
22046
22122
|
i0.ɵɵtext(42);
|
|
22047
22123
|
i0.ɵɵelementEnd()();
|
|
22048
|
-
i0.ɵɵelementStart(43, "div",
|
|
22124
|
+
i0.ɵɵelementStart(43, "div", 29)(44, "div", 30);
|
|
22049
22125
|
i0.ɵɵtext(45, "Requested by");
|
|
22050
22126
|
i0.ɵɵelementEnd();
|
|
22051
|
-
i0.ɵɵelementStart(46, "div",
|
|
22127
|
+
i0.ɵɵelementStart(46, "div", 31);
|
|
22052
22128
|
i0.ɵɵtext(47);
|
|
22053
22129
|
i0.ɵɵelementEnd()()()()()();
|
|
22054
|
-
i0.ɵɵelementStart(48, "div",
|
|
22130
|
+
i0.ɵɵelementStart(48, "div", 10)(49, "div", 32)(50, "div", 33)(51, "div", 34)(52, "h1", 35);
|
|
22055
22131
|
i0.ɵɵtext(53);
|
|
22056
22132
|
i0.ɵɵelementEnd();
|
|
22057
|
-
i0.ɵɵconditionalCreate(54, SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template, 7, 9, "div",
|
|
22133
|
+
i0.ɵɵconditionalCreate(54, SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template, 7, 9, "div", 36);
|
|
22058
22134
|
i0.ɵɵelementEnd();
|
|
22059
|
-
i0.ɵɵelementStart(55, "div",
|
|
22060
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_56_listener($event) { ctx.searchService.openSearch(); return $event.preventDefault(); });
|
|
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()); });
|
|
22061
22137
|
i0.ɵɵnamespaceSVG();
|
|
22062
|
-
i0.ɵɵelementStart(57, "svg",
|
|
22063
|
-
i0.ɵɵelement(58, "path",
|
|
22138
|
+
i0.ɵɵelementStart(57, "svg", 39);
|
|
22139
|
+
i0.ɵɵelement(58, "path", 20);
|
|
22064
22140
|
i0.ɵɵelementEnd()();
|
|
22065
22141
|
i0.ɵɵnamespaceHTML();
|
|
22066
|
-
i0.ɵɵelementStart(59, "button",
|
|
22067
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_59_listener($event) { ctx.viewModeService.toggleViewMode(); return $event.preventDefault(); });
|
|
22068
|
-
i0.ɵɵconditionalCreate(60, SymphiqFunnelAnalysisDashboardComponent_Conditional_60_Template, 2, 0, ":svg:svg",
|
|
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);
|
|
22069
22145
|
i0.ɵɵelementEnd();
|
|
22070
|
-
i0.ɵɵelementStart(62, "div",
|
|
22071
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_62_listener($event) { return $event.stopPropagation(); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_62_listener($event) { return $event.stopPropagation(); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_62_listener($event) { return $event.stopPropagation(); });
|
|
22072
|
-
i0.ɵɵelementStart(63, "select",
|
|
22073
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_63_listener($event) { return ctx.changeSectionFilter($event); });
|
|
22074
|
-
i0.ɵɵrepeaterCreate(64, SymphiqFunnelAnalysisDashboardComponent_For_65_Template, 2, 2, "option",
|
|
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);
|
|
22075
22151
|
i0.ɵɵelementEnd()()()()()()();
|
|
22076
|
-
i0.ɵɵconditionalCreate(66, SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template, 16, 8, "div",
|
|
22077
|
-
i0.ɵɵelementStart(67, "div",
|
|
22078
|
-
i0.ɵɵconditionalCreate(68, SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template, 1, 2, "button",
|
|
22079
|
-
i0.ɵɵconditionalCreate(69, SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template, 1, 2, "button",
|
|
22080
|
-
i0.ɵɵconditionalCreate(70, SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template, 1, 2, "button",
|
|
22081
|
-
i0.ɵɵconditionalCreate(71, SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template, 1, 2, "button",
|
|
22082
|
-
i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 1, 2, "button",
|
|
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);
|
|
22155
|
+
i0.ɵɵconditionalCreate(69, SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template, 1, 2, "button", 44);
|
|
22156
|
+
i0.ɵɵconditionalCreate(70, SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template, 1, 2, "button", 44);
|
|
22157
|
+
i0.ɵɵconditionalCreate(71, SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template, 1, 2, "button", 44);
|
|
22158
|
+
i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 1, 2, "button", 44);
|
|
22083
22159
|
i0.ɵɵelementEnd();
|
|
22084
|
-
i0.ɵɵelementStart(73, "main",
|
|
22085
|
-
i0.ɵɵconditionalCreate(75, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template, 2, 9, "div",
|
|
22160
|
+
i0.ɵɵelementStart(73, "main", 45)(74, "div", 46);
|
|
22161
|
+
i0.ɵɵconditionalCreate(75, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template, 2, 9, "div", 47);
|
|
22086
22162
|
i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 17, 10);
|
|
22087
22163
|
i0.ɵɵconditionalCreate(77, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template, 32, 22);
|
|
22088
22164
|
i0.ɵɵconditionalCreate(78, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template, 20, 16);
|
|
22089
22165
|
i0.ɵɵconditionalCreate(79, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template, 18, 16);
|
|
22090
22166
|
i0.ɵɵelementEnd()();
|
|
22091
|
-
i0.ɵɵelement(80, "symphiq-funnel-analysis-modal",
|
|
22092
|
-
i0.ɵɵelementStart(82, "symphiq-search-bar",
|
|
22093
|
-
i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_82_listener($event) { return ctx.handleSearchResult($event); });
|
|
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)); });
|
|
22094
22170
|
i0.ɵɵelementEnd();
|
|
22095
|
-
i0.ɵɵelementStart(83, "symphiq-mobile-fab",
|
|
22096
|
-
i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_83_listener($event) { return ctx.fabExpanded.set($event); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_83_listener() { return ctx.scrollToTop(); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_83_listener() { return ctx.viewModeService.toggleViewMode(); });
|
|
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()); });
|
|
22097
22173
|
i0.ɵɵelementEnd();
|
|
22098
|
-
i0.ɵɵelementStart(84, "symphiq-mobile-bottom-nav",
|
|
22099
|
-
i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_84_listener($event) { return ctx.handleMobileNavigation($event); });
|
|
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)); });
|
|
22100
22176
|
i0.ɵɵelementEnd()();
|
|
22101
22177
|
} if (rf & 2) {
|
|
22102
|
-
let
|
|
22103
|
-
i0.ɵɵ
|
|
22104
|
-
i0.ɵɵclassProp("light-mode", ctx.isLightMode());
|
|
22178
|
+
let tmp_30_0;
|
|
22179
|
+
i0.ɵɵclassProp("relative", !ctx.embedded());
|
|
22105
22180
|
i0.ɵɵadvance(2);
|
|
22181
|
+
i0.ɵɵconditional(!ctx.embedded() ? 2 : -1);
|
|
22182
|
+
i0.ɵɵadvance();
|
|
22183
|
+
i0.ɵɵclassMap(ctx.embedded() ? "absolute inset-0 -z-10 pointer-events-none" : "fixed inset-0 -z-10 pointer-events-none");
|
|
22184
|
+
i0.ɵɵadvance();
|
|
22106
22185
|
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40" : "bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950");
|
|
22107
22186
|
i0.ɵɵadvance(2);
|
|
22108
22187
|
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-radial from-blue-400/20 via-transparent to-transparent" : "bg-gradient-radial from-blue-500/10 via-transparent to-transparent");
|
|
@@ -22110,9 +22189,8 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22110
22189
|
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-radial from-indigo-400/15 via-transparent to-transparent" : "bg-gradient-radial from-indigo-500/8 via-transparent to-transparent");
|
|
22111
22190
|
i0.ɵɵadvance();
|
|
22112
22191
|
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");
|
|
22113
|
-
i0.ɵɵadvance(
|
|
22114
|
-
i0.ɵɵ
|
|
22115
|
-
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");
|
|
22192
|
+
i0.ɵɵadvance();
|
|
22193
|
+
i0.ɵɵconditional(!ctx.embedded() ? 9 : -1);
|
|
22116
22194
|
i0.ɵɵadvance();
|
|
22117
22195
|
i0.ɵɵclassMap(ctx.headerClass());
|
|
22118
22196
|
i0.ɵɵadvance();
|
|
@@ -22147,7 +22225,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22147
22225
|
i0.ɵɵadvance(2);
|
|
22148
22226
|
i0.ɵɵclassMap(ctx.headerTitleClass());
|
|
22149
22227
|
i0.ɵɵadvance();
|
|
22150
|
-
i0.ɵɵtextInterpolate2("", (
|
|
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);
|
|
22151
22229
|
i0.ɵɵadvance();
|
|
22152
22230
|
i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
|
|
22153
22231
|
i0.ɵɵadvance();
|
|
@@ -22229,12 +22307,14 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22229
22307
|
CompetitiveIntelligenceViewComponent,
|
|
22230
22308
|
SkeletonLoaderComponent,
|
|
22231
22309
|
], template: `
|
|
22232
|
-
<div class="min-h-screen bg-transparent relative">
|
|
22310
|
+
<div class="min-h-screen bg-transparent" [class.relative]="!embedded()" #dashboardContainer>
|
|
22233
22311
|
<!-- Animated Background Bubbles -->
|
|
22234
|
-
|
|
22312
|
+
@if (!embedded()) {
|
|
22313
|
+
<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>
|
|
22314
|
+
}
|
|
22235
22315
|
|
|
22236
22316
|
<!-- Mesh Gradient Background -->
|
|
22237
|
-
<div class="fixed inset-0 -z-10 pointer-events-none">
|
|
22317
|
+
<div [class]="embedded() ? 'absolute inset-0 -z-10 pointer-events-none' : 'fixed inset-0 -z-10 pointer-events-none'">
|
|
22238
22318
|
<div
|
|
22239
22319
|
[ngClass]="isLightMode()
|
|
22240
22320
|
? 'bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40'
|
|
@@ -22270,13 +22350,15 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22270
22350
|
</div>
|
|
22271
22351
|
|
|
22272
22352
|
<!-- Scroll Progress Bar -->
|
|
22273
|
-
|
|
22274
|
-
<div
|
|
22275
|
-
|
|
22276
|
-
|
|
22277
|
-
|
|
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>
|
|
22278
22360
|
</div>
|
|
22279
|
-
|
|
22361
|
+
}
|
|
22280
22362
|
|
|
22281
22363
|
<header [class]="headerClass()" class="sticky top-0 z-50 animate-fade-in" style="animation-delay: 0s;">
|
|
22282
22364
|
<!-- Expanded Header (default state) -->
|
|
@@ -22982,11 +23064,14 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22982
23064
|
}], () => [{ type: FunnelOrderService }, { type: ViewModeService }, { type: SearchService }], { modalComponent: [{
|
|
22983
23065
|
type: ViewChild,
|
|
22984
23066
|
args: [ModalComponent]
|
|
22985
|
-
}],
|
|
23067
|
+
}], dashboardContainer: [{
|
|
23068
|
+
type: ViewChild,
|
|
23069
|
+
args: ['dashboardContainer', { static: false }]
|
|
23070
|
+
}], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], onScroll: [{
|
|
22986
23071
|
type: HostListener,
|
|
22987
23072
|
args: ['window:scroll', ['$event']]
|
|
22988
23073
|
}] }); })();
|
|
22989
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
23074
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 908 }); })();
|
|
22990
23075
|
|
|
22991
23076
|
const _forTrack0 = ($index, $item) => $item.performanceItemId;
|
|
22992
23077
|
function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|