@eric-emg/symphiq-components 1.2.92 → 1.2.93
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/fesm2022/symphiq-components.mjs +267 -270
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +13 -13
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/styles.css +1 -1
- package/styles.css +24 -40
|
@@ -9190,7 +9190,7 @@ class StatusBadgeTooltipComponent {
|
|
|
9190
9190
|
this.progressBarBgClass = computed(() => this.isLightMode() ? 'bg-slate-200' : 'bg-slate-700', ...(ngDevMode ? [{ debugName: "progressBarBgClass" }] : []));
|
|
9191
9191
|
this.progressBarWidth = computed(() => {
|
|
9192
9192
|
const pacing = this.content().pacingPercentage || 0;
|
|
9193
|
-
// pacingPercentage is
|
|
9193
|
+
// pacingPercentage is already a percentage, so 100% + variance = actual pacing
|
|
9194
9194
|
const actualPacing = 100 + pacing;
|
|
9195
9195
|
return Math.min(Math.max(actualPacing, 0), 100);
|
|
9196
9196
|
}, ...(ngDevMode ? [{ debugName: "progressBarWidth" }] : []));
|
|
@@ -9265,6 +9265,7 @@ class StatusBadgeTooltipComponent {
|
|
|
9265
9265
|
this.statusExplanation = computed(() => {
|
|
9266
9266
|
const status = this.content().status;
|
|
9267
9267
|
const pacing = this.content().pacingPercentage;
|
|
9268
|
+
// pacingPercentage is already a percentage value (e.g., 17.6)
|
|
9268
9269
|
const pacingText = pacing !== undefined ? `${pacing > 0 ? '+' : ''}${pacing.toFixed(1)}%` : '';
|
|
9269
9270
|
switch (status) {
|
|
9270
9271
|
case 'ON_TRACK':
|
|
@@ -9297,7 +9298,9 @@ class StatusBadgeTooltipComponent {
|
|
|
9297
9298
|
return this.formatCurrencyValue(value);
|
|
9298
9299
|
}
|
|
9299
9300
|
else if (unit === 'percentage') {
|
|
9300
|
-
|
|
9301
|
+
// Convert decimal to percentage if value is between 0-1
|
|
9302
|
+
const percentValue = value < 1 ? value * 100 : value;
|
|
9303
|
+
return `${percentValue.toFixed(1)}%`;
|
|
9301
9304
|
}
|
|
9302
9305
|
else {
|
|
9303
9306
|
return this.formatLargeNumberValue(value);
|
|
@@ -9306,6 +9309,7 @@ class StatusBadgeTooltipComponent {
|
|
|
9306
9309
|
// Animate pacing values when content changes
|
|
9307
9310
|
effect(() => {
|
|
9308
9311
|
const pacing = this.content().pacingPercentage || 0;
|
|
9312
|
+
// pacingPercentage is already a percentage value (e.g., 17.6)
|
|
9309
9313
|
const actualPacing = 100 + pacing;
|
|
9310
9314
|
const projectedValue = this.content().projectedValue || 0;
|
|
9311
9315
|
untracked(() => {
|
|
@@ -21547,12 +21551,15 @@ const _c3 = () => [1, 2, 3];
|
|
|
21547
21551
|
const _c4 = () => [1, 2, 3, 4];
|
|
21548
21552
|
const _c5 = () => [1, 2];
|
|
21549
21553
|
const _forTrack0$1 = ($index, $item) => $item.value;
|
|
21550
|
-
function
|
|
21551
|
-
i0.ɵɵelement(0, "div",
|
|
21554
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
21555
|
+
i0.ɵɵelement(0, "div", 50)(1, "div", 51)(2, "div", 52);
|
|
21556
|
+
} }
|
|
21557
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
21558
|
+
i0.ɵɵelement(0, "div", 13);
|
|
21552
21559
|
} }
|
|
21553
|
-
function
|
|
21560
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
21554
21561
|
i0.ɵɵnamespaceSVG();
|
|
21555
|
-
i0.ɵɵelementStart(0, "svg",
|
|
21562
|
+
i0.ɵɵelementStart(0, "svg", 18);
|
|
21556
21563
|
i0.ɵɵelement(1, "path", 53);
|
|
21557
21564
|
i0.ɵɵelementEnd();
|
|
21558
21565
|
i0.ɵɵnamespaceHTML();
|
|
@@ -21560,9 +21567,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_31_Template(rf, ctx
|
|
|
21560
21567
|
i0.ɵɵtext(3, "Compact");
|
|
21561
21568
|
i0.ɵɵelementEnd();
|
|
21562
21569
|
} }
|
|
21563
|
-
function
|
|
21570
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
|
|
21564
21571
|
i0.ɵɵnamespaceSVG();
|
|
21565
|
-
i0.ɵɵelementStart(0, "svg",
|
|
21572
|
+
i0.ɵɵelementStart(0, "svg", 18);
|
|
21566
21573
|
i0.ɵɵelement(1, "path", 54);
|
|
21567
21574
|
i0.ɵɵelementEnd();
|
|
21568
21575
|
i0.ɵɵnamespaceHTML();
|
|
@@ -21570,8 +21577,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_32_Template(rf, ctx
|
|
|
21570
21577
|
i0.ɵɵtext(3, "Expanded");
|
|
21571
21578
|
i0.ɵɵelementEnd();
|
|
21572
21579
|
} }
|
|
21573
|
-
function
|
|
21574
|
-
i0.ɵɵelementStart(0, "option",
|
|
21580
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_37_Template(rf, ctx) { if (rf & 1) {
|
|
21581
|
+
i0.ɵɵelementStart(0, "option", 26);
|
|
21575
21582
|
i0.ɵɵtext(1);
|
|
21576
21583
|
i0.ɵɵelementEnd();
|
|
21577
21584
|
} if (rf & 2) {
|
|
@@ -21580,8 +21587,8 @@ function SymphiqFunnelAnalysisDashboardComponent_For_39_Template(rf, ctx) { if (
|
|
|
21580
21587
|
i0.ɵɵadvance();
|
|
21581
21588
|
i0.ɵɵtextInterpolate(section_r2.label);
|
|
21582
21589
|
} }
|
|
21583
|
-
function
|
|
21584
|
-
i0.ɵɵelementStart(0, "div",
|
|
21590
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
|
|
21591
|
+
i0.ɵɵelementStart(0, "div", 35)(1, "span", 55);
|
|
21585
21592
|
i0.ɵɵtext(2, "Revenue:");
|
|
21586
21593
|
i0.ɵɵelementEnd();
|
|
21587
21594
|
i0.ɵɵelementStart(3, "span", 56);
|
|
@@ -21604,20 +21611,20 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_57_Template(rf, ctx
|
|
|
21604
21611
|
i0.ɵɵadvance();
|
|
21605
21612
|
i0.ɵɵtextInterpolate2(" ", ctx_r2.revenueTrend() >= 0 ? "+" : "", "", ctx_r2.revenueTrend().toFixed(1), "% ");
|
|
21606
21613
|
} }
|
|
21607
|
-
function
|
|
21614
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
|
|
21608
21615
|
i0.ɵɵnamespaceSVG();
|
|
21609
|
-
i0.ɵɵelementStart(0, "svg",
|
|
21616
|
+
i0.ɵɵelementStart(0, "svg", 37);
|
|
21610
21617
|
i0.ɵɵelement(1, "path", 53);
|
|
21611
21618
|
i0.ɵɵelementEnd();
|
|
21612
21619
|
} }
|
|
21613
|
-
function
|
|
21620
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
|
|
21614
21621
|
i0.ɵɵnamespaceSVG();
|
|
21615
|
-
i0.ɵɵelementStart(0, "svg",
|
|
21622
|
+
i0.ɵɵelementStart(0, "svg", 37);
|
|
21616
21623
|
i0.ɵɵelement(1, "path", 54);
|
|
21617
21624
|
i0.ɵɵelementEnd();
|
|
21618
21625
|
} }
|
|
21619
|
-
function
|
|
21620
|
-
i0.ɵɵelementStart(0, "option",
|
|
21626
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (rf & 1) {
|
|
21627
|
+
i0.ɵɵelementStart(0, "option", 26);
|
|
21621
21628
|
i0.ɵɵtext(1);
|
|
21622
21629
|
i0.ɵɵelementEnd();
|
|
21623
21630
|
} if (rf & 2) {
|
|
@@ -21626,12 +21633,12 @@ function SymphiqFunnelAnalysisDashboardComponent_For_68_Template(rf, ctx) { if (
|
|
|
21626
21633
|
i0.ɵɵadvance();
|
|
21627
21634
|
i0.ɵɵtextInterpolate(section_r4.label);
|
|
21628
21635
|
} }
|
|
21629
|
-
function
|
|
21636
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
|
|
21630
21637
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
21631
|
-
i0.ɵɵelementStart(0, "div",
|
|
21638
|
+
i0.ɵɵelementStart(0, "div", 40)(1, "div", 31)(2, "div", 32)(3, "div", 58);
|
|
21632
21639
|
i0.ɵɵnamespaceSVG();
|
|
21633
21640
|
i0.ɵɵelementStart(4, "svg", 59);
|
|
21634
|
-
i0.ɵɵelement(5, "path",
|
|
21641
|
+
i0.ɵɵelement(5, "path", 19);
|
|
21635
21642
|
i0.ɵɵelementEnd();
|
|
21636
21643
|
i0.ɵɵnamespaceHTML();
|
|
21637
21644
|
i0.ɵɵelementStart(6, "div", 60)(7, "span", 61);
|
|
@@ -21644,9 +21651,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx
|
|
|
21644
21651
|
i0.ɵɵtext(12);
|
|
21645
21652
|
i0.ɵɵelementEnd()()();
|
|
21646
21653
|
i0.ɵɵelementStart(13, "button", 64);
|
|
21647
|
-
i0.ɵɵlistener("click", function
|
|
21654
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
21648
21655
|
i0.ɵɵnamespaceSVG();
|
|
21649
|
-
i0.ɵɵelementStart(14, "svg",
|
|
21656
|
+
i0.ɵɵelementStart(14, "svg", 37);
|
|
21650
21657
|
i0.ɵɵelement(15, "path", 65);
|
|
21651
21658
|
i0.ɵɵelementEnd()()()()();
|
|
21652
21659
|
} if (rf & 2) {
|
|
@@ -21667,53 +21674,53 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx
|
|
|
21667
21674
|
i0.ɵɵadvance();
|
|
21668
21675
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-600 hover:text-blue-800 hover:bg-blue-100" : "text-blue-400 hover:text-blue-200 hover:bg-blue-800/50");
|
|
21669
21676
|
} }
|
|
21670
|
-
function
|
|
21677
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
|
|
21671
21678
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
21672
21679
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21673
|
-
i0.ɵɵlistener("click", function
|
|
21680
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToTop()); });
|
|
21674
21681
|
i0.ɵɵelementEnd();
|
|
21675
21682
|
} if (rf & 2) {
|
|
21676
21683
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21677
21684
|
i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21678
21685
|
} }
|
|
21679
|
-
function
|
|
21686
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
|
|
21680
21687
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
21681
21688
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21682
|
-
i0.ɵɵlistener("click", function
|
|
21689
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("insights-section")); });
|
|
21683
21690
|
i0.ɵɵelementEnd();
|
|
21684
21691
|
} if (rf & 2) {
|
|
21685
21692
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21686
21693
|
i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21687
21694
|
} }
|
|
21688
|
-
function
|
|
21695
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
|
|
21689
21696
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
21690
21697
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21691
|
-
i0.ɵɵlistener("click", function
|
|
21698
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("metrics-section")); });
|
|
21692
21699
|
i0.ɵɵelementEnd();
|
|
21693
21700
|
} if (rf & 2) {
|
|
21694
21701
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21695
21702
|
i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21696
21703
|
} }
|
|
21697
|
-
function
|
|
21704
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
|
|
21698
21705
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
21699
21706
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21700
|
-
i0.ɵɵlistener("click", function
|
|
21707
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("breakdowns-section")); });
|
|
21701
21708
|
i0.ɵɵelementEnd();
|
|
21702
21709
|
} if (rf & 2) {
|
|
21703
21710
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21704
21711
|
i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21705
21712
|
} }
|
|
21706
|
-
function
|
|
21713
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
|
|
21707
21714
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
21708
21715
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21709
|
-
i0.ɵɵlistener("click", function
|
|
21716
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("competitive-section")); });
|
|
21710
21717
|
i0.ɵɵelementEnd();
|
|
21711
21718
|
} if (rf & 2) {
|
|
21712
21719
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21713
21720
|
i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
|
|
21714
21721
|
} }
|
|
21715
|
-
function
|
|
21716
|
-
i0.ɵɵelementStart(0, "div", 67)(1, "div", 69)(2, "div",
|
|
21722
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21723
|
+
i0.ɵɵelementStart(0, "div", 67)(1, "div", 69)(2, "div", 11);
|
|
21717
21724
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
21718
21725
|
i0.ɵɵelementStart(4, "div", 71);
|
|
21719
21726
|
i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
|
|
@@ -21744,25 +21751,25 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_1_Te
|
|
|
21744
21751
|
i0.ɵɵadvance();
|
|
21745
21752
|
i0.ɵɵproperty("width", "100%")("height", "200px")("isLightMode", ctx_r2.isLightMode());
|
|
21746
21753
|
} }
|
|
21747
|
-
function
|
|
21754
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
21748
21755
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
21749
21756
|
i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 74);
|
|
21750
|
-
i0.ɵɵlistener("scrollToSection", function
|
|
21757
|
+
i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
|
|
21751
21758
|
i0.ɵɵelementEnd();
|
|
21752
21759
|
} if (rf & 2) {
|
|
21753
21760
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21754
21761
|
i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8, _c1))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading());
|
|
21755
21762
|
} }
|
|
21756
|
-
function
|
|
21757
|
-
i0.ɵɵelementStart(0, "div",
|
|
21758
|
-
i0.ɵɵconditionalCreate(1,
|
|
21763
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
|
|
21764
|
+
i0.ɵɵelementStart(0, "div", 45);
|
|
21765
|
+
i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_1_Template, 14, 25, "div", 67)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_2_Template, 1, 9, "symphiq-funnel-analysis-overall-assessment", 68);
|
|
21759
21766
|
i0.ɵɵelementEnd();
|
|
21760
21767
|
} if (rf & 2) {
|
|
21761
21768
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21762
21769
|
i0.ɵɵadvance();
|
|
21763
21770
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
|
|
21764
21771
|
} }
|
|
21765
|
-
function
|
|
21772
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21766
21773
|
i0.ɵɵelementStart(0, "div", 75)(1, "div", 86);
|
|
21767
21774
|
i0.ɵɵelement(2, "div", 87);
|
|
21768
21775
|
i0.ɵɵelementEnd();
|
|
@@ -21780,7 +21787,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Te
|
|
|
21780
21787
|
i0.ɵɵadvance();
|
|
21781
21788
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-500" : "text-blue-400");
|
|
21782
21789
|
} }
|
|
21783
|
-
function
|
|
21790
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21784
21791
|
i0.ɵɵelementStart(0, "div", 92)(1, "div", 93)(2, "div", 94);
|
|
21785
21792
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
21786
21793
|
i0.ɵɵelementEnd();
|
|
@@ -21813,15 +21820,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_14_F
|
|
|
21813
21820
|
i0.ɵɵadvance();
|
|
21814
21821
|
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
|
|
21815
21822
|
} }
|
|
21816
|
-
function
|
|
21823
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
21817
21824
|
i0.ɵɵelementStart(0, "div", 84);
|
|
21818
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21825
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template, 14, 28, "div", 92, i0.ɵɵrepeaterTrackByIdentity);
|
|
21819
21826
|
i0.ɵɵelementEnd();
|
|
21820
21827
|
} if (rf & 2) {
|
|
21821
21828
|
i0.ɵɵadvance();
|
|
21822
21829
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
|
|
21823
21830
|
} }
|
|
21824
|
-
function
|
|
21831
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21825
21832
|
i0.ɵɵelementStart(0, "div", 98);
|
|
21826
21833
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 99);
|
|
21827
21834
|
i0.ɵɵelementEnd();
|
|
@@ -21835,16 +21842,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_15_F
|
|
|
21835
21842
|
i0.ɵɵadvance();
|
|
21836
21843
|
i0.ɵɵproperty("insight", insight_r12)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r12))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
|
|
21837
21844
|
} }
|
|
21838
|
-
function
|
|
21845
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
21839
21846
|
i0.ɵɵelementStart(0, "div", 84);
|
|
21840
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21847
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template, 2, 13, "div", 97, i0.ɵɵrepeaterTrackByIndex);
|
|
21841
21848
|
i0.ɵɵelementEnd();
|
|
21842
21849
|
} if (rf & 2) {
|
|
21843
21850
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21844
21851
|
i0.ɵɵadvance();
|
|
21845
21852
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
21846
21853
|
} }
|
|
21847
|
-
function
|
|
21854
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21848
21855
|
i0.ɵɵelementStart(0, "div", 98);
|
|
21849
21856
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 99);
|
|
21850
21857
|
i0.ɵɵelementEnd();
|
|
@@ -21857,20 +21864,20 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_F
|
|
|
21857
21864
|
i0.ɵɵadvance();
|
|
21858
21865
|
i0.ɵɵproperty("insight", insight_r14)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r14))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
|
|
21859
21866
|
} }
|
|
21860
|
-
function
|
|
21867
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
21861
21868
|
i0.ɵɵelementStart(0, "div", 85);
|
|
21862
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21869
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template, 2, 11, "div", 100, i0.ɵɵrepeaterTrackByIndex);
|
|
21863
21870
|
i0.ɵɵelementEnd();
|
|
21864
21871
|
} if (rf & 2) {
|
|
21865
21872
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21866
21873
|
i0.ɵɵadvance();
|
|
21867
21874
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
21868
21875
|
} }
|
|
21869
|
-
function
|
|
21870
|
-
i0.ɵɵconditionalCreate(0,
|
|
21876
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
|
|
21877
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 75);
|
|
21871
21878
|
i0.ɵɵelementStart(1, "section", 76);
|
|
21872
21879
|
i0.ɵɵelement(2, "div", 77);
|
|
21873
|
-
i0.ɵɵelementStart(3, "div", 78)(4, "div", 79)(5, "div",
|
|
21880
|
+
i0.ɵɵelementStart(3, "div", 78)(4, "div", 79)(5, "div", 11)(6, "div", 80)(7, "div", 11);
|
|
21874
21881
|
i0.ɵɵnamespaceSVG();
|
|
21875
21882
|
i0.ɵɵelementStart(8, "svg", 81);
|
|
21876
21883
|
i0.ɵɵelement(9, "path", 82);
|
|
@@ -21879,10 +21886,10 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx
|
|
|
21879
21886
|
i0.ɵɵelementStart(10, "h2", 83);
|
|
21880
21887
|
i0.ɵɵtext(11, "Key Insights");
|
|
21881
21888
|
i0.ɵɵelementEnd()()()();
|
|
21882
|
-
i0.ɵɵelementStart(12, "span",
|
|
21889
|
+
i0.ɵɵelementStart(12, "span", 29);
|
|
21883
21890
|
i0.ɵɵtext(13);
|
|
21884
21891
|
i0.ɵɵelementEnd()();
|
|
21885
|
-
i0.ɵɵconditionalCreate(14,
|
|
21892
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 3, 1, "div", 84)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template, 3, 0, "div", 84)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template, 3, 0, "div", 85);
|
|
21886
21893
|
i0.ɵɵelementEnd()();
|
|
21887
21894
|
} if (rf & 2) {
|
|
21888
21895
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -21902,7 +21909,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx
|
|
|
21902
21909
|
i0.ɵɵadvance();
|
|
21903
21910
|
i0.ɵɵconditional(ctx_r2.isDataLoading() || ctx_r2.viewModeService.isExpanded() && ctx_r2.viewModeService.getIsTransitioning() ? 14 : ctx_r2.viewModeService.isExpanded() ? 15 : 16);
|
|
21904
21911
|
} }
|
|
21905
|
-
function
|
|
21912
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21906
21913
|
i0.ɵɵelementStart(0, "div", 101)(1, "div", 86);
|
|
21907
21914
|
i0.ɵɵelement(2, "div", 87);
|
|
21908
21915
|
i0.ɵɵelementEnd();
|
|
@@ -21920,12 +21927,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Te
|
|
|
21920
21927
|
i0.ɵɵadvance();
|
|
21921
21928
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
|
|
21922
21929
|
} }
|
|
21923
|
-
function
|
|
21930
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
21924
21931
|
i0.ɵɵelementStart(0, "div", 108);
|
|
21925
21932
|
i0.ɵɵelement(1, "div", 118);
|
|
21926
21933
|
i0.ɵɵelementEnd();
|
|
21927
21934
|
} }
|
|
21928
|
-
function
|
|
21935
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21929
21936
|
i0.ɵɵelementStart(0, "option", 119);
|
|
21930
21937
|
i0.ɵɵtext(1);
|
|
21931
21938
|
i0.ɵɵelementEnd();
|
|
@@ -21935,8 +21942,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_17_Condition
|
|
|
21935
21942
|
i0.ɵɵadvance();
|
|
21936
21943
|
i0.ɵɵtextInterpolate(cat_r17.label);
|
|
21937
21944
|
} }
|
|
21938
|
-
function
|
|
21939
|
-
i0.ɵɵelementStart(0, "option",
|
|
21945
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21946
|
+
i0.ɵɵelementStart(0, "option", 26);
|
|
21940
21947
|
i0.ɵɵtext(1);
|
|
21941
21948
|
i0.ɵɵelementEnd();
|
|
21942
21949
|
} if (rf & 2) {
|
|
@@ -21945,24 +21952,24 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_17_Condition
|
|
|
21945
21952
|
i0.ɵɵadvance();
|
|
21946
21953
|
i0.ɵɵtextInterpolate(cat_r17.label);
|
|
21947
21954
|
} }
|
|
21948
|
-
function
|
|
21949
|
-
i0.ɵɵconditionalCreate(0,
|
|
21955
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
21956
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template, 2, 2, "option", 26);
|
|
21950
21957
|
} if (rf & 2) {
|
|
21951
21958
|
const cat_r17 = ctx.$implicit;
|
|
21952
21959
|
i0.ɵɵconditional(cat_r17.divider ? 0 : 1);
|
|
21953
21960
|
} }
|
|
21954
|
-
function
|
|
21961
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
21955
21962
|
i0.ɵɵnamespaceSVG();
|
|
21956
21963
|
i0.ɵɵelement(0, "path", 111);
|
|
21957
21964
|
} }
|
|
21958
|
-
function
|
|
21965
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
21959
21966
|
i0.ɵɵnamespaceSVG();
|
|
21960
21967
|
i0.ɵɵelement(0, "path", 112);
|
|
21961
21968
|
} }
|
|
21962
|
-
function
|
|
21969
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21963
21970
|
const _r18 = i0.ɵɵgetCurrentView();
|
|
21964
21971
|
i0.ɵɵelementStart(0, "button", 121);
|
|
21965
|
-
i0.ɵɵlistener("click", function
|
|
21972
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const cat_r19 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r19.value)); });
|
|
21966
21973
|
i0.ɵɵtext(1);
|
|
21967
21974
|
i0.ɵɵelementEnd();
|
|
21968
21975
|
} if (rf & 2) {
|
|
@@ -21973,20 +21980,20 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_27_Condition
|
|
|
21973
21980
|
i0.ɵɵadvance();
|
|
21974
21981
|
i0.ɵɵtextInterpolate1(" ", cat_r19.label, " ");
|
|
21975
21982
|
} }
|
|
21976
|
-
function
|
|
21977
|
-
i0.ɵɵconditionalCreate(0,
|
|
21983
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template(rf, ctx) { if (rf & 1) {
|
|
21984
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template, 2, 4, "button", 120);
|
|
21978
21985
|
} if (rf & 2) {
|
|
21979
21986
|
const cat_r19 = ctx.$implicit;
|
|
21980
21987
|
i0.ɵɵconditional(!cat_r19.divider ? 0 : -1);
|
|
21981
21988
|
} }
|
|
21982
|
-
function
|
|
21989
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
21983
21990
|
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
21984
21991
|
} if (rf & 2) {
|
|
21985
21992
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
21986
21993
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
21987
21994
|
} }
|
|
21988
|
-
function
|
|
21989
|
-
i0.ɵɵelementStart(0, "div", 122)(1, "div", 123)(2, "div",
|
|
21995
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21996
|
+
i0.ɵɵelementStart(0, "div", 122)(1, "div", 123)(2, "div", 11);
|
|
21990
21997
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
21991
21998
|
i0.ɵɵelementStart(4, "div", 72);
|
|
21992
21999
|
i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
|
|
@@ -21994,7 +22001,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_28_F
|
|
|
21994
22001
|
i0.ɵɵelement(7, "symphiq-skeleton-loader", 70);
|
|
21995
22002
|
i0.ɵɵelementEnd();
|
|
21996
22003
|
i0.ɵɵelementStart(8, "div", 124);
|
|
21997
|
-
i0.ɵɵrepeaterCreate(9,
|
|
22004
|
+
i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
21998
22005
|
i0.ɵɵelementEnd()();
|
|
21999
22006
|
} if (rf & 2) {
|
|
22000
22007
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -22010,60 +22017,60 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_28_F
|
|
|
22010
22017
|
i0.ɵɵadvance(2);
|
|
22011
22018
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4));
|
|
22012
22019
|
} }
|
|
22013
|
-
function
|
|
22020
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
22014
22021
|
i0.ɵɵelementStart(0, "div", 115);
|
|
22015
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22022
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_Template, 11, 14, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
|
|
22016
22023
|
i0.ɵɵelementEnd();
|
|
22017
22024
|
} if (rf & 2) {
|
|
22018
22025
|
i0.ɵɵadvance();
|
|
22019
22026
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
|
|
22020
22027
|
} }
|
|
22021
|
-
function
|
|
22028
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22022
22029
|
i0.ɵɵelementStart(0, "div", 131);
|
|
22023
22030
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 132);
|
|
22024
22031
|
i0.ɵɵelementEnd();
|
|
22025
22032
|
} if (rf & 2) {
|
|
22026
22033
|
const metric_r20 = ctx.$implicit;
|
|
22027
|
-
const ɵ$
|
|
22028
|
-
const ɵ$
|
|
22034
|
+
const ɵ$index_448_r21 = ctx.$index;
|
|
22035
|
+
const ɵ$index_439_r22 = i0.ɵɵnextContext(3).$index;
|
|
22029
22036
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22030
|
-
i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r20, ɵ$
|
|
22031
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
22037
|
+
i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r20, ɵ$index_448_r21));
|
|
22038
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_439_r22 * 0.15 + ɵ$index_448_r21 * 0.08 + "s");
|
|
22032
22039
|
i0.ɵɵadvance();
|
|
22033
22040
|
i0.ɵɵproperty("metric", metric_r20)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r20))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
|
|
22034
22041
|
} }
|
|
22035
|
-
function
|
|
22042
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22036
22043
|
i0.ɵɵelementStart(0, "div", 128);
|
|
22037
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22044
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 130, i0.ɵɵrepeaterTrackByIndex);
|
|
22038
22045
|
i0.ɵɵelementEnd();
|
|
22039
22046
|
} if (rf & 2) {
|
|
22040
22047
|
const funnelGroup_r23 = i0.ɵɵnextContext(2).$implicit;
|
|
22041
22048
|
i0.ɵɵadvance();
|
|
22042
22049
|
i0.ɵɵrepeater(funnelGroup_r23.relatedMetrics);
|
|
22043
22050
|
} }
|
|
22044
|
-
function
|
|
22051
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22045
22052
|
i0.ɵɵelementStart(0, "div", 131);
|
|
22046
22053
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 127);
|
|
22047
22054
|
i0.ɵɵelementEnd();
|
|
22048
22055
|
} if (rf & 2) {
|
|
22049
22056
|
const metric_r24 = ctx.$implicit;
|
|
22050
|
-
const ɵ$
|
|
22051
|
-
const ɵ$
|
|
22057
|
+
const ɵ$index_456_r25 = ctx.$index;
|
|
22058
|
+
const ɵ$index_439_r22 = i0.ɵɵnextContext(3).$index;
|
|
22052
22059
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22053
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
22060
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_439_r22 * 0.15 + ɵ$index_456_r25 * 0.08 + "s");
|
|
22054
22061
|
i0.ɵɵadvance();
|
|
22055
22062
|
i0.ɵɵproperty("metric", metric_r24)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r24))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
|
|
22056
22063
|
} }
|
|
22057
|
-
function
|
|
22064
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22058
22065
|
i0.ɵɵelementStart(0, "div", 129);
|
|
22059
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22066
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 133, i0.ɵɵrepeaterTrackByIndex);
|
|
22060
22067
|
i0.ɵɵelementEnd();
|
|
22061
22068
|
} if (rf & 2) {
|
|
22062
22069
|
const funnelGroup_r23 = i0.ɵɵnextContext(2).$implicit;
|
|
22063
22070
|
i0.ɵɵadvance();
|
|
22064
22071
|
i0.ɵɵrepeater(funnelGroup_r23.relatedMetrics);
|
|
22065
22072
|
} }
|
|
22066
|
-
function
|
|
22073
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22067
22074
|
i0.ɵɵelementStart(0, "div", 134)(1, "div", 93)(2, "div", 105);
|
|
22068
22075
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
22069
22076
|
i0.ɵɵelementEnd();
|
|
@@ -22095,37 +22102,37 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_29_F
|
|
|
22095
22102
|
i0.ɵɵadvance(2);
|
|
22096
22103
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
22097
22104
|
} }
|
|
22098
|
-
function
|
|
22105
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
22099
22106
|
i0.ɵɵelementStart(0, "div", 128);
|
|
22100
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22107
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 134, i0.ɵɵrepeaterTrackByIdentity);
|
|
22101
22108
|
i0.ɵɵelementEnd();
|
|
22102
22109
|
} if (rf & 2) {
|
|
22103
22110
|
i0.ɵɵadvance();
|
|
22104
22111
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4));
|
|
22105
22112
|
} }
|
|
22106
|
-
function
|
|
22107
|
-
i0.ɵɵconditionalCreate(0,
|
|
22113
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
22114
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 128)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 129)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 128);
|
|
22108
22115
|
} if (rf & 2) {
|
|
22109
22116
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
22110
22117
|
i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
|
|
22111
22118
|
} }
|
|
22112
|
-
function
|
|
22119
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22113
22120
|
i0.ɵɵelementStart(0, "div", 126);
|
|
22114
22121
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 127);
|
|
22115
22122
|
i0.ɵɵelementEnd();
|
|
22116
|
-
i0.ɵɵconditionalCreate(2,
|
|
22123
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Template, 3, 1);
|
|
22117
22124
|
} if (rf & 2) {
|
|
22118
22125
|
const funnelGroup_r23 = ctx.$implicit;
|
|
22119
|
-
const ɵ$
|
|
22126
|
+
const ɵ$index_439_r22 = ctx.$index;
|
|
22120
22127
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22121
|
-
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$
|
|
22122
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$
|
|
22128
|
+
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_439_r22 * 0.15 + "s");
|
|
22129
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_439_r22);
|
|
22123
22130
|
i0.ɵɵadvance();
|
|
22124
22131
|
i0.ɵɵproperty("metric", funnelGroup_r23.funnelMetric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(funnelGroup_r23.funnelMetric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
22125
22132
|
i0.ɵɵadvance();
|
|
22126
22133
|
i0.ɵɵconditional(funnelGroup_r23.relatedMetrics.length > 0 ? 2 : -1);
|
|
22127
22134
|
} }
|
|
22128
|
-
function
|
|
22135
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
22129
22136
|
i0.ɵɵelementStart(0, "div", 125);
|
|
22130
22137
|
i0.ɵɵnamespaceSVG();
|
|
22131
22138
|
i0.ɵɵelementStart(1, "svg", 137);
|
|
@@ -22148,9 +22155,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_29_F
|
|
|
22148
22155
|
i0.ɵɵadvance(2);
|
|
22149
22156
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
22150
22157
|
} }
|
|
22151
|
-
function
|
|
22158
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
22152
22159
|
i0.ɵɵelementStart(0, "div", 115);
|
|
22153
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22160
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 125);
|
|
22154
22161
|
i0.ɵɵelementEnd();
|
|
22155
22162
|
} if (rf & 2) {
|
|
22156
22163
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22158,12 +22165,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_29_T
|
|
|
22158
22165
|
i0.ɵɵadvance();
|
|
22159
22166
|
i0.ɵɵrepeater(ctx_r2.groupedMetrics());
|
|
22160
22167
|
} }
|
|
22161
|
-
function
|
|
22168
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
|
|
22162
22169
|
const _r16 = i0.ɵɵgetCurrentView();
|
|
22163
|
-
i0.ɵɵconditionalCreate(0,
|
|
22170
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 101);
|
|
22164
22171
|
i0.ɵɵelementStart(1, "section", 102);
|
|
22165
22172
|
i0.ɵɵelement(2, "div", 103);
|
|
22166
|
-
i0.ɵɵelementStart(3, "div", 78)(4, "div", 104)(5, "div", 105)(6, "div",
|
|
22173
|
+
i0.ɵɵelementStart(3, "div", 78)(4, "div", 104)(5, "div", 105)(6, "div", 11)(7, "div", 80)(8, "div", 11);
|
|
22167
22174
|
i0.ɵɵnamespaceSVG();
|
|
22168
22175
|
i0.ɵɵelementStart(9, "svg", 81);
|
|
22169
22176
|
i0.ɵɵelement(10, "path", 106);
|
|
@@ -22173,26 +22180,26 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx
|
|
|
22173
22180
|
i0.ɵɵtext(12, "Performance Metrics");
|
|
22174
22181
|
i0.ɵɵelementEnd()()()();
|
|
22175
22182
|
i0.ɵɵelementStart(13, "div", 107);
|
|
22176
|
-
i0.ɵɵconditionalCreate(14,
|
|
22183
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template, 2, 0, "div", 108);
|
|
22177
22184
|
i0.ɵɵelementStart(15, "select", 109);
|
|
22178
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22179
|
-
i0.ɵɵrepeaterCreate(16,
|
|
22185
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
|
|
22186
|
+
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template, 2, 1, null, null, _forTrack0$1);
|
|
22180
22187
|
i0.ɵɵelementEnd();
|
|
22181
22188
|
i0.ɵɵelementStart(18, "button", 110);
|
|
22182
|
-
i0.ɵɵlistener("click", function
|
|
22189
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
|
|
22183
22190
|
i0.ɵɵnamespaceSVG();
|
|
22184
|
-
i0.ɵɵelementStart(19, "svg",
|
|
22185
|
-
i0.ɵɵconditionalCreate(20,
|
|
22186
|
-
i0.ɵɵconditionalCreate(21,
|
|
22191
|
+
i0.ɵɵelementStart(19, "svg", 18);
|
|
22192
|
+
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template, 1, 0, ":svg:path", 111);
|
|
22193
|
+
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template, 1, 0, ":svg:path", 112);
|
|
22187
22194
|
i0.ɵɵelementEnd();
|
|
22188
22195
|
i0.ɵɵnamespaceHTML();
|
|
22189
22196
|
i0.ɵɵelementStart(22, "span");
|
|
22190
22197
|
i0.ɵɵtext(23, "Sort");
|
|
22191
22198
|
i0.ɵɵelementEnd()()()();
|
|
22192
22199
|
i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
|
|
22193
|
-
i0.ɵɵrepeaterCreate(26,
|
|
22200
|
+
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template, 1, 1, null, null, _forTrack0$1);
|
|
22194
22201
|
i0.ɵɵelementEnd()()();
|
|
22195
|
-
i0.ɵɵconditionalCreate(28,
|
|
22202
|
+
i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_Template, 4, 5, "div", 116);
|
|
22196
22203
|
i0.ɵɵelementEnd()();
|
|
22197
22204
|
} if (rf & 2) {
|
|
22198
22205
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22225,7 +22232,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx
|
|
|
22225
22232
|
i0.ɵɵadvance(2);
|
|
22226
22233
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 28 : 29);
|
|
22227
22234
|
} }
|
|
22228
|
-
function
|
|
22235
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22229
22236
|
i0.ɵɵelementStart(0, "div", 140)(1, "div", 86);
|
|
22230
22237
|
i0.ɵɵelement(2, "div", 87);
|
|
22231
22238
|
i0.ɵɵelementEnd();
|
|
@@ -22243,12 +22250,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Conditional_0_Te
|
|
|
22243
22250
|
i0.ɵɵadvance();
|
|
22244
22251
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-purple-500" : "text-purple-400");
|
|
22245
22252
|
} }
|
|
22246
|
-
function
|
|
22253
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
22247
22254
|
i0.ɵɵelementStart(0, "div", 108);
|
|
22248
22255
|
i0.ɵɵelement(1, "div", 148);
|
|
22249
22256
|
i0.ɵɵelementEnd();
|
|
22250
22257
|
} }
|
|
22251
|
-
function
|
|
22258
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22252
22259
|
i0.ɵɵelementStart(0, "option", 119);
|
|
22253
22260
|
i0.ɵɵtext(1);
|
|
22254
22261
|
i0.ɵɵelementEnd();
|
|
@@ -22258,8 +22265,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_For_15_Condition
|
|
|
22258
22265
|
i0.ɵɵadvance();
|
|
22259
22266
|
i0.ɵɵtextInterpolate(filter_r27.label);
|
|
22260
22267
|
} }
|
|
22261
|
-
function
|
|
22262
|
-
i0.ɵɵelementStart(0, "option",
|
|
22268
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22269
|
+
i0.ɵɵelementStart(0, "option", 26);
|
|
22263
22270
|
i0.ɵɵtext(1);
|
|
22264
22271
|
i0.ɵɵelementEnd();
|
|
22265
22272
|
} if (rf & 2) {
|
|
@@ -22268,13 +22275,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_For_15_Condition
|
|
|
22268
22275
|
i0.ɵɵadvance();
|
|
22269
22276
|
i0.ɵɵtextInterpolate(filter_r27.label);
|
|
22270
22277
|
} }
|
|
22271
|
-
function
|
|
22272
|
-
i0.ɵɵconditionalCreate(0,
|
|
22278
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template(rf, ctx) { if (rf & 1) {
|
|
22279
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template, 2, 2, "option", 26);
|
|
22273
22280
|
} if (rf & 2) {
|
|
22274
22281
|
const filter_r27 = ctx.$implicit;
|
|
22275
22282
|
i0.ɵɵconditional(filter_r27.divider ? 0 : 1);
|
|
22276
22283
|
} }
|
|
22277
|
-
function
|
|
22284
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
22278
22285
|
i0.ɵɵelementStart(0, "div", 150);
|
|
22279
22286
|
i0.ɵɵelement(1, "symphiq-skeleton-loader", 70)(2, "symphiq-skeleton-loader", 70);
|
|
22280
22287
|
i0.ɵɵelementEnd();
|
|
@@ -22286,12 +22293,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Conditional_16_F
|
|
|
22286
22293
|
i0.ɵɵadvance();
|
|
22287
22294
|
i0.ɵɵproperty("width", "80px")("height", "18px")("isLightMode", ctx_r2.isLightMode());
|
|
22288
22295
|
} }
|
|
22289
|
-
function
|
|
22296
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22290
22297
|
i0.ɵɵelementStart(0, "div", 122)(1, "div", 123);
|
|
22291
22298
|
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70)(3, "symphiq-skeleton-loader", 70);
|
|
22292
22299
|
i0.ɵɵelementEnd();
|
|
22293
22300
|
i0.ɵɵelementStart(4, "div", 149);
|
|
22294
|
-
i0.ɵɵrepeaterCreate(5,
|
|
22301
|
+
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_For_6_Template, 3, 7, "div", 150, i0.ɵɵrepeaterTrackByIdentity);
|
|
22295
22302
|
i0.ɵɵelementEnd()();
|
|
22296
22303
|
} if (rf & 2) {
|
|
22297
22304
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -22303,15 +22310,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Conditional_16_F
|
|
|
22303
22310
|
i0.ɵɵadvance(2);
|
|
22304
22311
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4));
|
|
22305
22312
|
} }
|
|
22306
|
-
function
|
|
22313
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
22307
22314
|
i0.ɵɵelementStart(0, "div", 69);
|
|
22308
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22315
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_Template, 7, 8, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
|
|
22309
22316
|
i0.ɵɵelementEnd();
|
|
22310
22317
|
} if (rf & 2) {
|
|
22311
22318
|
i0.ɵɵadvance();
|
|
22312
22319
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c5));
|
|
22313
22320
|
} }
|
|
22314
|
-
function
|
|
22321
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22315
22322
|
i0.ɵɵelementStart(0, "div", 98);
|
|
22316
22323
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 151);
|
|
22317
22324
|
i0.ɵɵelementEnd();
|
|
@@ -22324,7 +22331,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Conditional_17_F
|
|
|
22324
22331
|
i0.ɵɵadvance();
|
|
22325
22332
|
i0.ɵɵproperty("breakdown", breakdown_r28)("charts", ctx_r2.chartsForBreakdown(breakdown_r28))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
22326
22333
|
} }
|
|
22327
|
-
function
|
|
22334
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
22328
22335
|
i0.ɵɵelementStart(0, "div", 125);
|
|
22329
22336
|
i0.ɵɵnamespaceSVG();
|
|
22330
22337
|
i0.ɵɵelementStart(1, "svg", 137);
|
|
@@ -22347,9 +22354,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Conditional_17_F
|
|
|
22347
22354
|
i0.ɵɵadvance(2);
|
|
22348
22355
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
22349
22356
|
} }
|
|
22350
|
-
function
|
|
22357
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
22351
22358
|
i0.ɵɵelementStart(0, "div", 69);
|
|
22352
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22359
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_For_2_Template, 2, 8, "div", 100, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 125);
|
|
22353
22360
|
i0.ɵɵelementEnd();
|
|
22354
22361
|
} if (rf & 2) {
|
|
22355
22362
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22357,12 +22364,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Conditional_17_T
|
|
|
22357
22364
|
i0.ɵɵadvance();
|
|
22358
22365
|
i0.ɵɵrepeater(ctx_r2.breakdowns());
|
|
22359
22366
|
} }
|
|
22360
|
-
function
|
|
22367
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
|
|
22361
22368
|
const _r26 = i0.ɵɵgetCurrentView();
|
|
22362
|
-
i0.ɵɵconditionalCreate(0,
|
|
22369
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 140);
|
|
22363
22370
|
i0.ɵɵelementStart(1, "section", 141);
|
|
22364
22371
|
i0.ɵɵelement(2, "div", 142);
|
|
22365
|
-
i0.ɵɵelementStart(3, "div", 78)(4, "div", 143)(5, "div", 80)(6, "div",
|
|
22372
|
+
i0.ɵɵelementStart(3, "div", 78)(4, "div", 143)(5, "div", 80)(6, "div", 11);
|
|
22366
22373
|
i0.ɵɵnamespaceSVG();
|
|
22367
22374
|
i0.ɵɵelementStart(7, "svg", 81);
|
|
22368
22375
|
i0.ɵɵelement(8, "path", 144);
|
|
@@ -22372,13 +22379,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Template(rf, ctx
|
|
|
22372
22379
|
i0.ɵɵtext(10, "Performance Breakdowns");
|
|
22373
22380
|
i0.ɵɵelementEnd()()();
|
|
22374
22381
|
i0.ɵɵelementStart(11, "div", 145);
|
|
22375
|
-
i0.ɵɵlistener("click", function
|
|
22376
|
-
i0.ɵɵconditionalCreate(12,
|
|
22382
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
22383
|
+
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template, 2, 0, "div", 108);
|
|
22377
22384
|
i0.ɵɵelementStart(13, "select", 146);
|
|
22378
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22379
|
-
i0.ɵɵrepeaterCreate(14,
|
|
22385
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
|
|
22386
|
+
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template, 2, 1, null, null, _forTrack0$1);
|
|
22380
22387
|
i0.ɵɵelementEnd()()();
|
|
22381
|
-
i0.ɵɵconditionalCreate(16,
|
|
22388
|
+
i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_Template, 3, 1, "div", 69)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_Template, 4, 5, "div", 147);
|
|
22382
22389
|
i0.ɵɵelementEnd()();
|
|
22383
22390
|
} if (rf & 2) {
|
|
22384
22391
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22401,7 +22408,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_81_Template(rf, ctx
|
|
|
22401
22408
|
i0.ɵɵadvance(2);
|
|
22402
22409
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 16 : 17);
|
|
22403
22410
|
} }
|
|
22404
|
-
function
|
|
22411
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22405
22412
|
i0.ɵɵelementStart(0, "div", 153)(1, "div", 86);
|
|
22406
22413
|
i0.ɵɵelement(2, "div", 87);
|
|
22407
22414
|
i0.ɵɵelementEnd();
|
|
@@ -22419,12 +22426,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_82_Conditional_0_Te
|
|
|
22419
22426
|
i0.ɵɵadvance();
|
|
22420
22427
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-indigo-500" : "text-indigo-400");
|
|
22421
22428
|
} }
|
|
22422
|
-
function
|
|
22429
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
22423
22430
|
i0.ɵɵelementStart(0, "div", 108);
|
|
22424
22431
|
i0.ɵɵelement(1, "div", 159);
|
|
22425
22432
|
i0.ɵɵelementEnd();
|
|
22426
22433
|
} }
|
|
22427
|
-
function
|
|
22434
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22428
22435
|
i0.ɵɵelementStart(0, "option", 119);
|
|
22429
22436
|
i0.ɵɵtext(1);
|
|
22430
22437
|
i0.ɵɵelementEnd();
|
|
@@ -22434,8 +22441,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_82_For_16_Condition
|
|
|
22434
22441
|
i0.ɵɵadvance();
|
|
22435
22442
|
i0.ɵɵtextInterpolate(filter_r31.label);
|
|
22436
22443
|
} }
|
|
22437
|
-
function
|
|
22438
|
-
i0.ɵɵelementStart(0, "option",
|
|
22444
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22445
|
+
i0.ɵɵelementStart(0, "option", 26);
|
|
22439
22446
|
i0.ɵɵtext(1);
|
|
22440
22447
|
i0.ɵɵelementEnd();
|
|
22441
22448
|
} if (rf & 2) {
|
|
@@ -22444,23 +22451,23 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_82_For_16_Condition
|
|
|
22444
22451
|
i0.ɵɵadvance();
|
|
22445
22452
|
i0.ɵɵtextInterpolate(filter_r31.label);
|
|
22446
22453
|
} }
|
|
22447
|
-
function
|
|
22448
|
-
i0.ɵɵconditionalCreate(0,
|
|
22454
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
22455
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template, 2, 2, "option", 26);
|
|
22449
22456
|
} if (rf & 2) {
|
|
22450
22457
|
const filter_r31 = ctx.$implicit;
|
|
22451
22458
|
i0.ɵɵconditional(filter_r31.divider ? 0 : 1);
|
|
22452
22459
|
} }
|
|
22453
|
-
function
|
|
22460
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
22454
22461
|
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
22455
22462
|
} if (rf & 2) {
|
|
22456
22463
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22457
22464
|
i0.ɵɵproperty("width", "100%")("height", "140px")("isLightMode", ctx_r2.isLightMode());
|
|
22458
22465
|
} }
|
|
22459
|
-
function
|
|
22466
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
22460
22467
|
i0.ɵɵelementStart(0, "div", 69)(1, "div", 122);
|
|
22461
22468
|
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70);
|
|
22462
22469
|
i0.ɵɵelementStart(3, "div", 160);
|
|
22463
|
-
i0.ɵɵrepeaterCreate(4,
|
|
22470
|
+
i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
22464
22471
|
i0.ɵɵelementEnd()()();
|
|
22465
22472
|
} if (rf & 2) {
|
|
22466
22473
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22471,19 +22478,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_82_Conditional_17_T
|
|
|
22471
22478
|
i0.ɵɵadvance(2);
|
|
22472
22479
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3));
|
|
22473
22480
|
} }
|
|
22474
|
-
function
|
|
22481
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
22475
22482
|
i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 158);
|
|
22476
22483
|
} if (rf & 2) {
|
|
22477
22484
|
let tmp_7_0;
|
|
22478
22485
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
22479
22486
|
i0.ɵɵproperty("metrics", ctx_r2.competitiveMetrics())("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact())("competitiveBenchmark", (tmp_7_0 = ctx_r2.performanceOverview().overallAssessment) == null ? null : tmp_7_0.competitiveBenchmark);
|
|
22480
22487
|
} }
|
|
22481
|
-
function
|
|
22488
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx) { if (rf & 1) {
|
|
22482
22489
|
const _r30 = i0.ɵɵgetCurrentView();
|
|
22483
|
-
i0.ɵɵconditionalCreate(0,
|
|
22490
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template, 7, 3, "div", 153);
|
|
22484
22491
|
i0.ɵɵelementStart(1, "section", 154);
|
|
22485
22492
|
i0.ɵɵelement(2, "div", 77);
|
|
22486
|
-
i0.ɵɵelementStart(3, "div", 78)(4, "div", 155)(5, "div",
|
|
22493
|
+
i0.ɵɵelementStart(3, "div", 78)(4, "div", 155)(5, "div", 11)(6, "div", 80)(7, "div", 11);
|
|
22487
22494
|
i0.ɵɵnamespaceSVG();
|
|
22488
22495
|
i0.ɵɵelementStart(8, "svg", 81);
|
|
22489
22496
|
i0.ɵɵelement(9, "path", 156);
|
|
@@ -22493,12 +22500,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_82_Template(rf, ctx
|
|
|
22493
22500
|
i0.ɵɵtext(11, "Competitive Intelligence");
|
|
22494
22501
|
i0.ɵɵelementEnd()()()();
|
|
22495
22502
|
i0.ɵɵelementStart(12, "div", 157);
|
|
22496
|
-
i0.ɵɵconditionalCreate(13,
|
|
22503
|
+
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template, 2, 0, "div", 108);
|
|
22497
22504
|
i0.ɵɵelementStart(14, "select", 109);
|
|
22498
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22499
|
-
i0.ɵɵrepeaterCreate(15,
|
|
22505
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
|
|
22506
|
+
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template, 2, 1, null, null, _forTrack0$1);
|
|
22500
22507
|
i0.ɵɵelementEnd()()();
|
|
22501
|
-
i0.ɵɵconditionalCreate(17,
|
|
22508
|
+
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_Template, 6, 5, "div", 69)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_18_Template, 1, 5, "symphiq-competitive-intelligence-view", 158);
|
|
22502
22509
|
i0.ɵɵelementEnd()();
|
|
22503
22510
|
} if (rf & 2) {
|
|
22504
22511
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -23453,110 +23460,111 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23453
23460
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
|
|
23454
23461
|
} }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
23455
23462
|
i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
23456
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], useSampleData: [1, "useSampleData"] }, decls: 88, vars: 102, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "flex", "items-center", "gap-3"], [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"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [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"], ["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"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "space-y-6"], [3, "width", "height", "isLightMode"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], [3, "scrollToSection", "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, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [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, "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, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["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, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "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", 3, "animate-content-change", "transition-opacity-slow"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [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", "competitiveBenchmark"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
23463
|
+
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], useSampleData: [1, "useSampleData"] }, decls: 86, vars: 100, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "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, "flex", "items-center", "gap-3"], [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"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [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"], ["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, "bg-gradient-radial", "from-blue-500/10", "via-transparent", "to-transparent", "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0"], [1, "bg-gradient-radial", "from-indigo-500/8", "via-transparent", "to-transparent", "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0"], [1, "bg-gradient-radial", "from-purple-500/5", "via-transparent", "to-transparent", "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"], ["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"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "space-y-6"], [3, "width", "height", "isLightMode"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], [3, "scrollToSection", "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, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [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, "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, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["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, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "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", 3, "animate-content-change", "transition-opacity-slow"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [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", "competitiveBenchmark"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
23457
23464
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
23458
23465
|
i0.ɵɵelementStart(0, "div", 1, 0);
|
|
23459
23466
|
i0.ɵɵelement(2, "div", 2);
|
|
23460
23467
|
i0.ɵɵelementStart(3, "div");
|
|
23461
|
-
i0.ɵɵelement(4, "div", 3)(5, "div", 4)
|
|
23468
|
+
i0.ɵɵelement(4, "div", 3)(5, "div", 4);
|
|
23469
|
+
i0.ɵɵconditionalCreate(6, SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template, 3, 0);
|
|
23462
23470
|
i0.ɵɵelementEnd();
|
|
23463
|
-
i0.ɵɵelementStart(
|
|
23464
|
-
i0.ɵɵelement(
|
|
23471
|
+
i0.ɵɵelementStart(7, "div");
|
|
23472
|
+
i0.ɵɵelement(8, "div", 5);
|
|
23465
23473
|
i0.ɵɵelementEnd();
|
|
23466
|
-
i0.ɵɵelementStart(
|
|
23467
|
-
i0.ɵɵtext(
|
|
23474
|
+
i0.ɵɵelementStart(9, "header", 6)(10, "div", 7)(11, "div", 8)(12, "div", 9)(13, "div", 10)(14, "div", 11)(15, "h1", 12);
|
|
23475
|
+
i0.ɵɵtext(16);
|
|
23468
23476
|
i0.ɵɵelementEnd();
|
|
23469
|
-
i0.ɵɵconditionalCreate(
|
|
23477
|
+
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template, 1, 0, "div", 13);
|
|
23470
23478
|
i0.ɵɵelementEnd();
|
|
23471
|
-
i0.ɵɵelementStart(
|
|
23472
|
-
i0.ɵɵtext(
|
|
23479
|
+
i0.ɵɵelementStart(18, "div", 14)(19, "p", 15);
|
|
23480
|
+
i0.ɵɵtext(20, "Revenue Orchestration & Funnel Analysis");
|
|
23473
23481
|
i0.ɵɵelementEnd();
|
|
23474
|
-
i0.ɵɵelementStart(
|
|
23475
|
-
i0.ɵɵlistener("click", function
|
|
23482
|
+
i0.ɵɵelementStart(21, "div", 16)(22, "button", 17);
|
|
23483
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_22_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23476
23484
|
i0.ɵɵnamespaceSVG();
|
|
23477
|
-
i0.ɵɵelementStart(
|
|
23478
|
-
i0.ɵɵelement(
|
|
23485
|
+
i0.ɵɵelementStart(23, "svg", 18);
|
|
23486
|
+
i0.ɵɵelement(24, "path", 19);
|
|
23479
23487
|
i0.ɵɵelementEnd();
|
|
23480
23488
|
i0.ɵɵnamespaceHTML();
|
|
23481
|
-
i0.ɵɵelementStart(
|
|
23482
|
-
i0.ɵɵtext(
|
|
23489
|
+
i0.ɵɵelementStart(25, "span");
|
|
23490
|
+
i0.ɵɵtext(26, "Search");
|
|
23483
23491
|
i0.ɵɵelementEnd()();
|
|
23484
|
-
i0.ɵɵelementStart(
|
|
23485
|
-
i0.ɵɵlistener("click", function
|
|
23486
|
-
i0.ɵɵconditionalCreate(
|
|
23492
|
+
i0.ɵɵelementStart(27, "div", 20)(28, "button", 21);
|
|
23493
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_28_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23494
|
+
i0.ɵɵconditionalCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template, 4, 0)(30, SymphiqFunnelAnalysisDashboardComponent_Conditional_30_Template, 4, 0);
|
|
23487
23495
|
i0.ɵɵelementEnd()();
|
|
23488
|
-
i0.ɵɵelementStart(
|
|
23489
|
-
i0.ɵɵtext(
|
|
23496
|
+
i0.ɵɵelementStart(31, "div", 22)(32, "label", 23);
|
|
23497
|
+
i0.ɵɵtext(33, "View:");
|
|
23490
23498
|
i0.ɵɵelementEnd();
|
|
23491
|
-
i0.ɵɵelementStart(
|
|
23492
|
-
i0.ɵɵlistener("click", function
|
|
23493
|
-
i0.ɵɵelementStart(
|
|
23494
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
23495
|
-
i0.ɵɵrepeaterCreate(
|
|
23499
|
+
i0.ɵɵelementStart(34, "div", 24);
|
|
23500
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
23501
|
+
i0.ɵɵelementStart(35, "select", 25);
|
|
23502
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_35_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
|
|
23503
|
+
i0.ɵɵrepeaterCreate(36, SymphiqFunnelAnalysisDashboardComponent_For_37_Template, 2, 2, "option", 26, _forTrack0$1);
|
|
23496
23504
|
i0.ɵɵelementEnd()()()()()();
|
|
23497
|
-
i0.ɵɵelementStart(
|
|
23498
|
-
i0.ɵɵtext(
|
|
23505
|
+
i0.ɵɵelementStart(38, "div", 27)(39, "div", 28)(40, "div", 29);
|
|
23506
|
+
i0.ɵɵtext(41, "Generated At");
|
|
23499
23507
|
i0.ɵɵelementEnd();
|
|
23500
|
-
i0.ɵɵelementStart(
|
|
23501
|
-
i0.ɵɵtext(
|
|
23508
|
+
i0.ɵɵelementStart(42, "div", 30);
|
|
23509
|
+
i0.ɵɵtext(43);
|
|
23502
23510
|
i0.ɵɵelementEnd()();
|
|
23503
|
-
i0.ɵɵelementStart(
|
|
23504
|
-
i0.ɵɵtext(
|
|
23511
|
+
i0.ɵɵelementStart(44, "div", 28)(45, "div", 29);
|
|
23512
|
+
i0.ɵɵtext(46, "Requested by");
|
|
23505
23513
|
i0.ɵɵelementEnd();
|
|
23506
|
-
i0.ɵɵelementStart(
|
|
23507
|
-
i0.ɵɵtext(
|
|
23514
|
+
i0.ɵɵelementStart(47, "div", 30);
|
|
23515
|
+
i0.ɵɵtext(48);
|
|
23508
23516
|
i0.ɵɵelementEnd()()()()()();
|
|
23509
|
-
i0.ɵɵelementStart(
|
|
23510
|
-
i0.ɵɵtext(
|
|
23517
|
+
i0.ɵɵelementStart(49, "div", 7)(50, "div", 31)(51, "div", 32)(52, "div", 33)(53, "h1", 34);
|
|
23518
|
+
i0.ɵɵtext(54);
|
|
23511
23519
|
i0.ɵɵelementEnd();
|
|
23512
|
-
i0.ɵɵconditionalCreate(
|
|
23520
|
+
i0.ɵɵconditionalCreate(55, SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template, 7, 9, "div", 35);
|
|
23513
23521
|
i0.ɵɵelementEnd();
|
|
23514
|
-
i0.ɵɵelementStart(
|
|
23515
|
-
i0.ɵɵlistener("click", function
|
|
23522
|
+
i0.ɵɵelementStart(56, "div", 11)(57, "button", 36);
|
|
23523
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_57_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23516
23524
|
i0.ɵɵnamespaceSVG();
|
|
23517
|
-
i0.ɵɵelementStart(
|
|
23518
|
-
i0.ɵɵelement(
|
|
23525
|
+
i0.ɵɵelementStart(58, "svg", 37);
|
|
23526
|
+
i0.ɵɵelement(59, "path", 19);
|
|
23519
23527
|
i0.ɵɵelementEnd()();
|
|
23520
23528
|
i0.ɵɵnamespaceHTML();
|
|
23521
|
-
i0.ɵɵelementStart(
|
|
23522
|
-
i0.ɵɵlistener("click", function
|
|
23523
|
-
i0.ɵɵconditionalCreate(
|
|
23529
|
+
i0.ɵɵelementStart(60, "button", 38);
|
|
23530
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_60_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23531
|
+
i0.ɵɵconditionalCreate(61, SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template, 2, 0, ":svg:svg", 37)(62, SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template, 2, 0, ":svg:svg", 37);
|
|
23524
23532
|
i0.ɵɵelementEnd();
|
|
23525
|
-
i0.ɵɵelementStart(
|
|
23526
|
-
i0.ɵɵlistener("click", function
|
|
23527
|
-
i0.ɵɵelementStart(
|
|
23528
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
23529
|
-
i0.ɵɵrepeaterCreate(
|
|
23533
|
+
i0.ɵɵelementStart(63, "div", 24);
|
|
23534
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
23535
|
+
i0.ɵɵelementStart(64, "select", 39);
|
|
23536
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_64_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
|
|
23537
|
+
i0.ɵɵrepeaterCreate(65, SymphiqFunnelAnalysisDashboardComponent_For_66_Template, 2, 2, "option", 26, _forTrack0$1);
|
|
23530
23538
|
i0.ɵɵelementEnd()()()()()()();
|
|
23531
|
-
i0.ɵɵconditionalCreate(
|
|
23532
|
-
i0.ɵɵelementStart(
|
|
23533
|
-
i0.ɵɵconditionalCreate(
|
|
23534
|
-
i0.ɵɵconditionalCreate(
|
|
23535
|
-
i0.ɵɵconditionalCreate(
|
|
23536
|
-
i0.ɵɵconditionalCreate(
|
|
23537
|
-
i0.ɵɵconditionalCreate(
|
|
23539
|
+
i0.ɵɵconditionalCreate(67, SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template, 16, 8, "div", 40);
|
|
23540
|
+
i0.ɵɵelementStart(68, "div", 41);
|
|
23541
|
+
i0.ɵɵconditionalCreate(69, SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template, 1, 2, "button", 42);
|
|
23542
|
+
i0.ɵɵconditionalCreate(70, SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template, 1, 2, "button", 42);
|
|
23543
|
+
i0.ɵɵconditionalCreate(71, SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template, 1, 2, "button", 42);
|
|
23544
|
+
i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 1, 2, "button", 42);
|
|
23545
|
+
i0.ɵɵconditionalCreate(73, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template, 1, 2, "button", 42);
|
|
23538
23546
|
i0.ɵɵelementEnd();
|
|
23539
|
-
i0.ɵɵelementStart(
|
|
23540
|
-
i0.ɵɵconditionalCreate(
|
|
23541
|
-
i0.ɵɵconditionalCreate(
|
|
23542
|
-
i0.ɵɵconditionalCreate(
|
|
23543
|
-
i0.ɵɵconditionalCreate(
|
|
23544
|
-
i0.ɵɵconditionalCreate(
|
|
23547
|
+
i0.ɵɵelementStart(74, "main", 43)(75, "div", 44);
|
|
23548
|
+
i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 3, 1, "div", 45);
|
|
23549
|
+
i0.ɵɵconditionalCreate(77, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template, 17, 10);
|
|
23550
|
+
i0.ɵɵconditionalCreate(78, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template, 30, 18);
|
|
23551
|
+
i0.ɵɵconditionalCreate(79, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template, 18, 12);
|
|
23552
|
+
i0.ɵɵconditionalCreate(80, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template, 19, 13);
|
|
23545
23553
|
i0.ɵɵelementEnd()();
|
|
23546
|
-
i0.ɵɵelement(
|
|
23547
|
-
i0.ɵɵelementStart(
|
|
23548
|
-
i0.ɵɵlistener("resultSelected", function
|
|
23554
|
+
i0.ɵɵelement(81, "symphiq-funnel-analysis-modal", 46)(82, "symphiq-tooltip-container");
|
|
23555
|
+
i0.ɵɵelementStart(83, "symphiq-search-bar", 47);
|
|
23556
|
+
i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_83_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
|
|
23549
23557
|
i0.ɵɵelementEnd();
|
|
23550
|
-
i0.ɵɵelementStart(
|
|
23551
|
-
i0.ɵɵlistener("expandedChange", function
|
|
23558
|
+
i0.ɵɵelementStart(84, "symphiq-mobile-fab", 48);
|
|
23559
|
+
i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_84_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_84_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_84_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
|
|
23552
23560
|
i0.ɵɵelementEnd();
|
|
23553
|
-
i0.ɵɵelementStart(
|
|
23554
|
-
i0.ɵɵlistener("navigate", function
|
|
23561
|
+
i0.ɵɵelementStart(85, "symphiq-mobile-bottom-nav", 49);
|
|
23562
|
+
i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_85_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
|
|
23555
23563
|
i0.ɵɵelementEnd()();
|
|
23556
23564
|
} if (rf & 2) {
|
|
23557
|
-
let
|
|
23558
|
-
let
|
|
23559
|
-
let
|
|
23565
|
+
let tmp_19_0;
|
|
23566
|
+
let tmp_34_0;
|
|
23567
|
+
let tmp_41_0;
|
|
23560
23568
|
i0.ɵɵstyleProp("display", ctx.embedded() ? "block" : null)("min-height", ctx.embedded() ? "auto" : null);
|
|
23561
23569
|
i0.ɵɵclassProp("min-h-screen", !ctx.embedded())("relative", !ctx.embedded());
|
|
23562
23570
|
i0.ɵɵadvance(2);
|
|
@@ -23564,13 +23572,9 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23564
23572
|
i0.ɵɵadvance();
|
|
23565
23573
|
i0.ɵɵclassMap(ctx.embedded() ? "inset-0 -z-10 pointer-events-none" : "fixed inset-0 -z-10 pointer-events-none");
|
|
23566
23574
|
i0.ɵɵadvance();
|
|
23567
|
-
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-
|
|
23575
|
+
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-white" : "bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950");
|
|
23568
23576
|
i0.ɵɵadvance(2);
|
|
23569
|
-
i0.ɵɵ
|
|
23570
|
-
i0.ɵɵadvance();
|
|
23571
|
-
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");
|
|
23572
|
-
i0.ɵɵadvance();
|
|
23573
|
-
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");
|
|
23577
|
+
i0.ɵɵconditional(!ctx.isLightMode() ? 6 : -1);
|
|
23574
23578
|
i0.ɵɵadvance();
|
|
23575
23579
|
i0.ɵɵclassMap(ctx.embedded() ? "sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30" : "fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30");
|
|
23576
23580
|
i0.ɵɵadvance();
|
|
@@ -23583,9 +23587,9 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23583
23587
|
i0.ɵɵadvance();
|
|
23584
23588
|
i0.ɵɵclassProp("pointer-events-none", ctx.isScrolled())("pointer-events-auto", !ctx.isScrolled());
|
|
23585
23589
|
i0.ɵɵadvance(5);
|
|
23586
|
-
i0.ɵɵtextInterpolate((
|
|
23590
|
+
i0.ɵɵtextInterpolate((tmp_19_0 = ctx.analysisData()) == null ? null : tmp_19_0.title);
|
|
23587
23591
|
i0.ɵɵadvance();
|
|
23588
|
-
i0.ɵɵconditional(ctx.isLoading() && !ctx.isShowingLoader() ?
|
|
23592
|
+
i0.ɵɵconditional(ctx.isLoading() && !ctx.isShowingLoader() ? 17 : -1);
|
|
23589
23593
|
i0.ɵɵadvance(2);
|
|
23590
23594
|
i0.ɵɵclassMap(ctx.headerSubtitleClass());
|
|
23591
23595
|
i0.ɵɵadvance(3);
|
|
@@ -23593,7 +23597,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23593
23597
|
i0.ɵɵadvance(6);
|
|
23594
23598
|
i0.ɵɵclassMap(ctx.buttonClass());
|
|
23595
23599
|
i0.ɵɵadvance();
|
|
23596
|
-
i0.ɵɵconditional(ctx.viewModeService.isCompact() ?
|
|
23600
|
+
i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 29 : 30);
|
|
23597
23601
|
i0.ɵɵadvance(3);
|
|
23598
23602
|
i0.ɵɵclassMap(ctx.metaLabelClass());
|
|
23599
23603
|
i0.ɵɵadvance(3);
|
|
@@ -23612,49 +23616,49 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23612
23616
|
i0.ɵɵadvance(2);
|
|
23613
23617
|
i0.ɵɵclassMap(ctx.headerTitleClass());
|
|
23614
23618
|
i0.ɵɵadvance();
|
|
23615
|
-
i0.ɵɵtextInterpolate2("", (
|
|
23619
|
+
i0.ɵɵtextInterpolate2("", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.firstName, " ", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.lastName);
|
|
23616
23620
|
i0.ɵɵadvance();
|
|
23617
23621
|
i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
|
|
23618
23622
|
i0.ɵɵadvance();
|
|
23619
23623
|
i0.ɵɵclassProp("pointer-events-none", !ctx.isScrolled())("pointer-events-auto", ctx.isScrolled());
|
|
23620
23624
|
i0.ɵɵadvance(4);
|
|
23621
|
-
i0.ɵɵtextInterpolate((
|
|
23625
|
+
i0.ɵɵtextInterpolate((tmp_41_0 = ctx.analysisData()) == null ? null : tmp_41_0.title);
|
|
23622
23626
|
i0.ɵɵadvance();
|
|
23623
|
-
i0.ɵɵconditional(ctx.revenueMetric() ?
|
|
23627
|
+
i0.ɵɵconditional(ctx.revenueMetric() ? 55 : -1);
|
|
23624
23628
|
i0.ɵɵadvance(2);
|
|
23625
23629
|
i0.ɵɵclassMap(ctx.buttonClass());
|
|
23626
23630
|
i0.ɵɵadvance(3);
|
|
23627
23631
|
i0.ɵɵclassMap(ctx.buttonClass());
|
|
23628
23632
|
i0.ɵɵproperty("title", ctx.viewModeService.isCompact() ? "Compact View (Click to Expand)" : "Expanded View (Click to Compact)");
|
|
23629
23633
|
i0.ɵɵadvance();
|
|
23630
|
-
i0.ɵɵconditional(ctx.viewModeService.isCompact() ?
|
|
23634
|
+
i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 61 : 62);
|
|
23631
23635
|
i0.ɵɵadvance(3);
|
|
23632
23636
|
i0.ɵɵclassMap(ctx.selectClass());
|
|
23633
23637
|
i0.ɵɵproperty("ngModel", ctx.selectedSectionFilter());
|
|
23634
23638
|
i0.ɵɵadvance();
|
|
23635
23639
|
i0.ɵɵrepeater(ctx.sectionFilters);
|
|
23636
23640
|
i0.ɵɵadvance(2);
|
|
23637
|
-
i0.ɵɵconditional(ctx.searchService.activeSearchResult() ?
|
|
23641
|
+
i0.ɵɵconditional(ctx.searchService.activeSearchResult() ? 67 : -1);
|
|
23638
23642
|
i0.ɵɵadvance(2);
|
|
23639
|
-
i0.ɵɵconditional(ctx.showOverallPerformance() ?
|
|
23643
|
+
i0.ɵɵconditional(ctx.showOverallPerformance() ? 69 : -1);
|
|
23640
23644
|
i0.ɵɵadvance();
|
|
23641
|
-
i0.ɵɵconditional(ctx.showKeyInsights() ?
|
|
23645
|
+
i0.ɵɵconditional(ctx.showKeyInsights() ? 70 : -1);
|
|
23642
23646
|
i0.ɵɵadvance();
|
|
23643
|
-
i0.ɵɵconditional(ctx.showPerformanceMetrics() ?
|
|
23647
|
+
i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 71 : -1);
|
|
23644
23648
|
i0.ɵɵadvance();
|
|
23645
|
-
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ?
|
|
23649
|
+
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 72 : -1);
|
|
23646
23650
|
i0.ɵɵadvance();
|
|
23647
|
-
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ?
|
|
23651
|
+
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 73 : -1);
|
|
23648
23652
|
i0.ɵɵadvance(3);
|
|
23649
|
-
i0.ɵɵconditional(ctx.showOverallPerformance() ?
|
|
23653
|
+
i0.ɵɵconditional(ctx.showOverallPerformance() ? 76 : -1);
|
|
23650
23654
|
i0.ɵɵadvance();
|
|
23651
|
-
i0.ɵɵconditional(ctx.showKeyInsights() ?
|
|
23655
|
+
i0.ɵɵconditional(ctx.showKeyInsights() ? 77 : -1);
|
|
23652
23656
|
i0.ɵɵadvance();
|
|
23653
|
-
i0.ɵɵconditional(ctx.showPerformanceMetrics() ?
|
|
23657
|
+
i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 78 : -1);
|
|
23654
23658
|
i0.ɵɵadvance();
|
|
23655
|
-
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ?
|
|
23659
|
+
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 79 : -1);
|
|
23656
23660
|
i0.ɵɵadvance();
|
|
23657
|
-
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ?
|
|
23661
|
+
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 80 : -1);
|
|
23658
23662
|
i0.ɵɵadvance();
|
|
23659
23663
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
23660
23664
|
i0.ɵɵadvance(2);
|
|
@@ -23708,7 +23712,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23708
23712
|
<div [class]="embedded() ? 'inset-0 -z-10 pointer-events-none' : 'fixed inset-0 -z-10 pointer-events-none'">
|
|
23709
23713
|
<div
|
|
23710
23714
|
[ngClass]="isLightMode()
|
|
23711
|
-
? 'bg-
|
|
23715
|
+
? 'bg-white'
|
|
23712
23716
|
: 'bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950'"
|
|
23713
23717
|
class="absolute inset-0">
|
|
23714
23718
|
</div>
|
|
@@ -23719,25 +23723,18 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23719
23723
|
style="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');">
|
|
23720
23724
|
</div>
|
|
23721
23725
|
|
|
23722
|
-
<!-- Radial Gradient Orbs -->
|
|
23723
|
-
|
|
23724
|
-
|
|
23725
|
-
|
|
23726
|
-
|
|
23727
|
-
|
|
23728
|
-
|
|
23729
|
-
|
|
23730
|
-
|
|
23731
|
-
|
|
23732
|
-
|
|
23733
|
-
|
|
23734
|
-
</div>
|
|
23735
|
-
<div
|
|
23736
|
-
[ngClass]="isLightMode()
|
|
23737
|
-
? 'bg-gradient-radial from-purple-400/10 via-transparent to-transparent'
|
|
23738
|
-
: 'bg-gradient-radial from-purple-500/5 via-transparent to-transparent'"
|
|
23739
|
-
class="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">
|
|
23740
|
-
</div>
|
|
23726
|
+
<!-- Radial Gradient Orbs (hidden in light mode) -->
|
|
23727
|
+
@if (!isLightMode()) {
|
|
23728
|
+
<div
|
|
23729
|
+
class="bg-gradient-radial from-blue-500/10 via-transparent to-transparent absolute top-0 right-0 w-[800px] h-[800px] rounded-full blur-3xl z-0">
|
|
23730
|
+
</div>
|
|
23731
|
+
<div
|
|
23732
|
+
class="bg-gradient-radial from-indigo-500/8 via-transparent to-transparent absolute bottom-0 left-0 w-[600px] h-[600px] rounded-full blur-3xl z-0">
|
|
23733
|
+
</div>
|
|
23734
|
+
<div
|
|
23735
|
+
class="bg-gradient-radial from-purple-500/5 via-transparent to-transparent 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">
|
|
23736
|
+
</div>
|
|
23737
|
+
}
|
|
23741
23738
|
</div>
|
|
23742
23739
|
|
|
23743
23740
|
<!-- Scroll Progress Bar -->
|
|
@@ -24556,7 +24553,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
24556
24553
|
type: HostListener,
|
|
24557
24554
|
args: ['window:scroll', ['$event']]
|
|
24558
24555
|
}] }); })();
|
|
24559
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
24556
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1042 }); })();
|
|
24560
24557
|
|
|
24561
24558
|
/**
|
|
24562
24559
|
* Shared Theme Color Utilities
|