@eric-emg/symphiq-components 1.2.93 → 1.2.94
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 +250 -213
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +14 -14
- package/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/styles.css +0 -4
|
@@ -5920,9 +5920,17 @@ class MetricCardComponent {
|
|
|
5920
5920
|
if ((m.metric || '').includes('RATE') || (m.metric || '').includes('CONVERSION') || (m.metric || '').includes('BOUNCE')) {
|
|
5921
5921
|
// Convert decimal to percentage if value is between 0-1
|
|
5922
5922
|
const percentValue = value < 1 ? value * 100 : value;
|
|
5923
|
+
// Use 3 decimal places for very small percentages
|
|
5924
|
+
if (percentValue < 0.01) {
|
|
5925
|
+
return percentValue.toFixed(3) + '%';
|
|
5926
|
+
}
|
|
5923
5927
|
return percentValue.toFixed(2) + '%';
|
|
5924
5928
|
}
|
|
5925
5929
|
if (value < 100 && value % 1 !== 0) {
|
|
5930
|
+
// Use 3 decimal places for very small values
|
|
5931
|
+
if (value < 0.01) {
|
|
5932
|
+
return value.toFixed(3);
|
|
5933
|
+
}
|
|
5926
5934
|
return value.toFixed(2);
|
|
5927
5935
|
}
|
|
5928
5936
|
return value.toLocaleString('en-US', { maximumFractionDigits: 0 });
|
|
@@ -8808,6 +8816,10 @@ class MetricValueTooltipComponent {
|
|
|
8808
8816
|
else if (unit === '%' || unit === 'percentage') {
|
|
8809
8817
|
// Convert decimal to percentage if value is between 0-1
|
|
8810
8818
|
const percentValue = value < 1 ? value * 100 : value;
|
|
8819
|
+
// Use 3 decimal places for very small percentages
|
|
8820
|
+
if (percentValue < 0.01) {
|
|
8821
|
+
return `${percentValue.toFixed(3)}%`;
|
|
8822
|
+
}
|
|
8811
8823
|
return `${percentValue.toFixed(2)}%`;
|
|
8812
8824
|
}
|
|
8813
8825
|
else if (value >= 1000000) {
|
|
@@ -8816,6 +8828,10 @@ class MetricValueTooltipComponent {
|
|
|
8816
8828
|
else if (value >= 1000) {
|
|
8817
8829
|
return `${(value / 1000).toFixed(1)}K`;
|
|
8818
8830
|
}
|
|
8831
|
+
// Use 3 decimal places for very small values
|
|
8832
|
+
if (value < 0.01 && value % 1 !== 0) {
|
|
8833
|
+
return value.toFixed(3);
|
|
8834
|
+
}
|
|
8819
8835
|
return value.toLocaleString();
|
|
8820
8836
|
}
|
|
8821
8837
|
formatChange() {
|
|
@@ -9196,23 +9212,14 @@ class StatusBadgeTooltipComponent {
|
|
|
9196
9212
|
}, ...(ngDevMode ? [{ debugName: "progressBarWidth" }] : []));
|
|
9197
9213
|
this.progressBarFillClass = computed(() => {
|
|
9198
9214
|
const status = this.content().status;
|
|
9199
|
-
const pacing = this.content().pacingPercentage || 0;
|
|
9200
9215
|
if (status === 'OVERACHIEVING') {
|
|
9201
9216
|
return 'bg-gradient-to-r from-blue-400 via-emerald-400 to-emerald-500 shadow-lg shadow-emerald-500/30';
|
|
9202
9217
|
}
|
|
9203
9218
|
else if (status === 'AT_RISK' || status === 'BEHIND') {
|
|
9204
9219
|
return 'bg-gradient-to-r from-amber-500 via-amber-400 to-red-500';
|
|
9205
9220
|
}
|
|
9206
|
-
|
|
9207
|
-
|
|
9208
|
-
}
|
|
9209
|
-
else if (pacing >= 80) {
|
|
9210
|
-
return 'bg-gradient-to-r from-blue-400 via-blue-500 to-emerald-500';
|
|
9211
|
-
}
|
|
9212
|
-
else if (pacing >= 60) {
|
|
9213
|
-
return 'bg-gradient-to-r from-amber-500 via-amber-400 to-amber-500';
|
|
9214
|
-
}
|
|
9215
|
-
return 'bg-gradient-to-r from-amber-500 via-amber-400 to-red-500';
|
|
9221
|
+
// Default for ON_TRACK and all other statuses
|
|
9222
|
+
return 'bg-gradient-to-r from-blue-400 via-blue-500 to-emerald-500';
|
|
9216
9223
|
}, ...(ngDevMode ? [{ debugName: "progressBarFillClass" }] : []));
|
|
9217
9224
|
this.remainingClass = computed(() => {
|
|
9218
9225
|
const remaining = this.calculateRemaining();
|
|
@@ -9300,9 +9307,17 @@ class StatusBadgeTooltipComponent {
|
|
|
9300
9307
|
else if (unit === 'percentage') {
|
|
9301
9308
|
// Convert decimal to percentage if value is between 0-1
|
|
9302
9309
|
const percentValue = value < 1 ? value * 100 : value;
|
|
9303
|
-
|
|
9310
|
+
// Use 3 decimal places for very small percentages
|
|
9311
|
+
if (percentValue < 0.01) {
|
|
9312
|
+
return `${percentValue.toFixed(3)}%`;
|
|
9313
|
+
}
|
|
9314
|
+
return `${percentValue.toFixed(2)}%`;
|
|
9304
9315
|
}
|
|
9305
9316
|
else {
|
|
9317
|
+
// Use 3 decimal places for very small values
|
|
9318
|
+
if (value < 0.01 && value % 1 !== 0) {
|
|
9319
|
+
return value.toFixed(3);
|
|
9320
|
+
}
|
|
9306
9321
|
return this.formatLargeNumberValue(value);
|
|
9307
9322
|
}
|
|
9308
9323
|
}, ...(ngDevMode ? [{ debugName: "displayProjectedValue" }] : []));
|
|
@@ -9369,7 +9384,12 @@ class StatusBadgeTooltipComponent {
|
|
|
9369
9384
|
// Handle percentage
|
|
9370
9385
|
if (unit === 'percentage') {
|
|
9371
9386
|
if (value < 1) {
|
|
9372
|
-
|
|
9387
|
+
const percentValue = value * 100;
|
|
9388
|
+
// Use 3 decimal places for very small percentages
|
|
9389
|
+
if (percentValue < 0.01) {
|
|
9390
|
+
return `${percentValue.toFixed(3)}%`;
|
|
9391
|
+
}
|
|
9392
|
+
return `${percentValue.toFixed(2)}%`;
|
|
9373
9393
|
}
|
|
9374
9394
|
return `${value.toFixed(2)}%`;
|
|
9375
9395
|
}
|
|
@@ -9380,6 +9400,10 @@ class StatusBadgeTooltipComponent {
|
|
|
9380
9400
|
else if (value >= 1000) {
|
|
9381
9401
|
return `${(value / 1000).toFixed(1)}K`;
|
|
9382
9402
|
}
|
|
9403
|
+
// Use 3 decimal places for very small values
|
|
9404
|
+
if (value < 0.01 && value % 1 !== 0) {
|
|
9405
|
+
return value.toFixed(3);
|
|
9406
|
+
}
|
|
9383
9407
|
return value.toLocaleString();
|
|
9384
9408
|
}
|
|
9385
9409
|
formatCurrencyValue(value) {
|
|
@@ -12786,6 +12810,7 @@ class MobileBottomNavComponent {
|
|
|
12786
12810
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileBottomNavComponent, { className: "MobileBottomNavComponent", filePath: "lib/components/funnel-analysis-dashboard/mobile-bottom-nav.component.ts", lineNumber: 33 }); })();
|
|
12787
12811
|
|
|
12788
12812
|
const FUNNEL_ANALYSIS = ({
|
|
12813
|
+
"selfContentCompletedDate": new Date(),
|
|
12789
12814
|
"title": "Maximize Revenue by Improving Conversion Rates and Reducing Funnel Leakage",
|
|
12790
12815
|
"description": "# Funnel Analysis for Custom Decorative Lighting\n\n### Overview\n\nYour shop’s funnel performance in 2025 shows strong growth in top-of-funnel traffic and revenue, but significant conversion challenges persist in the mid and lower funnel. While you’re exceeding targets in overall traffic, new user acquisition, and average order value, conversion rates from product views to purchases are lagging, especially on mobile and certain channels. Addressing these gaps is critical to maximizing the value of your high-quality, customizable lighting offerings and maintaining your leadership in the luxury lighting market.\n\n---\n\n### Performance Overview & Trends\n\n- **Traffic & Engagement:**\n - Views, Sessions, and Active Users are all pacing well above 2025 targets (Views: 1,740,174 vs. 1,606,999 target; Sessions: 925,074 vs. 659,278 target).\n - New Users are up 79% YoY (738,992 vs. 411,862), reflecting successful outreach and brand awareness, especially among design professionals and luxury residential clients.\n - Product Views have increased 21% YoY, indicating strong interest in your artisan-crafted and customizable lighting.\n- **Revenue:**\n - Revenue is up 25% YoY ($659,742 vs. $529,690), with Average Order Value at $5,737 (32% above target and 32% YoY growth), reflecting your premium positioning and successful upselling of custom and luxury fixtures.\n - Revenue Per Product View ($0.53) is slightly above target and up YoY, showing improved monetization of product interest.\n- **Conversion & Engagement:**\n - Conversion rates are down across the funnel: Ecommerce Conversion Rate (0.012%) and Product View Conversion Rate (0.009%) are both below target and last year.\n - Bounce Rate has increased to 64.7% (target: 55.0%), with mobile and tablet segments particularly high, indicating friction in the user journey.\n - Add To Cart and Checkout rates are below target, with Add To Cart Rate at 0.96% (target: 1.43%) and Checkout Conversion Rate at 12.5% (target: 15.1%).\n- **Trends:**\n - Monthly data shows spikes in traffic and revenue during project-driven cycles (notably September and October), but conversion rates remain inconsistent.\n - Lower funnel metrics (Purchases, Revenue) are improving, but not at the pace of top-of-funnel growth.\n- **Profile Insights:**\n - Your strong brand authority and artisan reputation are driving high-value orders, but the complexity of customization and project-based sales cycles may be contributing to lower conversion rates and higher bounce, especially for new or less trade-savvy customers.\n\n---\n\n### Medium Analysis\n\n- **Organic:**\n - Drives high-quality traffic (Product View Rate: 347.9%), strong Add To Cart Rate (1.58%), and above-average conversion rates (Ecommerce Conversion Rate: 0.054%).\n - Revenue Per Product View ($0.81) and Revenue Per Add To Cart ($178.27) are both strong, reflecting effective engagement with design professionals and homeowners seeking custom solutions.\n- **CPC (Paid):**\n - Delivers the largest share of Product Views (603,481), but conversion rates are low (Ecommerce Conversion Rate: 0.010%) and Add To Cart Rate (1.92%) is only slightly above average.\n - Revenue Per Add To Cart ($29.86) is well below organic and referral, indicating inefficiency in paid campaigns.\n- **Referral:**\n - High Revenue Per Add To Cart ($328.87) and Average Order Value ($14,142), but low Add To Cart Rate (0.14%) and Ecommerce Conversion Rate (0.003%).\n - Suggests referrals are highly qualified but limited in volume—opportunity to deepen partnerships with trade and design professionals.\n- **Email:**\n - Strong Average Order Value ($9,220), but low traffic and conversion rates (Ecommerce Conversion Rate: 0.004%).\n - Indicates potential for more targeted, segmented campaigns to trade and commercial clients.\n- **Direct:**\n - Consistent performance across the funnel, with Add To Cart Rate (0.54%) and Revenue Per Add To Cart ($101.29) above paid but below organic and referral.\n- **Profile Insights:**\n - Organic and referral mediums align best with your brand’s value proposition and customer segments, while paid and email require optimization to better target high-intent, project-based buyers.\n\n---\n\n### Source Analysis\n\n- **Google:**\n - Largest source of traffic and revenue (Product Views: 738,639; Revenue: $313,196), but conversion rates are below target (Ecommerce Conversion Rate: 0.022%).\n - Revenue Per Product View ($0.42) is solid, but Add To Cart Rate (2.31%) and Product View To Cart Conversion Rate (0.90%) suggest room for improvement in mid-funnel engagement.\n- **Direct:**\n - Strong Add To Cart Rate (2.44%) and consistent revenue ($107,772), but conversion rates lag behind organic.\n- **Bing & Yahoo:**\n - High Average Order Value ($8,894 for Bing, $4,798 for Yahoo) and strong Add To Cart Rates, but low volume.\n- **Klaviyo (Email):**\n - Highest Average Order Value ($9,220), but low conversion rates and traffic—opportunity for more personalized, segmented outreach.\n- **Facebook & Pinterest:**\n - Low conversion rates and revenue, indicating these sources are not effectively reaching your core trade and luxury segments.\n- **Profile Insights:**\n - Google and direct sources are critical for both residential and trade clients, but further segmentation and retargeting could improve conversion efficiency.\n\n---\n\n### Device Analysis\n\n- **Desktop:**\n - Dominates revenue ($573,262), Purchases (91), and conversion rates (Ecommerce Conversion Rate: 0.025%).\n - Bounce Rate is lowest (55.5%), and Add To Cart Rate (1.83%) is highest among devices.\n - Average Order Value ($6,300) and Revenue Per Product View ($0.72) are both strong, reflecting the research-intensive, high-consideration nature of luxury lighting purchases.\n- **Mobile:**\n - Drives the most sessions (501,561) and new users (444,990), but conversion rates are lowest (Ecommerce Conversion Rate: 0.004%) and Bounce Rate is highest (70.4%).\n - Revenue Per Product View ($0.17) and Average Order Value ($3,096) are well below desktop, indicating friction for mobile users—likely due to the complexity of custom product selection and quoting.\n- **Tablet:**\n - Smallest share of traffic, but highest Checkout Conversion Rate (25%) and Average Order Value ($7,156), suggesting a niche but highly qualified segment (possibly trade professionals or commercial buyers).\n- **Profile Insights:**\n - Desktop is the primary channel for trade and high-value residential clients, while mobile underperformance suggests a need to simplify the mobile experience for homeowners and specifiers.\n\n---\n\n### Pacing & Target Comparison\n\n| Metric | 2025 Target | 2025 Pacing | Gap (%) |\n|-------------------------------|--------------|--------------|-----------|\n| Revenue Per Product View | 0.52 | 0.53 | +2.1% |\n| Product Views | 1,229,726 | 1,242,036 | +1.0% |\n| New Users | 470,660 | 738,992 | +57.1% |\n| Add To Carts | 9,933 | 8,926 | -10.1% |\n| Checkouts | 1,095 | 923 | -15.7% |\n| Purchases | 160 | 115 | -28.3% |\n| Revenue | $710,638 | $659,742 | -7.2% |\n| Average Order Value | $4,480 | $5,737 | +28.1% |\n| Add To Cart Rate | 1.43% | 0.96% | -32.9% |\n| Ecommerce Conversion Rate | 0.02% | 0.012% | -37.8% |\n| Bounce Rate | 55.0% | 64.7% | +17.6% |\n| Product View Conversion Rate | 0.01% | 0.009% | -7.4% |\n| Product View To Cart Conv. | 0.81% | 0.72% | -11.1% |\n| Cart To Checkout Conv. | 11.06% | 10.34% | -6.5% |\n| Checkout Conversion Rate | 15.07% | 12.46% | -17.3% |\n| Product View Rate | 184.12% | 134.26% | -27.1% |\n| Revenue Per Add To Cart | $67.69 | $73.91 | +9.2% |\n| Revenue Per Checkout | $642.90 | $714.78 | +11.2% |\n| Active User Add To Cart Rate | 1.71% | 1.09% | -36.3% |\n| Active User Checkout Rate | 0.18% | 0.11% | -38.1% |\n| Add To Cart Conversion Rate | 1.59% | 1.29% | -18.9% |\n| Ecommerce Purchases | 160.41 | 115 | -28.3% |\n| Sessions | 659,278 | 925,074 | +40.3% |\n| Screen Page Views | 1,606,999 | 1,740,174 | +8.3% |\n| Active Users | 551,076 | 818,976 | +48.6% |\n\n- **Key At-Risk Metrics:**\n - Purchases, Add To Carts, Checkouts, Conversion Rates, and Bounce Rate are all pacing below target.\n - Revenue is below target despite strong traffic and order value, due to conversion inefficiencies.\n- **Overachieving Metrics:**\n - Traffic, New Users, Average Order Value, and Revenue Per Add To Cart are all exceeding targets.\n\n---\n\n### Funnel Summary & Data Quality\n\n- **Funnel Breakdown:**\n - Top-of-funnel (Views, Sessions, Active Users, Product Views) is robust and growing.\n - Mid-funnel (Add To Carts, Checkouts) is underperforming, with significant drop-off from Product Views to Add To Carts (0.72% Product View To Cart Conversion Rate).\n - Lower funnel (Purchases, Revenue) is improving YoY but not keeping pace with traffic growth.\n- **Leakage Points:**\n - Major drop-off between Product Views and Add To Carts, and again at Checkout to Purchase.\n - High Bounce Rate, especially on mobile, is a key contributor to funnel leakage.\n- **Data Quality:**\n - No periods with zero values for core metrics detected; data appears consistent and reliable.\n\n---\n\n### Strengths, Weaknesses & Opportunities\n\n**Strengths:**\n- High Average Order Value ($5,737) and Revenue Per Add To Cart ($73.91), reflecting strong brand authority and premium positioning.\n- Robust traffic and new user growth (+57% YoY), especially among design professionals and luxury residential clients.\n- Desktop experience is highly effective for core trade and commercial buyers, with strong conversion and revenue metrics.\n- Organic and referral channels deliver high-value, qualified leads aligned with your custom and luxury offerings.\n\n**Weaknesses:**\n- Conversion rates (Ecommerce, Add To Cart, Checkout) are below target and declining YoY, especially on mobile.\n- Bounce Rate is high (64.7%) and rising, particularly on mobile and tablet, indicating friction in the user journey.\n- Paid and email channels are not delivering efficient conversions or revenue, despite high spend and strong order values.\n- Significant funnel leakage from Product Views to Add To Carts and at Checkout, limiting revenue growth.\n\n**Opportunities:**\n- Optimize mobile and tablet experiences to better serve homeowners and specifiers, reducing bounce and improving conversion.\n- Deepen partnerships with trade and design professionals through referral and organic channels to increase high-value project leads.\n- Refine paid and email campaigns to focus on high-intent, project-based buyers and segment messaging by customer type.\n- Leverage storytelling, case studies, and behind-the-scenes content to reinforce artisan craftsmanship and customization.\n\n---\n\n### Actionable Recommendations & Next Steps\n\n**1. Optimize Conversion Rates (Primary Focus)**\n- Conduct a UX audit, especially on mobile, to identify and remove friction points in the product selection and customization process.\n- Streamline Add To Cart and Checkout processes—reduce steps, clarify customization options, and provide clear pricing and lead times.\n- Highlight trust signals (testimonials, project case studies, artisan stories) prominently on product and checkout pages to reassure high-value buyers.\n\n**2. Enhance Channel & Acquisition Efficiency**\n- Refocus paid campaigns on high-intent keywords and audiences specific to trade, commercial, and luxury residential projects.\n- Expand organic content around industry trends, customization options, and project-driven sales cycles to attract design professionals.\n- Build partnerships with architects, designers, and industry organizations to increase high-quality referral traffic.\n\n**3. Improve Engagement & Reduce Bounce Rate**\n- Personalize landing pages and product recommendations based on traffic source and customer segment (trade vs. homeowner).\n- Implement engagement tactics such as exit-intent popups, live chat, and downloadable resources (e.g., spec sheets, lookbooks) to capture leads and reduce bounce.\n- Simplify mobile navigation and prioritize key content to improve the mobile experience for specifiers and homeowners.\n\n**4. Leverage Data & Segmentation**\n- Segment analytics by customer type (trade, homeowner, commercial) and region to tailor messaging and offers.\n- Monitor seasonal and project-driven patterns to align marketing cadence with industry events and renovation cycles.\n- Track segment-specific metrics to measure the impact of targeted initiatives and refine strategies accordingly.\n\n**5. Ensure Data Quality & Measurement Integrity**\n- Continue regular data audits to ensure all funnel stages are tracked accurately, especially as you launch new campaigns or site features.\n- Validate tracking and attribution for new channels and referral partnerships to maintain reliable performance insights.\n\n---\n",
|
|
12791
12816
|
"performanceOverviewStructured": {
|
|
@@ -21587,7 +21612,23 @@ function SymphiqFunnelAnalysisDashboardComponent_For_37_Template(rf, ctx) { if (
|
|
|
21587
21612
|
i0.ɵɵadvance();
|
|
21588
21613
|
i0.ɵɵtextInterpolate(section_r2.label);
|
|
21589
21614
|
} }
|
|
21590
|
-
function
|
|
21615
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
|
|
21616
|
+
i0.ɵɵelementStart(0, "div", 28)(1, "div", 29);
|
|
21617
|
+
i0.ɵɵtext(2, "Generated At");
|
|
21618
|
+
i0.ɵɵelementEnd();
|
|
21619
|
+
i0.ɵɵelementStart(3, "div", 30);
|
|
21620
|
+
i0.ɵɵtext(4);
|
|
21621
|
+
i0.ɵɵelementEnd()();
|
|
21622
|
+
} if (rf & 2) {
|
|
21623
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
21624
|
+
i0.ɵɵadvance();
|
|
21625
|
+
i0.ɵɵclassMap(ctx_r2.metaLabelClass());
|
|
21626
|
+
i0.ɵɵadvance(2);
|
|
21627
|
+
i0.ɵɵclassMap(ctx_r2.headerTitleClass());
|
|
21628
|
+
i0.ɵɵadvance();
|
|
21629
|
+
i0.ɵɵtextInterpolate(ctx_r2.formattedGeneratedDate());
|
|
21630
|
+
} }
|
|
21631
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
|
|
21591
21632
|
i0.ɵɵelementStart(0, "div", 35)(1, "span", 55);
|
|
21592
21633
|
i0.ɵɵtext(2, "Revenue:");
|
|
21593
21634
|
i0.ɵɵelementEnd();
|
|
@@ -21611,19 +21652,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template(rf, ctx
|
|
|
21611
21652
|
i0.ɵɵadvance();
|
|
21612
21653
|
i0.ɵɵtextInterpolate2(" ", ctx_r2.revenueTrend() >= 0 ? "+" : "", "", ctx_r2.revenueTrend().toFixed(1), "% ");
|
|
21613
21654
|
} }
|
|
21614
|
-
function
|
|
21655
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
|
|
21615
21656
|
i0.ɵɵnamespaceSVG();
|
|
21616
21657
|
i0.ɵɵelementStart(0, "svg", 37);
|
|
21617
21658
|
i0.ɵɵelement(1, "path", 53);
|
|
21618
21659
|
i0.ɵɵelementEnd();
|
|
21619
21660
|
} }
|
|
21620
|
-
function
|
|
21661
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
|
|
21621
21662
|
i0.ɵɵnamespaceSVG();
|
|
21622
21663
|
i0.ɵɵelementStart(0, "svg", 37);
|
|
21623
21664
|
i0.ɵɵelement(1, "path", 54);
|
|
21624
21665
|
i0.ɵɵelementEnd();
|
|
21625
21666
|
} }
|
|
21626
|
-
function
|
|
21667
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_62_Template(rf, ctx) { if (rf & 1) {
|
|
21627
21668
|
i0.ɵɵelementStart(0, "option", 26);
|
|
21628
21669
|
i0.ɵɵtext(1);
|
|
21629
21670
|
i0.ɵɵelementEnd();
|
|
@@ -21633,7 +21674,7 @@ function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (
|
|
|
21633
21674
|
i0.ɵɵadvance();
|
|
21634
21675
|
i0.ɵɵtextInterpolate(section_r4.label);
|
|
21635
21676
|
} }
|
|
21636
|
-
function
|
|
21677
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_63_Template(rf, ctx) { if (rf & 1) {
|
|
21637
21678
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
21638
21679
|
i0.ɵɵelementStart(0, "div", 40)(1, "div", 31)(2, "div", 32)(3, "div", 58);
|
|
21639
21680
|
i0.ɵɵnamespaceSVG();
|
|
@@ -21651,7 +21692,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx
|
|
|
21651
21692
|
i0.ɵɵtext(12);
|
|
21652
21693
|
i0.ɵɵelementEnd()()();
|
|
21653
21694
|
i0.ɵɵelementStart(13, "button", 64);
|
|
21654
|
-
i0.ɵɵlistener("click", function
|
|
21695
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_63_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
21655
21696
|
i0.ɵɵnamespaceSVG();
|
|
21656
21697
|
i0.ɵɵelementStart(14, "svg", 37);
|
|
21657
21698
|
i0.ɵɵelement(15, "path", 65);
|
|
@@ -21674,52 +21715,52 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx
|
|
|
21674
21715
|
i0.ɵɵadvance();
|
|
21675
21716
|
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");
|
|
21676
21717
|
} }
|
|
21677
|
-
function
|
|
21718
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
|
|
21678
21719
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
21679
21720
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21680
|
-
i0.ɵɵlistener("click", function
|
|
21721
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_65_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToTop()); });
|
|
21681
21722
|
i0.ɵɵelementEnd();
|
|
21682
21723
|
} if (rf & 2) {
|
|
21683
21724
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21684
21725
|
i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21685
21726
|
} }
|
|
21686
|
-
function
|
|
21727
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
|
|
21687
21728
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
21688
21729
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21689
|
-
i0.ɵɵlistener("click", function
|
|
21730
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("insights-section")); });
|
|
21690
21731
|
i0.ɵɵelementEnd();
|
|
21691
21732
|
} if (rf & 2) {
|
|
21692
21733
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21693
21734
|
i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21694
21735
|
} }
|
|
21695
|
-
function
|
|
21736
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
|
|
21696
21737
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
21697
21738
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21698
|
-
i0.ɵɵlistener("click", function
|
|
21739
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("metrics-section")); });
|
|
21699
21740
|
i0.ɵɵelementEnd();
|
|
21700
21741
|
} if (rf & 2) {
|
|
21701
21742
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21702
21743
|
i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21703
21744
|
} }
|
|
21704
|
-
function
|
|
21745
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
|
|
21705
21746
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
21706
21747
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21707
|
-
i0.ɵɵlistener("click", function
|
|
21748
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("breakdowns-section")); });
|
|
21708
21749
|
i0.ɵɵelementEnd();
|
|
21709
21750
|
} if (rf & 2) {
|
|
21710
21751
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21711
21752
|
i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21712
21753
|
} }
|
|
21713
|
-
function
|
|
21754
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
|
|
21714
21755
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
21715
21756
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21716
|
-
i0.ɵɵlistener("click", function
|
|
21757
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("competitive-section")); });
|
|
21717
21758
|
i0.ɵɵelementEnd();
|
|
21718
21759
|
} if (rf & 2) {
|
|
21719
21760
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21720
21761
|
i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
|
|
21721
21762
|
} }
|
|
21722
|
-
function
|
|
21763
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21723
21764
|
i0.ɵɵelementStart(0, "div", 67)(1, "div", 69)(2, "div", 11);
|
|
21724
21765
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
21725
21766
|
i0.ɵɵelementStart(4, "div", 71);
|
|
@@ -21751,25 +21792,25 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_1_Te
|
|
|
21751
21792
|
i0.ɵɵadvance();
|
|
21752
21793
|
i0.ɵɵproperty("width", "100%")("height", "200px")("isLightMode", ctx_r2.isLightMode());
|
|
21753
21794
|
} }
|
|
21754
|
-
function
|
|
21795
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
21755
21796
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
21756
21797
|
i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 74);
|
|
21757
|
-
i0.ɵɵlistener("scrollToSection", function
|
|
21798
|
+
i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_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)); });
|
|
21758
21799
|
i0.ɵɵelementEnd();
|
|
21759
21800
|
} if (rf & 2) {
|
|
21760
21801
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21761
21802
|
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());
|
|
21762
21803
|
} }
|
|
21763
|
-
function
|
|
21804
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
|
|
21764
21805
|
i0.ɵɵelementStart(0, "div", 45);
|
|
21765
|
-
i0.ɵɵconditionalCreate(1,
|
|
21806
|
+
i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_1_Template, 14, 25, "div", 67)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_2_Template, 1, 9, "symphiq-funnel-analysis-overall-assessment", 68);
|
|
21766
21807
|
i0.ɵɵelementEnd();
|
|
21767
21808
|
} if (rf & 2) {
|
|
21768
21809
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21769
21810
|
i0.ɵɵadvance();
|
|
21770
21811
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
|
|
21771
21812
|
} }
|
|
21772
|
-
function
|
|
21813
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21773
21814
|
i0.ɵɵelementStart(0, "div", 75)(1, "div", 86);
|
|
21774
21815
|
i0.ɵɵelement(2, "div", 87);
|
|
21775
21816
|
i0.ɵɵelementEnd();
|
|
@@ -21787,7 +21828,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Te
|
|
|
21787
21828
|
i0.ɵɵadvance();
|
|
21788
21829
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-500" : "text-blue-400");
|
|
21789
21830
|
} }
|
|
21790
|
-
function
|
|
21831
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21791
21832
|
i0.ɵɵelementStart(0, "div", 92)(1, "div", 93)(2, "div", 94);
|
|
21792
21833
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
21793
21834
|
i0.ɵɵelementEnd();
|
|
@@ -21820,15 +21861,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_F
|
|
|
21820
21861
|
i0.ɵɵadvance();
|
|
21821
21862
|
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
|
|
21822
21863
|
} }
|
|
21823
|
-
function
|
|
21864
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
21824
21865
|
i0.ɵɵelementStart(0, "div", 84);
|
|
21825
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21866
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_For_2_Template, 14, 28, "div", 92, i0.ɵɵrepeaterTrackByIdentity);
|
|
21826
21867
|
i0.ɵɵelementEnd();
|
|
21827
21868
|
} if (rf & 2) {
|
|
21828
21869
|
i0.ɵɵadvance();
|
|
21829
21870
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
|
|
21830
21871
|
} }
|
|
21831
|
-
function
|
|
21872
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21832
21873
|
i0.ɵɵelementStart(0, "div", 98);
|
|
21833
21874
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 99);
|
|
21834
21875
|
i0.ɵɵelementEnd();
|
|
@@ -21842,16 +21883,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_F
|
|
|
21842
21883
|
i0.ɵɵadvance();
|
|
21843
21884
|
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);
|
|
21844
21885
|
} }
|
|
21845
|
-
function
|
|
21886
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
21846
21887
|
i0.ɵɵelementStart(0, "div", 84);
|
|
21847
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21888
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_For_2_Template, 2, 13, "div", 97, i0.ɵɵrepeaterTrackByIndex);
|
|
21848
21889
|
i0.ɵɵelementEnd();
|
|
21849
21890
|
} if (rf & 2) {
|
|
21850
21891
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21851
21892
|
i0.ɵɵadvance();
|
|
21852
21893
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
21853
21894
|
} }
|
|
21854
|
-
function
|
|
21895
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21855
21896
|
i0.ɵɵelementStart(0, "div", 98);
|
|
21856
21897
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 99);
|
|
21857
21898
|
i0.ɵɵelementEnd();
|
|
@@ -21864,17 +21905,17 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_F
|
|
|
21864
21905
|
i0.ɵɵadvance();
|
|
21865
21906
|
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);
|
|
21866
21907
|
} }
|
|
21867
|
-
function
|
|
21908
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
21868
21909
|
i0.ɵɵelementStart(0, "div", 85);
|
|
21869
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21910
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_For_2_Template, 2, 11, "div", 100, i0.ɵɵrepeaterTrackByIndex);
|
|
21870
21911
|
i0.ɵɵelementEnd();
|
|
21871
21912
|
} if (rf & 2) {
|
|
21872
21913
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21873
21914
|
i0.ɵɵadvance();
|
|
21874
21915
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
21875
21916
|
} }
|
|
21876
|
-
function
|
|
21877
|
-
i0.ɵɵconditionalCreate(0,
|
|
21917
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
|
|
21918
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_0_Template, 7, 3, "div", 75);
|
|
21878
21919
|
i0.ɵɵelementStart(1, "section", 76);
|
|
21879
21920
|
i0.ɵɵelement(2, "div", 77);
|
|
21880
21921
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 79)(5, "div", 11)(6, "div", 80)(7, "div", 11);
|
|
@@ -21889,7 +21930,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx
|
|
|
21889
21930
|
i0.ɵɵelementStart(12, "span", 29);
|
|
21890
21931
|
i0.ɵɵtext(13);
|
|
21891
21932
|
i0.ɵɵelementEnd()();
|
|
21892
|
-
i0.ɵɵconditionalCreate(14,
|
|
21933
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_Template, 3, 1, "div", 84)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_Template, 3, 0, "div", 84)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_Template, 3, 0, "div", 85);
|
|
21893
21934
|
i0.ɵɵelementEnd()();
|
|
21894
21935
|
} if (rf & 2) {
|
|
21895
21936
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -21909,7 +21950,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx
|
|
|
21909
21950
|
i0.ɵɵadvance();
|
|
21910
21951
|
i0.ɵɵconditional(ctx_r2.isDataLoading() || ctx_r2.viewModeService.isExpanded() && ctx_r2.viewModeService.getIsTransitioning() ? 14 : ctx_r2.viewModeService.isExpanded() ? 15 : 16);
|
|
21911
21952
|
} }
|
|
21912
|
-
function
|
|
21953
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21913
21954
|
i0.ɵɵelementStart(0, "div", 101)(1, "div", 86);
|
|
21914
21955
|
i0.ɵɵelement(2, "div", 87);
|
|
21915
21956
|
i0.ɵɵelementEnd();
|
|
@@ -21927,12 +21968,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Te
|
|
|
21927
21968
|
i0.ɵɵadvance();
|
|
21928
21969
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
|
|
21929
21970
|
} }
|
|
21930
|
-
function
|
|
21971
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
21931
21972
|
i0.ɵɵelementStart(0, "div", 108);
|
|
21932
21973
|
i0.ɵɵelement(1, "div", 118);
|
|
21933
21974
|
i0.ɵɵelementEnd();
|
|
21934
21975
|
} }
|
|
21935
|
-
function
|
|
21976
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21936
21977
|
i0.ɵɵelementStart(0, "option", 119);
|
|
21937
21978
|
i0.ɵɵtext(1);
|
|
21938
21979
|
i0.ɵɵelementEnd();
|
|
@@ -21942,7 +21983,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Condition
|
|
|
21942
21983
|
i0.ɵɵadvance();
|
|
21943
21984
|
i0.ɵɵtextInterpolate(cat_r17.label);
|
|
21944
21985
|
} }
|
|
21945
|
-
function
|
|
21986
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21946
21987
|
i0.ɵɵelementStart(0, "option", 26);
|
|
21947
21988
|
i0.ɵɵtext(1);
|
|
21948
21989
|
i0.ɵɵelementEnd();
|
|
@@ -21952,24 +21993,24 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Condition
|
|
|
21952
21993
|
i0.ɵɵadvance();
|
|
21953
21994
|
i0.ɵɵtextInterpolate(cat_r17.label);
|
|
21954
21995
|
} }
|
|
21955
|
-
function
|
|
21956
|
-
i0.ɵɵconditionalCreate(0,
|
|
21996
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
21997
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_1_Template, 2, 2, "option", 26);
|
|
21957
21998
|
} if (rf & 2) {
|
|
21958
21999
|
const cat_r17 = ctx.$implicit;
|
|
21959
22000
|
i0.ɵɵconditional(cat_r17.divider ? 0 : 1);
|
|
21960
22001
|
} }
|
|
21961
|
-
function
|
|
22002
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
21962
22003
|
i0.ɵɵnamespaceSVG();
|
|
21963
22004
|
i0.ɵɵelement(0, "path", 111);
|
|
21964
22005
|
} }
|
|
21965
|
-
function
|
|
22006
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
21966
22007
|
i0.ɵɵnamespaceSVG();
|
|
21967
22008
|
i0.ɵɵelement(0, "path", 112);
|
|
21968
22009
|
} }
|
|
21969
|
-
function
|
|
22010
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21970
22011
|
const _r18 = i0.ɵɵgetCurrentView();
|
|
21971
22012
|
i0.ɵɵelementStart(0, "button", 121);
|
|
21972
|
-
i0.ɵɵlistener("click", function
|
|
22013
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_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)); });
|
|
21973
22014
|
i0.ɵɵtext(1);
|
|
21974
22015
|
i0.ɵɵelementEnd();
|
|
21975
22016
|
} if (rf & 2) {
|
|
@@ -21980,19 +22021,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Condition
|
|
|
21980
22021
|
i0.ɵɵadvance();
|
|
21981
22022
|
i0.ɵɵtextInterpolate1(" ", cat_r19.label, " ");
|
|
21982
22023
|
} }
|
|
21983
|
-
function
|
|
21984
|
-
i0.ɵɵconditionalCreate(0,
|
|
22024
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Template(rf, ctx) { if (rf & 1) {
|
|
22025
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Conditional_0_Template, 2, 4, "button", 120);
|
|
21985
22026
|
} if (rf & 2) {
|
|
21986
22027
|
const cat_r19 = ctx.$implicit;
|
|
21987
22028
|
i0.ɵɵconditional(!cat_r19.divider ? 0 : -1);
|
|
21988
22029
|
} }
|
|
21989
|
-
function
|
|
22030
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
21990
22031
|
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
21991
22032
|
} if (rf & 2) {
|
|
21992
22033
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
21993
22034
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
21994
22035
|
} }
|
|
21995
|
-
function
|
|
22036
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21996
22037
|
i0.ɵɵelementStart(0, "div", 122)(1, "div", 123)(2, "div", 11);
|
|
21997
22038
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
21998
22039
|
i0.ɵɵelementStart(4, "div", 72);
|
|
@@ -22001,7 +22042,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_F
|
|
|
22001
22042
|
i0.ɵɵelement(7, "symphiq-skeleton-loader", 70);
|
|
22002
22043
|
i0.ɵɵelementEnd();
|
|
22003
22044
|
i0.ɵɵelementStart(8, "div", 124);
|
|
22004
|
-
i0.ɵɵrepeaterCreate(9,
|
|
22045
|
+
i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
22005
22046
|
i0.ɵɵelementEnd()();
|
|
22006
22047
|
} if (rf & 2) {
|
|
22007
22048
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -22017,60 +22058,60 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_F
|
|
|
22017
22058
|
i0.ɵɵadvance(2);
|
|
22018
22059
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4));
|
|
22019
22060
|
} }
|
|
22020
|
-
function
|
|
22061
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
22021
22062
|
i0.ɵɵelementStart(0, "div", 115);
|
|
22022
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22063
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_Template, 11, 14, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
|
|
22023
22064
|
i0.ɵɵelementEnd();
|
|
22024
22065
|
} if (rf & 2) {
|
|
22025
22066
|
i0.ɵɵadvance();
|
|
22026
22067
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
|
|
22027
22068
|
} }
|
|
22028
|
-
function
|
|
22069
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22029
22070
|
i0.ɵɵelementStart(0, "div", 131);
|
|
22030
22071
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 132);
|
|
22031
22072
|
i0.ɵɵelementEnd();
|
|
22032
22073
|
} if (rf & 2) {
|
|
22033
22074
|
const metric_r20 = ctx.$implicit;
|
|
22034
|
-
const ɵ$
|
|
22035
|
-
const ɵ$
|
|
22075
|
+
const ɵ$index_449_r21 = ctx.$index;
|
|
22076
|
+
const ɵ$index_440_r22 = i0.ɵɵnextContext(3).$index;
|
|
22036
22077
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22037
|
-
i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r20, ɵ$
|
|
22038
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
22078
|
+
i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r20, ɵ$index_449_r21));
|
|
22079
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_440_r22 * 0.15 + ɵ$index_449_r21 * 0.08 + "s");
|
|
22039
22080
|
i0.ɵɵadvance();
|
|
22040
22081
|
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);
|
|
22041
22082
|
} }
|
|
22042
|
-
function
|
|
22083
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22043
22084
|
i0.ɵɵelementStart(0, "div", 128);
|
|
22044
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22085
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 130, i0.ɵɵrepeaterTrackByIndex);
|
|
22045
22086
|
i0.ɵɵelementEnd();
|
|
22046
22087
|
} if (rf & 2) {
|
|
22047
22088
|
const funnelGroup_r23 = i0.ɵɵnextContext(2).$implicit;
|
|
22048
22089
|
i0.ɵɵadvance();
|
|
22049
22090
|
i0.ɵɵrepeater(funnelGroup_r23.relatedMetrics);
|
|
22050
22091
|
} }
|
|
22051
|
-
function
|
|
22092
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22052
22093
|
i0.ɵɵelementStart(0, "div", 131);
|
|
22053
22094
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 127);
|
|
22054
22095
|
i0.ɵɵelementEnd();
|
|
22055
22096
|
} if (rf & 2) {
|
|
22056
22097
|
const metric_r24 = ctx.$implicit;
|
|
22057
|
-
const ɵ$
|
|
22058
|
-
const ɵ$
|
|
22098
|
+
const ɵ$index_457_r25 = ctx.$index;
|
|
22099
|
+
const ɵ$index_440_r22 = i0.ɵɵnextContext(3).$index;
|
|
22059
22100
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22060
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
22101
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_440_r22 * 0.15 + ɵ$index_457_r25 * 0.08 + "s");
|
|
22061
22102
|
i0.ɵɵadvance();
|
|
22062
22103
|
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);
|
|
22063
22104
|
} }
|
|
22064
|
-
function
|
|
22105
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22065
22106
|
i0.ɵɵelementStart(0, "div", 129);
|
|
22066
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22107
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 133, i0.ɵɵrepeaterTrackByIndex);
|
|
22067
22108
|
i0.ɵɵelementEnd();
|
|
22068
22109
|
} if (rf & 2) {
|
|
22069
22110
|
const funnelGroup_r23 = i0.ɵɵnextContext(2).$implicit;
|
|
22070
22111
|
i0.ɵɵadvance();
|
|
22071
22112
|
i0.ɵɵrepeater(funnelGroup_r23.relatedMetrics);
|
|
22072
22113
|
} }
|
|
22073
|
-
function
|
|
22114
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22074
22115
|
i0.ɵɵelementStart(0, "div", 134)(1, "div", 93)(2, "div", 105);
|
|
22075
22116
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
22076
22117
|
i0.ɵɵelementEnd();
|
|
@@ -22102,37 +22143,37 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_F
|
|
|
22102
22143
|
i0.ɵɵadvance(2);
|
|
22103
22144
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
22104
22145
|
} }
|
|
22105
|
-
function
|
|
22146
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
22106
22147
|
i0.ɵɵelementStart(0, "div", 128);
|
|
22107
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22148
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 134, i0.ɵɵrepeaterTrackByIdentity);
|
|
22108
22149
|
i0.ɵɵelementEnd();
|
|
22109
22150
|
} if (rf & 2) {
|
|
22110
22151
|
i0.ɵɵadvance();
|
|
22111
22152
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4));
|
|
22112
22153
|
} }
|
|
22113
|
-
function
|
|
22114
|
-
i0.ɵɵconditionalCreate(0,
|
|
22154
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
22155
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 128)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 129)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 128);
|
|
22115
22156
|
} if (rf & 2) {
|
|
22116
22157
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
22117
22158
|
i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
|
|
22118
22159
|
} }
|
|
22119
|
-
function
|
|
22160
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22120
22161
|
i0.ɵɵelementStart(0, "div", 126);
|
|
22121
22162
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 127);
|
|
22122
22163
|
i0.ɵɵelementEnd();
|
|
22123
|
-
i0.ɵɵconditionalCreate(2,
|
|
22164
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Template, 3, 1);
|
|
22124
22165
|
} if (rf & 2) {
|
|
22125
22166
|
const funnelGroup_r23 = ctx.$implicit;
|
|
22126
|
-
const ɵ$
|
|
22167
|
+
const ɵ$index_440_r22 = ctx.$index;
|
|
22127
22168
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22128
|
-
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$
|
|
22129
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$
|
|
22169
|
+
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_440_r22 * 0.15 + "s");
|
|
22170
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_440_r22);
|
|
22130
22171
|
i0.ɵɵadvance();
|
|
22131
22172
|
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());
|
|
22132
22173
|
i0.ɵɵadvance();
|
|
22133
22174
|
i0.ɵɵconditional(funnelGroup_r23.relatedMetrics.length > 0 ? 2 : -1);
|
|
22134
22175
|
} }
|
|
22135
|
-
function
|
|
22176
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
22136
22177
|
i0.ɵɵelementStart(0, "div", 125);
|
|
22137
22178
|
i0.ɵɵnamespaceSVG();
|
|
22138
22179
|
i0.ɵɵelementStart(1, "svg", 137);
|
|
@@ -22155,9 +22196,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_F
|
|
|
22155
22196
|
i0.ɵɵadvance(2);
|
|
22156
22197
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
22157
22198
|
} }
|
|
22158
|
-
function
|
|
22199
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
22159
22200
|
i0.ɵɵelementStart(0, "div", 115);
|
|
22160
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22201
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 125);
|
|
22161
22202
|
i0.ɵɵelementEnd();
|
|
22162
22203
|
} if (rf & 2) {
|
|
22163
22204
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22165,9 +22206,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_T
|
|
|
22165
22206
|
i0.ɵɵadvance();
|
|
22166
22207
|
i0.ɵɵrepeater(ctx_r2.groupedMetrics());
|
|
22167
22208
|
} }
|
|
22168
|
-
function
|
|
22209
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template(rf, ctx) { if (rf & 1) {
|
|
22169
22210
|
const _r16 = i0.ɵɵgetCurrentView();
|
|
22170
|
-
i0.ɵɵconditionalCreate(0,
|
|
22211
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_0_Template, 7, 3, "div", 101);
|
|
22171
22212
|
i0.ɵɵelementStart(1, "section", 102);
|
|
22172
22213
|
i0.ɵɵelement(2, "div", 103);
|
|
22173
22214
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 104)(5, "div", 105)(6, "div", 11)(7, "div", 80)(8, "div", 11);
|
|
@@ -22180,26 +22221,26 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx
|
|
|
22180
22221
|
i0.ɵɵtext(12, "Performance Metrics");
|
|
22181
22222
|
i0.ɵɵelementEnd()()()();
|
|
22182
22223
|
i0.ɵɵelementStart(13, "div", 107);
|
|
22183
|
-
i0.ɵɵconditionalCreate(14,
|
|
22224
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_14_Template, 2, 0, "div", 108);
|
|
22184
22225
|
i0.ɵɵelementStart(15, "select", 109);
|
|
22185
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22186
|
-
i0.ɵɵrepeaterCreate(16,
|
|
22226
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
|
|
22227
|
+
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Template, 2, 1, null, null, _forTrack0$1);
|
|
22187
22228
|
i0.ɵɵelementEnd();
|
|
22188
22229
|
i0.ɵɵelementStart(18, "button", 110);
|
|
22189
|
-
i0.ɵɵlistener("click", function
|
|
22230
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
|
|
22190
22231
|
i0.ɵɵnamespaceSVG();
|
|
22191
22232
|
i0.ɵɵelementStart(19, "svg", 18);
|
|
22192
|
-
i0.ɵɵconditionalCreate(20,
|
|
22193
|
-
i0.ɵɵconditionalCreate(21,
|
|
22233
|
+
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_20_Template, 1, 0, ":svg:path", 111);
|
|
22234
|
+
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_21_Template, 1, 0, ":svg:path", 112);
|
|
22194
22235
|
i0.ɵɵelementEnd();
|
|
22195
22236
|
i0.ɵɵnamespaceHTML();
|
|
22196
22237
|
i0.ɵɵelementStart(22, "span");
|
|
22197
22238
|
i0.ɵɵtext(23, "Sort");
|
|
22198
22239
|
i0.ɵɵelementEnd()()()();
|
|
22199
22240
|
i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
|
|
22200
|
-
i0.ɵɵrepeaterCreate(26,
|
|
22241
|
+
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Template, 1, 1, null, null, _forTrack0$1);
|
|
22201
22242
|
i0.ɵɵelementEnd()()();
|
|
22202
|
-
i0.ɵɵconditionalCreate(28,
|
|
22243
|
+
i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_Template, 4, 5, "div", 116);
|
|
22203
22244
|
i0.ɵɵelementEnd()();
|
|
22204
22245
|
} if (rf & 2) {
|
|
22205
22246
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22232,7 +22273,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx
|
|
|
22232
22273
|
i0.ɵɵadvance(2);
|
|
22233
22274
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 28 : 29);
|
|
22234
22275
|
} }
|
|
22235
|
-
function
|
|
22276
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22236
22277
|
i0.ɵɵelementStart(0, "div", 140)(1, "div", 86);
|
|
22237
22278
|
i0.ɵɵelement(2, "div", 87);
|
|
22238
22279
|
i0.ɵɵelementEnd();
|
|
@@ -22250,12 +22291,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Te
|
|
|
22250
22291
|
i0.ɵɵadvance();
|
|
22251
22292
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-purple-500" : "text-purple-400");
|
|
22252
22293
|
} }
|
|
22253
|
-
function
|
|
22294
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
22254
22295
|
i0.ɵɵelementStart(0, "div", 108);
|
|
22255
22296
|
i0.ɵɵelement(1, "div", 148);
|
|
22256
22297
|
i0.ɵɵelementEnd();
|
|
22257
22298
|
} }
|
|
22258
|
-
function
|
|
22299
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22259
22300
|
i0.ɵɵelementStart(0, "option", 119);
|
|
22260
22301
|
i0.ɵɵtext(1);
|
|
22261
22302
|
i0.ɵɵelementEnd();
|
|
@@ -22265,7 +22306,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Condition
|
|
|
22265
22306
|
i0.ɵɵadvance();
|
|
22266
22307
|
i0.ɵɵtextInterpolate(filter_r27.label);
|
|
22267
22308
|
} }
|
|
22268
|
-
function
|
|
22309
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22269
22310
|
i0.ɵɵelementStart(0, "option", 26);
|
|
22270
22311
|
i0.ɵɵtext(1);
|
|
22271
22312
|
i0.ɵɵelementEnd();
|
|
@@ -22275,13 +22316,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Condition
|
|
|
22275
22316
|
i0.ɵɵadvance();
|
|
22276
22317
|
i0.ɵɵtextInterpolate(filter_r27.label);
|
|
22277
22318
|
} }
|
|
22278
|
-
function
|
|
22279
|
-
i0.ɵɵconditionalCreate(0,
|
|
22319
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Template(rf, ctx) { if (rf & 1) {
|
|
22320
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_1_Template, 2, 2, "option", 26);
|
|
22280
22321
|
} if (rf & 2) {
|
|
22281
22322
|
const filter_r27 = ctx.$implicit;
|
|
22282
22323
|
i0.ɵɵconditional(filter_r27.divider ? 0 : 1);
|
|
22283
22324
|
} }
|
|
22284
|
-
function
|
|
22325
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
22285
22326
|
i0.ɵɵelementStart(0, "div", 150);
|
|
22286
22327
|
i0.ɵɵelement(1, "symphiq-skeleton-loader", 70)(2, "symphiq-skeleton-loader", 70);
|
|
22287
22328
|
i0.ɵɵelementEnd();
|
|
@@ -22293,12 +22334,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_F
|
|
|
22293
22334
|
i0.ɵɵadvance();
|
|
22294
22335
|
i0.ɵɵproperty("width", "80px")("height", "18px")("isLightMode", ctx_r2.isLightMode());
|
|
22295
22336
|
} }
|
|
22296
|
-
function
|
|
22337
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22297
22338
|
i0.ɵɵelementStart(0, "div", 122)(1, "div", 123);
|
|
22298
22339
|
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70)(3, "symphiq-skeleton-loader", 70);
|
|
22299
22340
|
i0.ɵɵelementEnd();
|
|
22300
22341
|
i0.ɵɵelementStart(4, "div", 149);
|
|
22301
|
-
i0.ɵɵrepeaterCreate(5,
|
|
22342
|
+
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_For_6_Template, 3, 7, "div", 150, i0.ɵɵrepeaterTrackByIdentity);
|
|
22302
22343
|
i0.ɵɵelementEnd()();
|
|
22303
22344
|
} if (rf & 2) {
|
|
22304
22345
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -22310,15 +22351,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_F
|
|
|
22310
22351
|
i0.ɵɵadvance(2);
|
|
22311
22352
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4));
|
|
22312
22353
|
} }
|
|
22313
|
-
function
|
|
22354
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
22314
22355
|
i0.ɵɵelementStart(0, "div", 69);
|
|
22315
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22356
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_Template, 7, 8, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
|
|
22316
22357
|
i0.ɵɵelementEnd();
|
|
22317
22358
|
} if (rf & 2) {
|
|
22318
22359
|
i0.ɵɵadvance();
|
|
22319
22360
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c5));
|
|
22320
22361
|
} }
|
|
22321
|
-
function
|
|
22362
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22322
22363
|
i0.ɵɵelementStart(0, "div", 98);
|
|
22323
22364
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 151);
|
|
22324
22365
|
i0.ɵɵelementEnd();
|
|
@@ -22331,7 +22372,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_F
|
|
|
22331
22372
|
i0.ɵɵadvance();
|
|
22332
22373
|
i0.ɵɵproperty("breakdown", breakdown_r28)("charts", ctx_r2.chartsForBreakdown(breakdown_r28))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
22333
22374
|
} }
|
|
22334
|
-
function
|
|
22375
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
22335
22376
|
i0.ɵɵelementStart(0, "div", 125);
|
|
22336
22377
|
i0.ɵɵnamespaceSVG();
|
|
22337
22378
|
i0.ɵɵelementStart(1, "svg", 137);
|
|
@@ -22354,9 +22395,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_F
|
|
|
22354
22395
|
i0.ɵɵadvance(2);
|
|
22355
22396
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
22356
22397
|
} }
|
|
22357
|
-
function
|
|
22398
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
22358
22399
|
i0.ɵɵelementStart(0, "div", 69);
|
|
22359
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22400
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_For_2_Template, 2, 8, "div", 100, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 125);
|
|
22360
22401
|
i0.ɵɵelementEnd();
|
|
22361
22402
|
} if (rf & 2) {
|
|
22362
22403
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22364,9 +22405,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_T
|
|
|
22364
22405
|
i0.ɵɵadvance();
|
|
22365
22406
|
i0.ɵɵrepeater(ctx_r2.breakdowns());
|
|
22366
22407
|
} }
|
|
22367
|
-
function
|
|
22408
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template(rf, ctx) { if (rf & 1) {
|
|
22368
22409
|
const _r26 = i0.ɵɵgetCurrentView();
|
|
22369
|
-
i0.ɵɵconditionalCreate(0,
|
|
22410
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_0_Template, 7, 3, "div", 140);
|
|
22370
22411
|
i0.ɵɵelementStart(1, "section", 141);
|
|
22371
22412
|
i0.ɵɵelement(2, "div", 142);
|
|
22372
22413
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 143)(5, "div", 80)(6, "div", 11);
|
|
@@ -22379,13 +22420,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx
|
|
|
22379
22420
|
i0.ɵɵtext(10, "Performance Breakdowns");
|
|
22380
22421
|
i0.ɵɵelementEnd()()();
|
|
22381
22422
|
i0.ɵɵelementStart(11, "div", 145);
|
|
22382
|
-
i0.ɵɵlistener("click", function
|
|
22383
|
-
i0.ɵɵconditionalCreate(12,
|
|
22423
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
22424
|
+
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_12_Template, 2, 0, "div", 108);
|
|
22384
22425
|
i0.ɵɵelementStart(13, "select", 146);
|
|
22385
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22386
|
-
i0.ɵɵrepeaterCreate(14,
|
|
22426
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
|
|
22427
|
+
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Template, 2, 1, null, null, _forTrack0$1);
|
|
22387
22428
|
i0.ɵɵelementEnd()()();
|
|
22388
|
-
i0.ɵɵconditionalCreate(16,
|
|
22429
|
+
i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_Template, 3, 1, "div", 69)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_Template, 4, 5, "div", 147);
|
|
22389
22430
|
i0.ɵɵelementEnd()();
|
|
22390
22431
|
} if (rf & 2) {
|
|
22391
22432
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22408,7 +22449,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx
|
|
|
22408
22449
|
i0.ɵɵadvance(2);
|
|
22409
22450
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 16 : 17);
|
|
22410
22451
|
} }
|
|
22411
|
-
function
|
|
22452
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22412
22453
|
i0.ɵɵelementStart(0, "div", 153)(1, "div", 86);
|
|
22413
22454
|
i0.ɵɵelement(2, "div", 87);
|
|
22414
22455
|
i0.ɵɵelementEnd();
|
|
@@ -22426,12 +22467,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Te
|
|
|
22426
22467
|
i0.ɵɵadvance();
|
|
22427
22468
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-indigo-500" : "text-indigo-400");
|
|
22428
22469
|
} }
|
|
22429
|
-
function
|
|
22470
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
22430
22471
|
i0.ɵɵelementStart(0, "div", 108);
|
|
22431
22472
|
i0.ɵɵelement(1, "div", 159);
|
|
22432
22473
|
i0.ɵɵelementEnd();
|
|
22433
22474
|
} }
|
|
22434
|
-
function
|
|
22475
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22435
22476
|
i0.ɵɵelementStart(0, "option", 119);
|
|
22436
22477
|
i0.ɵɵtext(1);
|
|
22437
22478
|
i0.ɵɵelementEnd();
|
|
@@ -22441,7 +22482,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Condition
|
|
|
22441
22482
|
i0.ɵɵadvance();
|
|
22442
22483
|
i0.ɵɵtextInterpolate(filter_r31.label);
|
|
22443
22484
|
} }
|
|
22444
|
-
function
|
|
22485
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22445
22486
|
i0.ɵɵelementStart(0, "option", 26);
|
|
22446
22487
|
i0.ɵɵtext(1);
|
|
22447
22488
|
i0.ɵɵelementEnd();
|
|
@@ -22451,23 +22492,23 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Condition
|
|
|
22451
22492
|
i0.ɵɵadvance();
|
|
22452
22493
|
i0.ɵɵtextInterpolate(filter_r31.label);
|
|
22453
22494
|
} }
|
|
22454
|
-
function
|
|
22455
|
-
i0.ɵɵconditionalCreate(0,
|
|
22495
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
22496
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_1_Template, 2, 2, "option", 26);
|
|
22456
22497
|
} if (rf & 2) {
|
|
22457
22498
|
const filter_r31 = ctx.$implicit;
|
|
22458
22499
|
i0.ɵɵconditional(filter_r31.divider ? 0 : 1);
|
|
22459
22500
|
} }
|
|
22460
|
-
function
|
|
22501
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
22461
22502
|
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
22462
22503
|
} if (rf & 2) {
|
|
22463
22504
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22464
22505
|
i0.ɵɵproperty("width", "100%")("height", "140px")("isLightMode", ctx_r2.isLightMode());
|
|
22465
22506
|
} }
|
|
22466
|
-
function
|
|
22507
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
22467
22508
|
i0.ɵɵelementStart(0, "div", 69)(1, "div", 122);
|
|
22468
22509
|
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70);
|
|
22469
22510
|
i0.ɵɵelementStart(3, "div", 160);
|
|
22470
|
-
i0.ɵɵrepeaterCreate(4,
|
|
22511
|
+
i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
22471
22512
|
i0.ɵɵelementEnd()()();
|
|
22472
22513
|
} if (rf & 2) {
|
|
22473
22514
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22478,16 +22519,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_T
|
|
|
22478
22519
|
i0.ɵɵadvance(2);
|
|
22479
22520
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3));
|
|
22480
22521
|
} }
|
|
22481
|
-
function
|
|
22522
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
22482
22523
|
i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 158);
|
|
22483
22524
|
} if (rf & 2) {
|
|
22484
22525
|
let tmp_7_0;
|
|
22485
22526
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
22486
22527
|
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);
|
|
22487
22528
|
} }
|
|
22488
|
-
function
|
|
22529
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
|
|
22489
22530
|
const _r30 = i0.ɵɵgetCurrentView();
|
|
22490
|
-
i0.ɵɵconditionalCreate(0,
|
|
22531
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template, 7, 3, "div", 153);
|
|
22491
22532
|
i0.ɵɵelementStart(1, "section", 154);
|
|
22492
22533
|
i0.ɵɵelement(2, "div", 77);
|
|
22493
22534
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 155)(5, "div", 11)(6, "div", 80)(7, "div", 11);
|
|
@@ -22500,12 +22541,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx
|
|
|
22500
22541
|
i0.ɵɵtext(11, "Competitive Intelligence");
|
|
22501
22542
|
i0.ɵɵelementEnd()()()();
|
|
22502
22543
|
i0.ɵɵelementStart(12, "div", 157);
|
|
22503
|
-
i0.ɵɵconditionalCreate(13,
|
|
22544
|
+
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_13_Template, 2, 0, "div", 108);
|
|
22504
22545
|
i0.ɵɵelementStart(14, "select", 109);
|
|
22505
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22506
|
-
i0.ɵɵrepeaterCreate(15,
|
|
22546
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
|
|
22547
|
+
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Template, 2, 1, null, null, _forTrack0$1);
|
|
22507
22548
|
i0.ɵɵelementEnd()()();
|
|
22508
|
-
i0.ɵɵconditionalCreate(17,
|
|
22549
|
+
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_Template, 6, 5, "div", 69)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_18_Template, 1, 5, "symphiq-competitive-intelligence-view", 158);
|
|
22509
22550
|
i0.ɵɵelementEnd()();
|
|
22510
22551
|
} if (rf & 2) {
|
|
22511
22552
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22772,8 +22813,10 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22772
22813
|
this.sortButtonClass = computed(() => this.isLightMode() ? 'bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200' : 'bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200', ...(ngDevMode ? [{ debugName: "sortButtonClass" }] : []));
|
|
22773
22814
|
// Pre-formatted date signal
|
|
22774
22815
|
this.formattedGeneratedDate = computed(() => {
|
|
22775
|
-
const
|
|
22776
|
-
return
|
|
22816
|
+
const analysis = this.analysisData();
|
|
22817
|
+
return analysis?.selfContentCompletedDate
|
|
22818
|
+
? this.formatDate(new Date(analysis.selfContentCompletedDate).toISOString())
|
|
22819
|
+
: null;
|
|
22777
22820
|
}, ...(ngDevMode ? [{ debugName: "formattedGeneratedDate" }] : []));
|
|
22778
22821
|
// Filtered and grouped metrics signals
|
|
22779
22822
|
this.filteredMetrics = computed(() => {
|
|
@@ -23460,7 +23503,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23460
23503
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
|
|
23461
23504
|
} }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
23462
23505
|
i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
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) {
|
|
23506
|
+
} }, 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: 82, vars: 96, 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) {
|
|
23464
23507
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
23465
23508
|
i0.ɵɵelementStart(0, "div", 1, 0);
|
|
23466
23509
|
i0.ɵɵelement(2, "div", 2);
|
|
@@ -23502,69 +23545,65 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23502
23545
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_35_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
|
|
23503
23546
|
i0.ɵɵrepeaterCreate(36, SymphiqFunnelAnalysisDashboardComponent_For_37_Template, 2, 2, "option", 26, _forTrack0$1);
|
|
23504
23547
|
i0.ɵɵelementEnd()()()()()();
|
|
23505
|
-
i0.ɵɵelementStart(38, "div", 27)
|
|
23506
|
-
i0.ɵɵ
|
|
23548
|
+
i0.ɵɵelementStart(38, "div", 27);
|
|
23549
|
+
i0.ɵɵconditionalCreate(39, SymphiqFunnelAnalysisDashboardComponent_Conditional_39_Template, 5, 5, "div", 28);
|
|
23550
|
+
i0.ɵɵelementStart(40, "div", 28)(41, "div", 29);
|
|
23551
|
+
i0.ɵɵtext(42, "Requested by");
|
|
23507
23552
|
i0.ɵɵelementEnd();
|
|
23508
|
-
i0.ɵɵelementStart(
|
|
23509
|
-
i0.ɵɵtext(
|
|
23510
|
-
i0.ɵɵelementEnd()();
|
|
23511
|
-
i0.ɵɵelementStart(44, "div", 28)(45, "div", 29);
|
|
23512
|
-
i0.ɵɵtext(46, "Requested by");
|
|
23513
|
-
i0.ɵɵelementEnd();
|
|
23514
|
-
i0.ɵɵelementStart(47, "div", 30);
|
|
23515
|
-
i0.ɵɵtext(48);
|
|
23553
|
+
i0.ɵɵelementStart(43, "div", 30);
|
|
23554
|
+
i0.ɵɵtext(44);
|
|
23516
23555
|
i0.ɵɵelementEnd()()()()()();
|
|
23517
|
-
i0.ɵɵelementStart(
|
|
23518
|
-
i0.ɵɵtext(
|
|
23556
|
+
i0.ɵɵelementStart(45, "div", 7)(46, "div", 31)(47, "div", 32)(48, "div", 33)(49, "h1", 34);
|
|
23557
|
+
i0.ɵɵtext(50);
|
|
23519
23558
|
i0.ɵɵelementEnd();
|
|
23520
|
-
i0.ɵɵconditionalCreate(
|
|
23559
|
+
i0.ɵɵconditionalCreate(51, SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Template, 7, 9, "div", 35);
|
|
23521
23560
|
i0.ɵɵelementEnd();
|
|
23522
|
-
i0.ɵɵelementStart(
|
|
23523
|
-
i0.ɵɵlistener("click", function
|
|
23561
|
+
i0.ɵɵelementStart(52, "div", 11)(53, "button", 36);
|
|
23562
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_53_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23524
23563
|
i0.ɵɵnamespaceSVG();
|
|
23525
|
-
i0.ɵɵelementStart(
|
|
23526
|
-
i0.ɵɵelement(
|
|
23564
|
+
i0.ɵɵelementStart(54, "svg", 37);
|
|
23565
|
+
i0.ɵɵelement(55, "path", 19);
|
|
23527
23566
|
i0.ɵɵelementEnd()();
|
|
23528
23567
|
i0.ɵɵnamespaceHTML();
|
|
23529
|
-
i0.ɵɵelementStart(
|
|
23530
|
-
i0.ɵɵlistener("click", function
|
|
23531
|
-
i0.ɵɵconditionalCreate(
|
|
23568
|
+
i0.ɵɵelementStart(56, "button", 38);
|
|
23569
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_56_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23570
|
+
i0.ɵɵconditionalCreate(57, SymphiqFunnelAnalysisDashboardComponent_Conditional_57_Template, 2, 0, ":svg:svg", 37)(58, SymphiqFunnelAnalysisDashboardComponent_Conditional_58_Template, 2, 0, ":svg:svg", 37);
|
|
23532
23571
|
i0.ɵɵelementEnd();
|
|
23533
|
-
i0.ɵɵelementStart(
|
|
23534
|
-
i0.ɵɵlistener("click", function
|
|
23535
|
-
i0.ɵɵelementStart(
|
|
23536
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
23537
|
-
i0.ɵɵrepeaterCreate(
|
|
23572
|
+
i0.ɵɵelementStart(59, "div", 24);
|
|
23573
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_59_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_59_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_59_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
23574
|
+
i0.ɵɵelementStart(60, "select", 39);
|
|
23575
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_60_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
|
|
23576
|
+
i0.ɵɵrepeaterCreate(61, SymphiqFunnelAnalysisDashboardComponent_For_62_Template, 2, 2, "option", 26, _forTrack0$1);
|
|
23538
23577
|
i0.ɵɵelementEnd()()()()()()();
|
|
23539
|
-
i0.ɵɵconditionalCreate(
|
|
23540
|
-
i0.ɵɵelementStart(
|
|
23578
|
+
i0.ɵɵconditionalCreate(63, SymphiqFunnelAnalysisDashboardComponent_Conditional_63_Template, 16, 8, "div", 40);
|
|
23579
|
+
i0.ɵɵelementStart(64, "div", 41);
|
|
23580
|
+
i0.ɵɵconditionalCreate(65, SymphiqFunnelAnalysisDashboardComponent_Conditional_65_Template, 1, 2, "button", 42);
|
|
23581
|
+
i0.ɵɵconditionalCreate(66, SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template, 1, 2, "button", 42);
|
|
23582
|
+
i0.ɵɵconditionalCreate(67, SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template, 1, 2, "button", 42);
|
|
23583
|
+
i0.ɵɵconditionalCreate(68, SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template, 1, 2, "button", 42);
|
|
23541
23584
|
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);
|
|
23546
23585
|
i0.ɵɵelementEnd();
|
|
23547
|
-
i0.ɵɵelementStart(
|
|
23548
|
-
i0.ɵɵconditionalCreate(
|
|
23549
|
-
i0.ɵɵconditionalCreate(
|
|
23550
|
-
i0.ɵɵconditionalCreate(
|
|
23551
|
-
i0.ɵɵconditionalCreate(
|
|
23552
|
-
i0.ɵɵconditionalCreate(
|
|
23586
|
+
i0.ɵɵelementStart(70, "main", 43)(71, "div", 44);
|
|
23587
|
+
i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 3, 1, "div", 45);
|
|
23588
|
+
i0.ɵɵconditionalCreate(73, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template, 17, 10);
|
|
23589
|
+
i0.ɵɵconditionalCreate(74, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template, 30, 18);
|
|
23590
|
+
i0.ɵɵconditionalCreate(75, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template, 18, 12);
|
|
23591
|
+
i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 19, 13);
|
|
23553
23592
|
i0.ɵɵelementEnd()();
|
|
23554
|
-
i0.ɵɵelement(
|
|
23555
|
-
i0.ɵɵelementStart(
|
|
23556
|
-
i0.ɵɵlistener("resultSelected", function
|
|
23593
|
+
i0.ɵɵelement(77, "symphiq-funnel-analysis-modal", 46)(78, "symphiq-tooltip-container");
|
|
23594
|
+
i0.ɵɵelementStart(79, "symphiq-search-bar", 47);
|
|
23595
|
+
i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_79_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
|
|
23557
23596
|
i0.ɵɵelementEnd();
|
|
23558
|
-
i0.ɵɵelementStart(
|
|
23559
|
-
i0.ɵɵlistener("expandedChange", function
|
|
23597
|
+
i0.ɵɵelementStart(80, "symphiq-mobile-fab", 48);
|
|
23598
|
+
i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_80_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_80_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_80_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
|
|
23560
23599
|
i0.ɵɵelementEnd();
|
|
23561
|
-
i0.ɵɵelementStart(
|
|
23562
|
-
i0.ɵɵlistener("navigate", function
|
|
23600
|
+
i0.ɵɵelementStart(81, "symphiq-mobile-bottom-nav", 49);
|
|
23601
|
+
i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_81_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
|
|
23563
23602
|
i0.ɵɵelementEnd()();
|
|
23564
23603
|
} if (rf & 2) {
|
|
23565
23604
|
let tmp_19_0;
|
|
23566
|
-
let
|
|
23567
|
-
let
|
|
23605
|
+
let tmp_32_0;
|
|
23606
|
+
let tmp_39_0;
|
|
23568
23607
|
i0.ɵɵstyleProp("display", ctx.embedded() ? "block" : null)("min-height", ctx.embedded() ? "auto" : null);
|
|
23569
23608
|
i0.ɵɵclassProp("min-h-screen", !ctx.embedded())("relative", !ctx.embedded());
|
|
23570
23609
|
i0.ɵɵadvance(2);
|
|
@@ -23605,60 +23644,56 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23605
23644
|
i0.ɵɵproperty("ngModel", ctx.selectedSectionFilter());
|
|
23606
23645
|
i0.ɵɵadvance();
|
|
23607
23646
|
i0.ɵɵrepeater(ctx.sectionFilters);
|
|
23608
|
-
i0.ɵɵadvance(
|
|
23609
|
-
i0.ɵɵ
|
|
23610
|
-
i0.ɵɵadvance(2);
|
|
23611
|
-
i0.ɵɵclassMap(ctx.headerTitleClass());
|
|
23612
|
-
i0.ɵɵadvance();
|
|
23613
|
-
i0.ɵɵtextInterpolate(ctx.formattedGeneratedDate());
|
|
23647
|
+
i0.ɵɵadvance(3);
|
|
23648
|
+
i0.ɵɵconditional(ctx.formattedGeneratedDate() ? 39 : -1);
|
|
23614
23649
|
i0.ɵɵadvance(2);
|
|
23615
23650
|
i0.ɵɵclassMap(ctx.metaLabelClass());
|
|
23616
23651
|
i0.ɵɵadvance(2);
|
|
23617
23652
|
i0.ɵɵclassMap(ctx.headerTitleClass());
|
|
23618
23653
|
i0.ɵɵadvance();
|
|
23619
|
-
i0.ɵɵtextInterpolate2("", (
|
|
23654
|
+
i0.ɵɵtextInterpolate2("", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.firstName, " ", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.lastName);
|
|
23620
23655
|
i0.ɵɵadvance();
|
|
23621
23656
|
i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
|
|
23622
23657
|
i0.ɵɵadvance();
|
|
23623
23658
|
i0.ɵɵclassProp("pointer-events-none", !ctx.isScrolled())("pointer-events-auto", ctx.isScrolled());
|
|
23624
23659
|
i0.ɵɵadvance(4);
|
|
23625
|
-
i0.ɵɵtextInterpolate((
|
|
23660
|
+
i0.ɵɵtextInterpolate((tmp_39_0 = ctx.analysisData()) == null ? null : tmp_39_0.title);
|
|
23626
23661
|
i0.ɵɵadvance();
|
|
23627
|
-
i0.ɵɵconditional(ctx.revenueMetric() ?
|
|
23662
|
+
i0.ɵɵconditional(ctx.revenueMetric() ? 51 : -1);
|
|
23628
23663
|
i0.ɵɵadvance(2);
|
|
23629
23664
|
i0.ɵɵclassMap(ctx.buttonClass());
|
|
23630
23665
|
i0.ɵɵadvance(3);
|
|
23631
23666
|
i0.ɵɵclassMap(ctx.buttonClass());
|
|
23632
23667
|
i0.ɵɵproperty("title", ctx.viewModeService.isCompact() ? "Compact View (Click to Expand)" : "Expanded View (Click to Compact)");
|
|
23633
23668
|
i0.ɵɵadvance();
|
|
23634
|
-
i0.ɵɵconditional(ctx.viewModeService.isCompact() ?
|
|
23669
|
+
i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 57 : 58);
|
|
23635
23670
|
i0.ɵɵadvance(3);
|
|
23636
23671
|
i0.ɵɵclassMap(ctx.selectClass());
|
|
23637
23672
|
i0.ɵɵproperty("ngModel", ctx.selectedSectionFilter());
|
|
23638
23673
|
i0.ɵɵadvance();
|
|
23639
23674
|
i0.ɵɵrepeater(ctx.sectionFilters);
|
|
23640
23675
|
i0.ɵɵadvance(2);
|
|
23641
|
-
i0.ɵɵconditional(ctx.searchService.activeSearchResult() ?
|
|
23676
|
+
i0.ɵɵconditional(ctx.searchService.activeSearchResult() ? 63 : -1);
|
|
23642
23677
|
i0.ɵɵadvance(2);
|
|
23643
|
-
i0.ɵɵconditional(ctx.showOverallPerformance() ?
|
|
23678
|
+
i0.ɵɵconditional(ctx.showOverallPerformance() ? 65 : -1);
|
|
23644
23679
|
i0.ɵɵadvance();
|
|
23645
|
-
i0.ɵɵconditional(ctx.showKeyInsights() ?
|
|
23680
|
+
i0.ɵɵconditional(ctx.showKeyInsights() ? 66 : -1);
|
|
23646
23681
|
i0.ɵɵadvance();
|
|
23647
|
-
i0.ɵɵconditional(ctx.showPerformanceMetrics() ?
|
|
23682
|
+
i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 67 : -1);
|
|
23648
23683
|
i0.ɵɵadvance();
|
|
23649
|
-
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ?
|
|
23684
|
+
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 68 : -1);
|
|
23650
23685
|
i0.ɵɵadvance();
|
|
23651
|
-
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ?
|
|
23686
|
+
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 69 : -1);
|
|
23652
23687
|
i0.ɵɵadvance(3);
|
|
23653
|
-
i0.ɵɵconditional(ctx.showOverallPerformance() ?
|
|
23688
|
+
i0.ɵɵconditional(ctx.showOverallPerformance() ? 72 : -1);
|
|
23654
23689
|
i0.ɵɵadvance();
|
|
23655
|
-
i0.ɵɵconditional(ctx.showKeyInsights() ?
|
|
23690
|
+
i0.ɵɵconditional(ctx.showKeyInsights() ? 73 : -1);
|
|
23656
23691
|
i0.ɵɵadvance();
|
|
23657
|
-
i0.ɵɵconditional(ctx.showPerformanceMetrics() ?
|
|
23692
|
+
i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 74 : -1);
|
|
23658
23693
|
i0.ɵɵadvance();
|
|
23659
|
-
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ?
|
|
23694
|
+
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 75 : -1);
|
|
23660
23695
|
i0.ɵɵadvance();
|
|
23661
|
-
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ?
|
|
23696
|
+
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 76 : -1);
|
|
23662
23697
|
i0.ɵɵadvance();
|
|
23663
23698
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
23664
23699
|
i0.ɵɵadvance(2);
|
|
@@ -23820,10 +23855,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23820
23855
|
</div>
|
|
23821
23856
|
</div>
|
|
23822
23857
|
<div class="flex flex-col gap-4 min-w-[180px]">
|
|
23823
|
-
|
|
23824
|
-
<div
|
|
23825
|
-
|
|
23826
|
-
|
|
23858
|
+
@if (formattedGeneratedDate()) {
|
|
23859
|
+
<div class="text-left sm:text-right">
|
|
23860
|
+
<div [class]="metaLabelClass()" class="text-xs sm:text-sm">Generated At</div>
|
|
23861
|
+
<div [class]="headerTitleClass()" class="text-sm sm:text-base font-medium">{{ formattedGeneratedDate() }}</div>
|
|
23862
|
+
</div>
|
|
23863
|
+
}
|
|
23827
23864
|
<div class="text-left sm:text-right">
|
|
23828
23865
|
<div [class]="metaLabelClass()" class="text-xs sm:text-sm">Requested by</div>
|
|
23829
23866
|
<div [class]="headerTitleClass()" class="text-sm sm:text-base font-medium">{{ requestedByUser()?.firstName }} {{ requestedByUser()?.lastName }}</div>
|
|
@@ -24553,7 +24590,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
24553
24590
|
type: HostListener,
|
|
24554
24591
|
args: ['window:scroll', ['$event']]
|
|
24555
24592
|
}] }); })();
|
|
24556
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
24593
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1044 }); })();
|
|
24557
24594
|
|
|
24558
24595
|
/**
|
|
24559
24596
|
* Shared Theme Color Utilities
|