@eric-emg/symphiq-components 1.3.12 → 1.3.15
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.
|
@@ -25300,6 +25300,36 @@ class JourneyProgressIndicatorComponent {
|
|
|
25300
25300
|
}], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }] }); })();
|
|
25301
25301
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JourneyProgressIndicatorComponent, { className: "JourneyProgressIndicatorComponent", filePath: "lib/components/business-analysis-dashboard/journey-progress-indicator.component.ts", lineNumber: 370 }); })();
|
|
25302
25302
|
|
|
25303
|
+
function ConfidenceLevelCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
|
|
25304
|
+
i0.ɵɵelement(0, "div", 24);
|
|
25305
|
+
} if (rf & 2) {
|
|
25306
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
25307
|
+
i0.ɵɵstyleProp("width", ctx_r0.confidenceData().potentialPercentage, "%");
|
|
25308
|
+
i0.ɵɵproperty("ngClass", ctx_r0.potentialProgressBarClasses());
|
|
25309
|
+
} }
|
|
25310
|
+
function ConfidenceLevelCardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
|
|
25311
|
+
i0.ɵɵelementStart(0, "div", 23);
|
|
25312
|
+
i0.ɵɵnamespaceSVG();
|
|
25313
|
+
i0.ɵɵelementStart(1, "svg", 25);
|
|
25314
|
+
i0.ɵɵelement(2, "path", 26);
|
|
25315
|
+
i0.ɵɵelementEnd();
|
|
25316
|
+
i0.ɵɵnamespaceHTML();
|
|
25317
|
+
i0.ɵɵelementStart(3, "span", 27);
|
|
25318
|
+
i0.ɵɵtext(4);
|
|
25319
|
+
i0.ɵɵelementEnd();
|
|
25320
|
+
i0.ɵɵelementStart(5, "span", 28);
|
|
25321
|
+
i0.ɵɵtext(6);
|
|
25322
|
+
i0.ɵɵelementEnd()();
|
|
25323
|
+
} if (rf & 2) {
|
|
25324
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
25325
|
+
i0.ɵɵproperty("ngClass", ctx_r0.nextStepCalloutClasses());
|
|
25326
|
+
i0.ɵɵadvance(4);
|
|
25327
|
+
i0.ɵɵtextInterpolate(ctx_r0.confidenceData().nextStepAction);
|
|
25328
|
+
i0.ɵɵadvance();
|
|
25329
|
+
i0.ɵɵproperty("ngClass", ctx_r0.nextStepBadgeClasses());
|
|
25330
|
+
i0.ɵɵadvance();
|
|
25331
|
+
i0.ɵɵtextInterpolate2(" \u2192 ", ctx_r0.confidenceData().potentialGrade, " (", ctx_r0.confidenceData().potentialPercentage, "%) ");
|
|
25332
|
+
} }
|
|
25303
25333
|
class ConfidenceLevelCardComponent {
|
|
25304
25334
|
constructor() {
|
|
25305
25335
|
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
@@ -25307,6 +25337,7 @@ class ConfidenceLevelCardComponent {
|
|
|
25307
25337
|
this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
|
|
25308
25338
|
this.currentFocusAreaDomain = input(...(ngDevMode ? [undefined, { debugName: "currentFocusAreaDomain" }] : []));
|
|
25309
25339
|
this.currentMetric = input(...(ngDevMode ? [undefined, { debugName: "currentMetric" }] : []));
|
|
25340
|
+
this.targets = input(...(ngDevMode ? [undefined, { debugName: "targets" }] : []));
|
|
25310
25341
|
this.elementRef = inject(ElementRef);
|
|
25311
25342
|
this.hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "hasAnimated" }] : []));
|
|
25312
25343
|
this.animatedPercentage = signal(0, ...(ngDevMode ? [{ debugName: "animatedPercentage" }] : []));
|
|
@@ -25320,6 +25351,9 @@ class ConfidenceLevelCardComponent {
|
|
|
25320
25351
|
'welcome': {
|
|
25321
25352
|
grade: 'F',
|
|
25322
25353
|
percentage: 0,
|
|
25354
|
+
potentialGrade: 'D',
|
|
25355
|
+
potentialPercentage: 25,
|
|
25356
|
+
nextStepAction: 'Complete business analysis',
|
|
25323
25357
|
qualitativeStatus: 'No Context Yet',
|
|
25324
25358
|
quantitativeStatus: 'No Data Connected',
|
|
25325
25359
|
description: 'Welcome to your journey! This is your starting point. As you progress through each onboarding step, Symphiq will learn about your business, operations, and goals. Your confidence level will grow with each step, enabling increasingly accurate and personalized recommendations.'
|
|
@@ -25327,6 +25361,9 @@ class ConfidenceLevelCardComponent {
|
|
|
25327
25361
|
'business-analysis': {
|
|
25328
25362
|
grade: 'D',
|
|
25329
25363
|
percentage: 25,
|
|
25364
|
+
potentialGrade: 'D+',
|
|
25365
|
+
potentialPercentage: 30,
|
|
25366
|
+
nextStepAction: 'Connect GA4',
|
|
25330
25367
|
qualitativeStatus: 'Business Context',
|
|
25331
25368
|
quantitativeStatus: 'No Data Connected',
|
|
25332
25369
|
description: 'Initial context only. Symphiq has preliminary business insights from public information. Connecting your analytics and completing profile questions will unlock dramatically more accurate recommendations.'
|
|
@@ -25334,20 +25371,29 @@ class ConfidenceLevelCardComponent {
|
|
|
25334
25371
|
'connect-ga4': {
|
|
25335
25372
|
grade: 'D+',
|
|
25336
25373
|
percentage: 30,
|
|
25374
|
+
potentialGrade: 'C-',
|
|
25375
|
+
potentialPercentage: 35,
|
|
25376
|
+
nextStepAction: 'Set revenue targets',
|
|
25337
25377
|
qualitativeStatus: 'Business Context',
|
|
25338
25378
|
quantitativeStatus: 'GA4 Connected',
|
|
25339
25379
|
description: 'Basic context established. Symphiq has business insights and performance data connected. Setting targets and completing profile analysis will enhance recommendation precision.'
|
|
25340
25380
|
},
|
|
25341
25381
|
'revenue-calculator': {
|
|
25342
|
-
grade:
|
|
25343
|
-
percentage:
|
|
25344
|
-
|
|
25345
|
-
|
|
25346
|
-
|
|
25382
|
+
grade: this.getRevenueCalculatorGrade(),
|
|
25383
|
+
percentage: this.calculateRevenueCalculatorPercentage(),
|
|
25384
|
+
potentialGrade: this.hasTargetsSet() ? undefined : 'C',
|
|
25385
|
+
potentialPercentage: this.hasTargetsSet() ? undefined : 45,
|
|
25386
|
+
nextStepAction: this.hasTargetsSet() ? undefined : 'Set revenue targets',
|
|
25387
|
+
qualitativeStatus: this.hasTargetsSet() ? 'Business + Targets' : 'Business Context',
|
|
25388
|
+
quantitativeStatus: this.hasTargetsSet() ? 'Data + Targets Set' : 'GA4 Connected',
|
|
25389
|
+
description: this.getRevenueCalculatorDescription()
|
|
25347
25390
|
},
|
|
25348
25391
|
'funnel-analysis': {
|
|
25349
25392
|
grade: 'C',
|
|
25350
25393
|
percentage: 45,
|
|
25394
|
+
potentialGrade: 'C+',
|
|
25395
|
+
potentialPercentage: 55,
|
|
25396
|
+
nextStepAction: 'Complete shop analysis',
|
|
25351
25397
|
qualitativeStatus: 'Business + Funnel',
|
|
25352
25398
|
quantitativeStatus: 'Full Analytics',
|
|
25353
25399
|
description: 'Good context achieved. Symphiq has strategic insights and detailed funnel analysis. Adding shop and marketing context will unlock more operationally-aligned recommendations.'
|
|
@@ -25355,6 +25401,9 @@ class ConfidenceLevelCardComponent {
|
|
|
25355
25401
|
'shop-analysis': {
|
|
25356
25402
|
grade: 'C+',
|
|
25357
25403
|
percentage: 55,
|
|
25404
|
+
potentialGrade: 'B-',
|
|
25405
|
+
potentialPercentage: 65,
|
|
25406
|
+
nextStepAction: 'Analyze focus areas',
|
|
25358
25407
|
qualitativeStatus: 'Business + Shop',
|
|
25359
25408
|
quantitativeStatus: 'Full Analytics',
|
|
25360
25409
|
description: 'Solid foundation established. Symphiq understands your business strategy, funnel performance, and shop operations. Focus area and metric context will maximize recommendation precision.'
|
|
@@ -25362,6 +25411,9 @@ class ConfidenceLevelCardComponent {
|
|
|
25362
25411
|
'focus-area-analysis': {
|
|
25363
25412
|
grade: 'B-',
|
|
25364
25413
|
percentage: this.calculateFocusAreaPercentage(),
|
|
25414
|
+
potentialGrade: 'B',
|
|
25415
|
+
potentialPercentage: 75,
|
|
25416
|
+
nextStepAction: 'Complete all focus areas',
|
|
25365
25417
|
qualitativeStatus: 'Business + Shop + Focus Area',
|
|
25366
25418
|
quantitativeStatus: 'Full Analytics',
|
|
25367
25419
|
description: 'Enhanced context achieved. Symphiq has comprehensive business, operational, and domain-specific marketing knowledge with performance data. Additional focus areas and metric analysis will further improve recommendation precision.'
|
|
@@ -25369,6 +25421,9 @@ class ConfidenceLevelCardComponent {
|
|
|
25369
25421
|
'focus-areas': {
|
|
25370
25422
|
grade: 'B',
|
|
25371
25423
|
percentage: 75,
|
|
25424
|
+
potentialGrade: 'A',
|
|
25425
|
+
potentialPercentage: 100,
|
|
25426
|
+
nextStepAction: 'Complete metric analysis',
|
|
25372
25427
|
qualitativeStatus: 'Business + Shop + Marketing',
|
|
25373
25428
|
quantitativeStatus: 'Full Analytics',
|
|
25374
25429
|
description: 'Strong context in place. Symphiq has comprehensive business, operational, and marketing knowledge across multiple domains with performance data. Completing metric analysis will achieve maximum confidence.'
|
|
@@ -25376,6 +25431,9 @@ class ConfidenceLevelCardComponent {
|
|
|
25376
25431
|
'metric-analysis': {
|
|
25377
25432
|
grade: this.getMetricGrade(),
|
|
25378
25433
|
percentage: this.calculateMetricPercentage(),
|
|
25434
|
+
potentialGrade: this.getMetricGrade() === 'A' ? undefined : 'A',
|
|
25435
|
+
potentialPercentage: this.calculateMetricPercentage() >= 100 ? undefined : 100,
|
|
25436
|
+
nextStepAction: this.getMetricGrade() === 'A' ? undefined : 'Complete all metrics',
|
|
25379
25437
|
qualitativeStatus: this.getMetricQualitativeStatus(),
|
|
25380
25438
|
quantitativeStatus: 'Full Analytics',
|
|
25381
25439
|
description: this.getMetricDescription()
|
|
@@ -25568,6 +25626,57 @@ class ConfidenceLevelCardComponent {
|
|
|
25568
25626
|
}
|
|
25569
25627
|
return 'bg-gradient-to-r from-red-500 to-rose-500';
|
|
25570
25628
|
}, ...(ngDevMode ? [{ debugName: "progressGlowClasses" }] : []));
|
|
25629
|
+
this.potentialProgressBarClasses = computed(() => {
|
|
25630
|
+
const potentialGrade = this.confidenceData().potentialGrade;
|
|
25631
|
+
const isDark = !this.isLightMode();
|
|
25632
|
+
const baseClasses = 'opacity-40';
|
|
25633
|
+
if (potentialGrade === 'A') {
|
|
25634
|
+
return isDark
|
|
25635
|
+
? `${baseClasses} bg-gradient-to-r from-emerald-500/50 via-teal-500/50 to-emerald-600/50`
|
|
25636
|
+
: `${baseClasses} bg-gradient-to-r from-emerald-400/50 via-teal-400/50 to-emerald-500/50`;
|
|
25637
|
+
}
|
|
25638
|
+
else if (potentialGrade?.startsWith('B')) {
|
|
25639
|
+
return isDark
|
|
25640
|
+
? `${baseClasses} bg-gradient-to-r from-blue-500/50 via-cyan-500/50 to-blue-600/50`
|
|
25641
|
+
: `${baseClasses} bg-gradient-to-r from-blue-400/50 via-cyan-400/50 to-blue-500/50`;
|
|
25642
|
+
}
|
|
25643
|
+
else if (potentialGrade?.startsWith('C')) {
|
|
25644
|
+
return isDark
|
|
25645
|
+
? `${baseClasses} bg-gradient-to-r from-orange-500/50 via-amber-500/50 to-orange-600/50`
|
|
25646
|
+
: `${baseClasses} bg-gradient-to-r from-orange-400/50 via-amber-400/50 to-orange-500/50`;
|
|
25647
|
+
}
|
|
25648
|
+
return isDark
|
|
25649
|
+
? `${baseClasses} bg-gradient-to-r from-red-500/50 via-rose-500/50 to-red-600/50`
|
|
25650
|
+
: `${baseClasses} bg-gradient-to-r from-red-400/50 via-rose-400/50 to-red-500/50`;
|
|
25651
|
+
}, ...(ngDevMode ? [{ debugName: "potentialProgressBarClasses" }] : []));
|
|
25652
|
+
this.nextStepCalloutClasses = computed(() => {
|
|
25653
|
+
const isDark = !this.isLightMode();
|
|
25654
|
+
return isDark
|
|
25655
|
+
? 'bg-slate-700/50 text-slate-300 border border-slate-600/50'
|
|
25656
|
+
: 'bg-slate-100 text-slate-700 border border-slate-200';
|
|
25657
|
+
}, ...(ngDevMode ? [{ debugName: "nextStepCalloutClasses" }] : []));
|
|
25658
|
+
this.nextStepBadgeClasses = computed(() => {
|
|
25659
|
+
const potentialGrade = this.confidenceData().potentialGrade;
|
|
25660
|
+
const isDark = !this.isLightMode();
|
|
25661
|
+
if (potentialGrade === 'A') {
|
|
25662
|
+
return isDark
|
|
25663
|
+
? 'bg-emerald-500/20 text-emerald-400'
|
|
25664
|
+
: 'bg-emerald-100 text-emerald-700';
|
|
25665
|
+
}
|
|
25666
|
+
else if (potentialGrade?.startsWith('B')) {
|
|
25667
|
+
return isDark
|
|
25668
|
+
? 'bg-blue-500/20 text-blue-400'
|
|
25669
|
+
: 'bg-blue-100 text-blue-700';
|
|
25670
|
+
}
|
|
25671
|
+
else if (potentialGrade?.startsWith('C')) {
|
|
25672
|
+
return isDark
|
|
25673
|
+
? 'bg-orange-500/20 text-orange-400'
|
|
25674
|
+
: 'bg-orange-100 text-orange-700';
|
|
25675
|
+
}
|
|
25676
|
+
return isDark
|
|
25677
|
+
? 'bg-red-500/20 text-red-400'
|
|
25678
|
+
: 'bg-red-100 text-red-700';
|
|
25679
|
+
}, ...(ngDevMode ? [{ debugName: "nextStepBadgeClasses" }] : []));
|
|
25571
25680
|
effect(() => {
|
|
25572
25681
|
const currentData = this.confidenceData();
|
|
25573
25682
|
const prevPercentage = this.previousPercentage();
|
|
@@ -25669,6 +25778,30 @@ class ConfidenceLevelCardComponent {
|
|
|
25669
25778
|
this.isGradeChanging.set(false);
|
|
25670
25779
|
}, 800);
|
|
25671
25780
|
}
|
|
25781
|
+
hasTargetsSet() {
|
|
25782
|
+
const targets = this.targets();
|
|
25783
|
+
return targets !== undefined && targets.length > 0;
|
|
25784
|
+
}
|
|
25785
|
+
calculateRevenueCalculatorPercentage() {
|
|
25786
|
+
const BASE_PERCENTAGE = 35;
|
|
25787
|
+
const WITH_TARGETS_PERCENTAGE = 45;
|
|
25788
|
+
if (this.hasTargetsSet()) {
|
|
25789
|
+
return WITH_TARGETS_PERCENTAGE;
|
|
25790
|
+
}
|
|
25791
|
+
return BASE_PERCENTAGE;
|
|
25792
|
+
}
|
|
25793
|
+
getRevenueCalculatorGrade() {
|
|
25794
|
+
if (this.hasTargetsSet()) {
|
|
25795
|
+
return 'C';
|
|
25796
|
+
}
|
|
25797
|
+
return 'C-';
|
|
25798
|
+
}
|
|
25799
|
+
getRevenueCalculatorDescription() {
|
|
25800
|
+
if (this.hasTargetsSet()) {
|
|
25801
|
+
return 'Targets established! Symphiq understands your business goals with performance data and revenue targets set. Analyzing your funnel and completing operational profiles will further improve recommendation accuracy.';
|
|
25802
|
+
}
|
|
25803
|
+
return 'Foundation in place. Symphiq understands your business and has performance data connected. Set your revenue targets to enhance recommendation precision and enable goal-driven insights.';
|
|
25804
|
+
}
|
|
25672
25805
|
calculateFocusAreaPercentage() {
|
|
25673
25806
|
const BASE_PERCENTAGE = 55;
|
|
25674
25807
|
const MAX_PERCENTAGE = 75;
|
|
@@ -25769,7 +25902,7 @@ class ConfidenceLevelCardComponent {
|
|
|
25769
25902
|
return `Strong context building. Symphiq has comprehensive business, operational, and marketing knowledge with detailed metric analysis (${completedCount}/${totalCount} metrics complete). Continue analyzing remaining metrics to achieve maximum confidence.`;
|
|
25770
25903
|
}
|
|
25771
25904
|
static { this.ɵfac = function ConfidenceLevelCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfidenceLevelCardComponent)(); }; }
|
|
25772
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfidenceLevelCardComponent, selectors: [["symphiq-confidence-level-card"]], inputs: { viewMode: [1, "viewMode"], currentStepId: [1, "currentStepId"], focusAreaDetails: [1, "focusAreaDetails"], currentFocusAreaDomain: [1, "currentFocusAreaDomain"], currentMetric: [1, "currentMetric"] }, decls:
|
|
25905
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfidenceLevelCardComponent, selectors: [["symphiq-confidence-level-card"]], inputs: { viewMode: [1, "viewMode"], currentStepId: [1, "currentStepId"], focusAreaDetails: [1, "focusAreaDetails"], currentFocusAreaDomain: [1, "currentFocusAreaDomain"], currentMetric: [1, "currentMetric"], targets: [1, "targets"] }, decls: 31, vars: 33, consts: [[1, "rounded-2xl", "p-6", "transition-all", "duration-500", "hover:scale-[1.02]", "relative", "overflow-hidden", "group", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-30", "transition-opacity", "duration-500", "group-hover:opacity-50", 3, "ngClass"], [1, "relative", "z-10"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "mb-1", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "relative", "flex-shrink-0", "transition-all", "duration-300", "hover:scale-110", 3, "ngClass"], [1, "absolute", "inset-0", "rounded-xl", "blur-xl", "opacity-60", "transition-all", "duration-500", "group-hover:opacity-80", 3, "ngClass"], [1, "relative", "px-5", "py-3", "rounded-xl", "text-center", "backdrop-blur-sm", "transition-all", "duration-500", 3, "ngClass"], [1, "text-[10px]", "font-bold", "uppercase", "tracking-wider", "mb-0.5", "transition-colors", "duration-500", 3, "ngClass"], [1, "text-3xl", "font-bold", "transition-all", "duration-500", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "text-xs", "font-bold", 3, "ngClass"], [1, "relative"], [1, "h-3", "rounded-full", "overflow-hidden", "relative", 3, "ngClass"], [1, "absolute", "top-0", "left-0", "h-full", "rounded-full", "transition-all", "duration-1000", "ease-out", 3, "width", "ngClass"], [1, "h-full", "transition-all", "duration-1000", "ease-out", "relative", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-30", 3, "ngClass"], [1, "absolute", "top-0", "left-0", "h-3", "rounded-full", "blur-md", "opacity-40", "transition-all", "duration-1000", "ease-out", "-z-10", 3, "ngClass"], [1, "mt-3", "flex", "items-center", "gap-2", "text-xs", "font-medium", "p-2", "rounded-lg", 3, "ngClass"], [1, "absolute", "top-0", "left-0", "h-full", "rounded-full", "transition-all", "duration-1000", "ease-out", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "flex-1"], [1, "font-bold", "px-2", "py-0.5", "rounded", 3, "ngClass"]], template: function ConfidenceLevelCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
25773
25906
|
i0.ɵɵelementStart(0, "div", 0);
|
|
25774
25907
|
i0.ɵɵelement(1, "div", 1);
|
|
25775
25908
|
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "h3", 5);
|
|
@@ -25795,11 +25928,15 @@ class ConfidenceLevelCardComponent {
|
|
|
25795
25928
|
i0.ɵɵelementStart(22, "span", 16);
|
|
25796
25929
|
i0.ɵɵtext(23);
|
|
25797
25930
|
i0.ɵɵelementEnd()();
|
|
25798
|
-
i0.ɵɵelementStart(24, "div", 17)(25, "div", 18)
|
|
25799
|
-
i0.ɵɵ
|
|
25800
|
-
i0.ɵɵ
|
|
25931
|
+
i0.ɵɵelementStart(24, "div", 17)(25, "div", 18);
|
|
25932
|
+
i0.ɵɵconditionalCreate(26, ConfidenceLevelCardComponent_Conditional_26_Template, 1, 3, "div", 19);
|
|
25933
|
+
i0.ɵɵelementStart(27, "div", 20);
|
|
25801
25934
|
i0.ɵɵelement(28, "div", 21);
|
|
25802
|
-
i0.ɵɵelementEnd()()
|
|
25935
|
+
i0.ɵɵelementEnd()();
|
|
25936
|
+
i0.ɵɵelement(29, "div", 22);
|
|
25937
|
+
i0.ɵɵelementEnd();
|
|
25938
|
+
i0.ɵɵconditionalCreate(30, ConfidenceLevelCardComponent_Conditional_30_Template, 7, 5, "div", 23);
|
|
25939
|
+
i0.ɵɵelementEnd()()();
|
|
25803
25940
|
} if (rf & 2) {
|
|
25804
25941
|
i0.ɵɵclassProp("confidence-card-animate", ctx.hasAnimated());
|
|
25805
25942
|
i0.ɵɵproperty("ngClass", ctx.cardContainerClasses());
|
|
@@ -25837,6 +25974,8 @@ class ConfidenceLevelCardComponent {
|
|
|
25837
25974
|
i0.ɵɵadvance(2);
|
|
25838
25975
|
i0.ɵɵproperty("ngClass", ctx.progressTrackClasses());
|
|
25839
25976
|
i0.ɵɵadvance();
|
|
25977
|
+
i0.ɵɵconditional(ctx.confidenceData().potentialPercentage ? 26 : -1);
|
|
25978
|
+
i0.ɵɵadvance();
|
|
25840
25979
|
i0.ɵɵstyleProp("width", ctx.animatedPercentage(), "%");
|
|
25841
25980
|
i0.ɵɵproperty("ngClass", ctx.progressBarClasses());
|
|
25842
25981
|
i0.ɵɵadvance();
|
|
@@ -25844,86 +25983,109 @@ class ConfidenceLevelCardComponent {
|
|
|
25844
25983
|
i0.ɵɵadvance();
|
|
25845
25984
|
i0.ɵɵstyleProp("width", ctx.animatedPercentage(), "%");
|
|
25846
25985
|
i0.ɵɵproperty("ngClass", ctx.progressGlowClasses());
|
|
25986
|
+
i0.ɵɵadvance();
|
|
25987
|
+
i0.ɵɵconditional(ctx.confidenceData().nextStepAction && ctx.confidenceData().potentialGrade ? 30 : -1);
|
|
25847
25988
|
} }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _ngcontent-%COMP%_pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes _ngcontent-%COMP%_grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_confidence-fade-in-up .6s ease-out forwards}.animate-pulse-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow 2s ease-in-out infinite}.grade-change-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_grade-change .8s ease-out}@media(prefers-reduced-motion:reduce){.confidence-card-animate[_ngcontent-%COMP%], .animate-pulse-glow[_ngcontent-%COMP%], .grade-change-animate[_ngcontent-%COMP%]{animation:none;opacity:1}}"], changeDetection: 0 }); }
|
|
25848
25989
|
}
|
|
25849
25990
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfidenceLevelCardComponent, [{
|
|
25850
25991
|
type: Component,
|
|
25851
|
-
args: [{ selector: 'symphiq-confidence-level-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
25852
|
-
<div
|
|
25853
|
-
[ngClass]="cardContainerClasses()"
|
|
25854
|
-
class="rounded-2xl p-6 transition-all duration-500 hover:scale-[1.02] relative overflow-hidden group"
|
|
25855
|
-
[class.confidence-card-animate]="hasAnimated()">
|
|
25856
|
-
|
|
25857
|
-
<!-- Animated background gradient overlay -->
|
|
25858
|
-
<div [ngClass]="backgroundOverlayClasses()" class="absolute inset-0 opacity-30 transition-opacity duration-500 group-hover:opacity-50"></div>
|
|
25859
|
-
|
|
25860
|
-
<!-- Content -->
|
|
25861
|
-
<div class="relative z-10">
|
|
25862
|
-
<!-- Header with Title and Grade Badge -->
|
|
25863
|
-
<div class="flex items-start justify-between gap-4 mb-4">
|
|
25864
|
-
<div class="flex-1 min-w-0">
|
|
25865
|
-
<h3 [ngClass]="titleClasses()" class="text-lg font-bold mb-1">
|
|
25866
|
-
Confidence Level
|
|
25867
|
-
</h3>
|
|
25868
|
-
<p [ngClass]="subtitleClasses()" class="text-xs font-medium">
|
|
25869
|
-
{{ confidenceData().qualitativeStatus }} + {{ confidenceData().quantitativeStatus }}
|
|
25870
|
-
</p>
|
|
25871
|
-
</div>
|
|
25872
|
-
|
|
25873
|
-
<!-- Grade Badge with Glow -->
|
|
25874
|
-
<div
|
|
25875
|
-
[ngClass]="gradeBadgeContainerClasses()"
|
|
25876
|
-
class="relative flex-shrink-0 transition-all duration-300 hover:scale-110"
|
|
25877
|
-
[class.animate-pulse-glow]="shouldPulse()"
|
|
25878
|
-
[class.grade-change-animate]="isGradeChanging()">
|
|
25879
|
-
<!-- Glow effect -->
|
|
25880
|
-
<div [ngClass]="glowEffectClasses()" class="absolute inset-0 rounded-xl blur-xl opacity-60 transition-all duration-500 group-hover:opacity-80"></div>
|
|
25881
|
-
<!-- Badge content -->
|
|
25882
|
-
<div [ngClass]="gradeBadgeClasses()" class="relative px-5 py-3 rounded-xl text-center backdrop-blur-sm transition-all duration-500">
|
|
25883
|
-
<div [ngClass]="gradeLabelClasses()" class="text-[10px] font-bold uppercase tracking-wider mb-0.5 transition-colors duration-500">Grade</div>
|
|
25884
|
-
<div [ngClass]="gradeValueClasses()" class="text-3xl font-bold transition-all duration-500">{{ confidenceData().grade }}</div>
|
|
25885
|
-
</div>
|
|
25886
|
-
</div>
|
|
25887
|
-
</div>
|
|
25888
|
-
|
|
25889
|
-
<!-- Description -->
|
|
25890
|
-
<p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mb-4">
|
|
25891
|
-
{{ confidenceData().description }}
|
|
25892
|
-
</p>
|
|
25893
|
-
|
|
25894
|
-
<!-- Progress Bar -->
|
|
25895
|
-
<div class="space-y-2">
|
|
25896
|
-
<div class="flex items-center justify-between">
|
|
25897
|
-
<span [ngClass]="progressLabelClasses()" class="text-xs font-semibold">Context Completeness</span>
|
|
25898
|
-
<span [ngClass]="progressValueClasses()" class="text-xs font-bold">{{ animatedPercentage() }}%</span>
|
|
25899
|
-
</div>
|
|
25900
|
-
|
|
25901
|
-
<!-- Progress Track -->
|
|
25902
|
-
<div class="relative">
|
|
25903
|
-
<!-- Background track -->
|
|
25904
|
-
<div [ngClass]="progressTrackClasses()" class="h-3 rounded-full overflow-hidden relative">
|
|
25905
|
-
<!--
|
|
25906
|
-
|
|
25907
|
-
|
|
25908
|
-
|
|
25909
|
-
|
|
25910
|
-
|
|
25911
|
-
|
|
25912
|
-
|
|
25913
|
-
|
|
25914
|
-
|
|
25915
|
-
|
|
25916
|
-
|
|
25917
|
-
|
|
25918
|
-
|
|
25919
|
-
|
|
25920
|
-
|
|
25921
|
-
|
|
25922
|
-
|
|
25923
|
-
|
|
25992
|
+
args: [{ selector: 'symphiq-confidence-level-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
25993
|
+
<div
|
|
25994
|
+
[ngClass]="cardContainerClasses()"
|
|
25995
|
+
class="rounded-2xl p-6 transition-all duration-500 hover:scale-[1.02] relative overflow-hidden group"
|
|
25996
|
+
[class.confidence-card-animate]="hasAnimated()">
|
|
25997
|
+
|
|
25998
|
+
<!-- Animated background gradient overlay -->
|
|
25999
|
+
<div [ngClass]="backgroundOverlayClasses()" class="absolute inset-0 opacity-30 transition-opacity duration-500 group-hover:opacity-50"></div>
|
|
26000
|
+
|
|
26001
|
+
<!-- Content -->
|
|
26002
|
+
<div class="relative z-10">
|
|
26003
|
+
<!-- Header with Title and Grade Badge -->
|
|
26004
|
+
<div class="flex items-start justify-between gap-4 mb-4">
|
|
26005
|
+
<div class="flex-1 min-w-0">
|
|
26006
|
+
<h3 [ngClass]="titleClasses()" class="text-lg font-bold mb-1">
|
|
26007
|
+
Confidence Level
|
|
26008
|
+
</h3>
|
|
26009
|
+
<p [ngClass]="subtitleClasses()" class="text-xs font-medium">
|
|
26010
|
+
{{ confidenceData().qualitativeStatus }} + {{ confidenceData().quantitativeStatus }}
|
|
26011
|
+
</p>
|
|
26012
|
+
</div>
|
|
26013
|
+
|
|
26014
|
+
<!-- Grade Badge with Glow -->
|
|
26015
|
+
<div
|
|
26016
|
+
[ngClass]="gradeBadgeContainerClasses()"
|
|
26017
|
+
class="relative flex-shrink-0 transition-all duration-300 hover:scale-110"
|
|
26018
|
+
[class.animate-pulse-glow]="shouldPulse()"
|
|
26019
|
+
[class.grade-change-animate]="isGradeChanging()">
|
|
26020
|
+
<!-- Glow effect -->
|
|
26021
|
+
<div [ngClass]="glowEffectClasses()" class="absolute inset-0 rounded-xl blur-xl opacity-60 transition-all duration-500 group-hover:opacity-80"></div>
|
|
26022
|
+
<!-- Badge content -->
|
|
26023
|
+
<div [ngClass]="gradeBadgeClasses()" class="relative px-5 py-3 rounded-xl text-center backdrop-blur-sm transition-all duration-500">
|
|
26024
|
+
<div [ngClass]="gradeLabelClasses()" class="text-[10px] font-bold uppercase tracking-wider mb-0.5 transition-colors duration-500">Grade</div>
|
|
26025
|
+
<div [ngClass]="gradeValueClasses()" class="text-3xl font-bold transition-all duration-500">{{ confidenceData().grade }}</div>
|
|
26026
|
+
</div>
|
|
26027
|
+
</div>
|
|
26028
|
+
</div>
|
|
26029
|
+
|
|
26030
|
+
<!-- Description -->
|
|
26031
|
+
<p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mb-4">
|
|
26032
|
+
{{ confidenceData().description }}
|
|
26033
|
+
</p>
|
|
26034
|
+
|
|
26035
|
+
<!-- Progress Bar -->
|
|
26036
|
+
<div class="space-y-2">
|
|
26037
|
+
<div class="flex items-center justify-between">
|
|
26038
|
+
<span [ngClass]="progressLabelClasses()" class="text-xs font-semibold">Context Completeness</span>
|
|
26039
|
+
<span [ngClass]="progressValueClasses()" class="text-xs font-bold">{{ animatedPercentage() }}%</span>
|
|
26040
|
+
</div>
|
|
26041
|
+
|
|
26042
|
+
<!-- Progress Track -->
|
|
26043
|
+
<div class="relative">
|
|
26044
|
+
<!-- Background track -->
|
|
26045
|
+
<div [ngClass]="progressTrackClasses()" class="h-3 rounded-full overflow-hidden relative">
|
|
26046
|
+
<!-- Potential progress bar (dashed/translucent) -->
|
|
26047
|
+
@if (confidenceData().potentialPercentage) {
|
|
26048
|
+
<div
|
|
26049
|
+
[style.width.%]="confidenceData().potentialPercentage"
|
|
26050
|
+
[ngClass]="potentialProgressBarClasses()"
|
|
26051
|
+
class="absolute top-0 left-0 h-full rounded-full transition-all duration-1000 ease-out">
|
|
26052
|
+
</div>
|
|
26053
|
+
}
|
|
26054
|
+
<!-- Progress bar with shimmer -->
|
|
26055
|
+
<div
|
|
26056
|
+
[style.width.%]="animatedPercentage()"
|
|
26057
|
+
[ngClass]="progressBarClasses()"
|
|
26058
|
+
class="h-full transition-all duration-1000 ease-out relative">
|
|
26059
|
+
<!-- Shimmer effect -->
|
|
26060
|
+
<div [ngClass]="shimmerClasses()" class="absolute inset-0 opacity-30"></div>
|
|
26061
|
+
</div>
|
|
26062
|
+
</div>
|
|
26063
|
+
<!-- Glow underneath -->
|
|
26064
|
+
<div
|
|
26065
|
+
[style.width.%]="animatedPercentage()"
|
|
26066
|
+
[ngClass]="progressGlowClasses()"
|
|
26067
|
+
class="absolute top-0 left-0 h-3 rounded-full blur-md opacity-40 transition-all duration-1000 ease-out -z-10">
|
|
26068
|
+
</div>
|
|
26069
|
+
</div>
|
|
26070
|
+
|
|
26071
|
+
<!-- Next Step Action Callout -->
|
|
26072
|
+
@if (confidenceData().nextStepAction && confidenceData().potentialGrade) {
|
|
26073
|
+
<div [ngClass]="nextStepCalloutClasses()" class="mt-3 flex items-center gap-2 text-xs font-medium p-2 rounded-lg">
|
|
26074
|
+
<svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
26075
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
|
|
26076
|
+
</svg>
|
|
26077
|
+
<span class="flex-1">{{ confidenceData().nextStepAction }}</span>
|
|
26078
|
+
<span [ngClass]="nextStepBadgeClasses()" class="font-bold px-2 py-0.5 rounded">
|
|
26079
|
+
→ {{ confidenceData().potentialGrade }} ({{ confidenceData().potentialPercentage }}%)
|
|
26080
|
+
</span>
|
|
26081
|
+
</div>
|
|
26082
|
+
}
|
|
26083
|
+
</div>
|
|
26084
|
+
</div>
|
|
26085
|
+
</div>
|
|
25924
26086
|
`, styles: ["@keyframes confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate{animation:confidence-fade-in-up .6s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.grade-change-animate{animation:grade-change .8s ease-out}@media(prefers-reduced-motion:reduce){.confidence-card-animate,.animate-pulse-glow,.grade-change-animate{animation:none;opacity:1}}\n"] }]
|
|
25925
|
-
}], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], currentFocusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentFocusAreaDomain", required: false }] }], currentMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetric", required: false }] }] }); })();
|
|
25926
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfidenceLevelCardComponent, { className: "ConfidenceLevelCardComponent", filePath: "lib/components/shared/confidence-level-card.component.ts", lineNumber:
|
|
26087
|
+
}], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], currentFocusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentFocusAreaDomain", required: false }] }], currentMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetric", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }] }); })();
|
|
26088
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfidenceLevelCardComponent, { className: "ConfidenceLevelCardComponent", filePath: "lib/components/shared/confidence-level-card.component.ts", lineNumber: 185 }); })();
|
|
25927
26089
|
|
|
25928
26090
|
function ContinueYourJourneyComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
25929
26091
|
i0.ɵɵnamespaceSVG();
|
|
@@ -47579,7 +47741,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template(rf, ctx
|
|
|
47579
47741
|
} }
|
|
47580
47742
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
47581
47743
|
const _r13 = i0.ɵɵgetCurrentView();
|
|
47582
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
47744
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
|
|
47583
47745
|
i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
|
|
47584
47746
|
i0.ɵɵelementEnd();
|
|
47585
47747
|
} if (rf & 2) {
|
|
@@ -47588,23 +47750,18 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Te
|
|
|
47588
47750
|
} }
|
|
47589
47751
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
47590
47752
|
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
|
|
47591
|
-
i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)
|
|
47592
|
-
i0.ɵɵelement(
|
|
47593
|
-
i0.ɵɵelementEnd();
|
|
47594
|
-
i0.ɵɵelement(5, "symphiq-loading-card", 49);
|
|
47753
|
+
i0.ɵɵelementStart(1, "main", 45)(2, "div", 46);
|
|
47754
|
+
i0.ɵɵelement(3, "symphiq-loading-card", 47);
|
|
47595
47755
|
i0.ɵɵelementEnd()();
|
|
47596
47756
|
} if (rf & 2) {
|
|
47597
|
-
let tmp_5_0;
|
|
47598
47757
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
47599
47758
|
i0.ɵɵconditional(!ctx_r2.isOnboarded() ? 0 : -1);
|
|
47600
|
-
i0.ɵɵadvance(
|
|
47601
|
-
i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("isOnboarded", ctx_r2.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r2.funnelAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
|
|
47602
|
-
i0.ɵɵadvance();
|
|
47759
|
+
i0.ɵɵadvance(3);
|
|
47603
47760
|
i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("backdropBlur", true);
|
|
47604
47761
|
} }
|
|
47605
47762
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
47606
47763
|
const _r14 = i0.ɵɵgetCurrentView();
|
|
47607
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
47764
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
|
|
47608
47765
|
i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
|
|
47609
47766
|
i0.ɵɵelementEnd();
|
|
47610
47767
|
} if (rf & 2) {
|
|
@@ -47613,17 +47770,23 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Te
|
|
|
47613
47770
|
} }
|
|
47614
47771
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
47615
47772
|
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
|
|
47616
|
-
i0.ɵɵ
|
|
47773
|
+
i0.ɵɵelementStart(1, "main", 45)(2, "div", 49)(3, "div", 50);
|
|
47774
|
+
i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 51);
|
|
47775
|
+
i0.ɵɵelementEnd()()();
|
|
47776
|
+
i0.ɵɵelement(5, "symphiq-content-generation-progress-with-confetti", 52);
|
|
47617
47777
|
} if (rf & 2) {
|
|
47618
47778
|
let tmp_5_0;
|
|
47779
|
+
let tmp_8_0;
|
|
47619
47780
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
47620
47781
|
i0.ɵɵconditional(!ctx_r2.isOnboarded() ? 0 : -1);
|
|
47782
|
+
i0.ɵɵadvance(4);
|
|
47783
|
+
i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("isOnboarded", ctx_r2.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r2.funnelAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
|
|
47621
47784
|
i0.ɵɵadvance();
|
|
47622
|
-
i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("itemStatus", ctx_r2.itemStatus())("currentStatus", (
|
|
47785
|
+
i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("itemStatus", ctx_r2.itemStatus())("currentStatus", (tmp_8_0 = ctx_r2.funnelAnalysis()) == null ? null : tmp_8_0.selfContentStatus)("confettiIntensity", "celebration")("title", "We are generating a new Funnel Analysis for you.")("subtitle", "It will appear here when ready. You can check back later as this will take a few minutes to complete.");
|
|
47623
47786
|
} }
|
|
47624
47787
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
47625
47788
|
const _r15 = i0.ɵɵgetCurrentView();
|
|
47626
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
47789
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
|
|
47627
47790
|
i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
|
|
47628
47791
|
i0.ɵɵelementEnd();
|
|
47629
47792
|
} if (rf & 2) {
|
|
@@ -47631,27 +47794,27 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Te
|
|
|
47631
47794
|
i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("currentStepId", ctx_r2.JourneyStepIdEnum.FUNNEL_ANALYSIS)("showNextStepAction", ctx_r2.showNextStepAction())("forDemo", ctx_r2.forDemo())("maxAccessibleStepId", ctx_r2.maxAccessibleStepId());
|
|
47632
47795
|
} }
|
|
47633
47796
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template(rf, ctx) { if (rf & 1) {
|
|
47634
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card",
|
|
47797
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 69);
|
|
47635
47798
|
} if (rf & 2) {
|
|
47636
47799
|
const insight_r16 = ctx.$implicit;
|
|
47637
47800
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
47638
47801
|
i0.ɵɵproperty("insight", insight_r16)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r16))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("isLoading", ctx_r2.isDataLoading());
|
|
47639
47802
|
} }
|
|
47640
47803
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
47641
|
-
i0.ɵɵelementStart(0, "section",
|
|
47804
|
+
i0.ɵɵelementStart(0, "section", 53)(1, "div", 61)(2, "div", 62)(3, "div", 63)(4, "div", 62);
|
|
47642
47805
|
i0.ɵɵnamespaceSVG();
|
|
47643
|
-
i0.ɵɵelementStart(5, "svg",
|
|
47644
|
-
i0.ɵɵelement(6, "path",
|
|
47806
|
+
i0.ɵɵelementStart(5, "svg", 64);
|
|
47807
|
+
i0.ɵɵelement(6, "path", 65);
|
|
47645
47808
|
i0.ɵɵelementEnd();
|
|
47646
47809
|
i0.ɵɵnamespaceHTML();
|
|
47647
|
-
i0.ɵɵelementStart(7, "h2",
|
|
47810
|
+
i0.ɵɵelementStart(7, "h2", 66);
|
|
47648
47811
|
i0.ɵɵtext(8, "Key Insights");
|
|
47649
47812
|
i0.ɵɵelementEnd()()()();
|
|
47650
|
-
i0.ɵɵelementStart(9, "span",
|
|
47813
|
+
i0.ɵɵelementStart(9, "span", 67);
|
|
47651
47814
|
i0.ɵɵtext(10);
|
|
47652
47815
|
i0.ɵɵelementEnd()();
|
|
47653
|
-
i0.ɵɵelementStart(11, "div",
|
|
47654
|
-
i0.ɵɵrepeaterCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template, 1, 9, "symphiq-funnel-analysis-insight-card",
|
|
47816
|
+
i0.ɵɵelementStart(11, "div", 68);
|
|
47817
|
+
i0.ɵɵrepeaterCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template, 1, 9, "symphiq-funnel-analysis-insight-card", 69, i0.ɵɵrepeaterTrackByIndex);
|
|
47655
47818
|
i0.ɵɵelementEnd()();
|
|
47656
47819
|
} if (rf & 2) {
|
|
47657
47820
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -47669,14 +47832,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Te
|
|
|
47669
47832
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
47670
47833
|
} }
|
|
47671
47834
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
47672
|
-
i0.ɵɵelement(0, "symphiq-skeleton-loader",
|
|
47835
|
+
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
47673
47836
|
} if (rf & 2) {
|
|
47674
47837
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
47675
47838
|
i0.ɵɵproperty("width", "100%")("height", "200px")("isLightMode", ctx_r2.isLightMode());
|
|
47676
47839
|
} }
|
|
47677
47840
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
47678
47841
|
const _r17 = i0.ɵɵgetCurrentView();
|
|
47679
|
-
i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment",
|
|
47842
|
+
i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 72);
|
|
47680
47843
|
i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
|
|
47681
47844
|
i0.ɵɵelementEnd();
|
|
47682
47845
|
} if (rf & 2) {
|
|
@@ -47684,8 +47847,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Co
|
|
|
47684
47847
|
i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$i))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
|
|
47685
47848
|
} }
|
|
47686
47849
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
47687
|
-
i0.ɵɵelementStart(0, "div",
|
|
47688
|
-
i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-skeleton-loader",
|
|
47850
|
+
i0.ɵɵelementStart(0, "div", 56);
|
|
47851
|
+
i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-skeleton-loader", 70)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 71);
|
|
47689
47852
|
i0.ɵɵelementEnd();
|
|
47690
47853
|
} if (rf & 2) {
|
|
47691
47854
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -47693,15 +47856,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Te
|
|
|
47693
47856
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
|
|
47694
47857
|
} }
|
|
47695
47858
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
47696
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card",
|
|
47859
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 74);
|
|
47697
47860
|
} if (rf & 2) {
|
|
47698
47861
|
const metric_r18 = ctx.$implicit;
|
|
47699
47862
|
const ctx_r2 = i0.ɵɵnextContext(5);
|
|
47700
47863
|
i0.ɵɵproperty("metric", metric_r18)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r18))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
|
|
47701
47864
|
} }
|
|
47702
47865
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
47703
|
-
i0.ɵɵelementStart(0, "div",
|
|
47704
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template, 1, 9, "symphiq-funnel-analysis-metric-card",
|
|
47866
|
+
i0.ɵɵelementStart(0, "div", 75);
|
|
47867
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template, 1, 9, "symphiq-funnel-analysis-metric-card", 74, i0.ɵɵrepeaterTrackByIndex);
|
|
47705
47868
|
i0.ɵɵelementEnd();
|
|
47706
47869
|
} if (rf & 2) {
|
|
47707
47870
|
const funnelGroup_r19 = i0.ɵɵnextContext().$implicit;
|
|
@@ -47709,10 +47872,10 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_F
|
|
|
47709
47872
|
i0.ɵɵrepeater(funnelGroup_r19.relatedMetrics);
|
|
47710
47873
|
} }
|
|
47711
47874
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
47712
|
-
i0.ɵɵelementStart(0, "div",
|
|
47713
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
47875
|
+
i0.ɵɵelementStart(0, "div", 73);
|
|
47876
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
|
|
47714
47877
|
i0.ɵɵelementEnd();
|
|
47715
|
-
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template, 3, 0, "div",
|
|
47878
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template, 3, 0, "div", 75);
|
|
47716
47879
|
} if (rf & 2) {
|
|
47717
47880
|
const funnelGroup_r19 = ctx.$implicit;
|
|
47718
47881
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -47722,7 +47885,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_F
|
|
|
47722
47885
|
i0.ɵɵconditional(funnelGroup_r19.relatedMetrics.length > 0 ? 2 : -1);
|
|
47723
47886
|
} }
|
|
47724
47887
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
47725
|
-
i0.ɵɵelementStart(0, "div",
|
|
47888
|
+
i0.ɵɵelementStart(0, "div", 58);
|
|
47726
47889
|
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Template, 3, 10, null, null, i0.ɵɵrepeaterTrackByIndex);
|
|
47727
47890
|
i0.ɵɵelementEnd();
|
|
47728
47891
|
} if (rf & 2) {
|
|
@@ -47731,15 +47894,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_T
|
|
|
47731
47894
|
i0.ɵɵrepeater(ctx_r2.groupedMetrics());
|
|
47732
47895
|
} }
|
|
47733
47896
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
47734
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section",
|
|
47897
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section", 76);
|
|
47735
47898
|
} if (rf & 2) {
|
|
47736
47899
|
const breakdown_r20 = ctx.$implicit;
|
|
47737
47900
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
47738
47901
|
i0.ɵɵproperty("breakdown", breakdown_r20)("charts", ctx_r2.chartsForBreakdown(breakdown_r20))("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isDataLoading())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
|
|
47739
47902
|
} }
|
|
47740
47903
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
47741
|
-
i0.ɵɵelementStart(0, "div",
|
|
47742
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template, 1, 6, "symphiq-funnel-analysis-breakdown-section",
|
|
47904
|
+
i0.ɵɵelementStart(0, "div", 58);
|
|
47905
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template, 1, 6, "symphiq-funnel-analysis-breakdown-section", 76, i0.ɵɵrepeaterTrackByIndex);
|
|
47743
47906
|
i0.ɵɵelementEnd();
|
|
47744
47907
|
} if (rf & 2) {
|
|
47745
47908
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -47747,8 +47910,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_T
|
|
|
47747
47910
|
i0.ɵɵrepeater(ctx_r2.breakdowns());
|
|
47748
47911
|
} }
|
|
47749
47912
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
47750
|
-
i0.ɵɵelementStart(0, "div",
|
|
47751
|
-
i0.ɵɵelement(1, "symphiq-competitive-intelligence-view",
|
|
47913
|
+
i0.ɵɵelementStart(0, "div", 56);
|
|
47914
|
+
i0.ɵɵelement(1, "symphiq-competitive-intelligence-view", 77);
|
|
47752
47915
|
i0.ɵɵelementEnd();
|
|
47753
47916
|
} if (rf & 2) {
|
|
47754
47917
|
let tmp_7_0;
|
|
@@ -47758,21 +47921,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_T
|
|
|
47758
47921
|
} }
|
|
47759
47922
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
47760
47923
|
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
|
|
47761
|
-
i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)(3, "div",
|
|
47762
|
-
i0.ɵɵelement(4, "symphiq-funnel-welcome-banner",
|
|
47924
|
+
i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)(3, "div", 50);
|
|
47925
|
+
i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 51);
|
|
47763
47926
|
i0.ɵɵelementEnd();
|
|
47764
|
-
i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template, 14, 7, "section",
|
|
47765
|
-
i0.ɵɵelementStart(6, "symphiq-collapsible-funnel-section-group",
|
|
47766
|
-
i0.ɵɵconditionalCreate(8, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template, 3, 1, "div",
|
|
47927
|
+
i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template, 14, 7, "section", 53);
|
|
47928
|
+
i0.ɵɵelementStart(6, "symphiq-collapsible-funnel-section-group", 54)(7, "div", 55);
|
|
47929
|
+
i0.ɵɵconditionalCreate(8, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template, 3, 1, "div", 56);
|
|
47767
47930
|
i0.ɵɵelementEnd();
|
|
47768
|
-
i0.ɵɵelementStart(9, "div",
|
|
47769
|
-
i0.ɵɵconditionalCreate(10, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template, 3, 0, "div",
|
|
47931
|
+
i0.ɵɵelementStart(9, "div", 57);
|
|
47932
|
+
i0.ɵɵconditionalCreate(10, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template, 3, 0, "div", 58);
|
|
47770
47933
|
i0.ɵɵelementEnd();
|
|
47771
|
-
i0.ɵɵelementStart(11, "div",
|
|
47772
|
-
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template, 3, 0, "div",
|
|
47934
|
+
i0.ɵɵelementStart(11, "div", 59);
|
|
47935
|
+
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template, 3, 0, "div", 58);
|
|
47773
47936
|
i0.ɵɵelementEnd();
|
|
47774
|
-
i0.ɵɵelementStart(13, "div",
|
|
47775
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template, 2, 6, "div",
|
|
47937
|
+
i0.ɵɵelementStart(13, "div", 60);
|
|
47938
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template, 2, 6, "div", 56);
|
|
47776
47939
|
i0.ɵɵelementEnd()()()();
|
|
47777
47940
|
} if (rf & 2) {
|
|
47778
47941
|
let tmp_6_0;
|
|
@@ -47796,16 +47959,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template(rf, ctx
|
|
|
47796
47959
|
i0.ɵɵconditional(ctx_r2.showCompetitiveIntelligence() ? 14 : -1);
|
|
47797
47960
|
} }
|
|
47798
47961
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
47799
|
-
i0.ɵɵelementStart(0, "div",
|
|
47800
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
47801
|
-
i0.ɵɵelementStart(4, "div",
|
|
47802
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
47962
|
+
i0.ɵɵelementStart(0, "div", 79)(1, "div", 80)(2, "div", 62);
|
|
47963
|
+
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
47964
|
+
i0.ɵɵelementStart(4, "div", 81);
|
|
47965
|
+
i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
|
|
47803
47966
|
i0.ɵɵelementEnd()();
|
|
47804
|
-
i0.ɵɵelementStart(7, "div",
|
|
47805
|
-
i0.ɵɵelement(8, "symphiq-skeleton-loader",
|
|
47967
|
+
i0.ɵɵelementStart(7, "div", 82);
|
|
47968
|
+
i0.ɵɵelement(8, "symphiq-skeleton-loader", 70)(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
|
|
47806
47969
|
i0.ɵɵelementEnd();
|
|
47807
|
-
i0.ɵɵelementStart(11, "div",
|
|
47808
|
-
i0.ɵɵelement(12, "symphiq-skeleton-loader",
|
|
47970
|
+
i0.ɵɵelementStart(11, "div", 83);
|
|
47971
|
+
i0.ɵɵelement(12, "symphiq-skeleton-loader", 70)(13, "symphiq-skeleton-loader", 70);
|
|
47809
47972
|
i0.ɵɵelementEnd()()();
|
|
47810
47973
|
} if (rf & 2) {
|
|
47811
47974
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -47829,7 +47992,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Co
|
|
|
47829
47992
|
} }
|
|
47830
47993
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
47831
47994
|
const _r21 = i0.ɵɵgetCurrentView();
|
|
47832
|
-
i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment",
|
|
47995
|
+
i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 72);
|
|
47833
47996
|
i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
|
|
47834
47997
|
i0.ɵɵelementEnd();
|
|
47835
47998
|
} if (rf & 2) {
|
|
@@ -47837,8 +48000,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Co
|
|
|
47837
48000
|
i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$i))("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())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
|
|
47838
48001
|
} }
|
|
47839
48002
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
47840
|
-
i0.ɵɵelementStart(0, "div",
|
|
47841
|
-
i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template, 14, 25, "div",
|
|
48003
|
+
i0.ɵɵelementStart(0, "div", 78);
|
|
48004
|
+
i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template, 14, 25, "div", 79)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 71);
|
|
47842
48005
|
i0.ɵɵelementEnd();
|
|
47843
48006
|
} if (rf & 2) {
|
|
47844
48007
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -47846,21 +48009,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Te
|
|
|
47846
48009
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
|
|
47847
48010
|
} }
|
|
47848
48011
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
47849
|
-
i0.ɵɵelement(0, "symphiq-section-divider",
|
|
48012
|
+
i0.ɵɵelement(0, "symphiq-section-divider", 84);
|
|
47850
48013
|
} if (rf & 2) {
|
|
47851
48014
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
47852
48015
|
i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
|
|
47853
48016
|
} }
|
|
47854
48017
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
47855
|
-
i0.ɵɵelementStart(0, "div",
|
|
47856
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
48018
|
+
i0.ɵɵelementStart(0, "div", 91)(1, "div", 92)(2, "div", 93);
|
|
48019
|
+
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
47857
48020
|
i0.ɵɵelementEnd();
|
|
47858
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
47859
|
-
i0.ɵɵelementStart(8, "div",
|
|
47860
|
-
i0.ɵɵelement(9, "symphiq-skeleton-loader",
|
|
48021
|
+
i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70)(7, "symphiq-skeleton-loader", 70);
|
|
48022
|
+
i0.ɵɵelementStart(8, "div", 94);
|
|
48023
|
+
i0.ɵɵelement(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
|
|
47861
48024
|
i0.ɵɵelementEnd();
|
|
47862
|
-
i0.ɵɵelementStart(11, "div",
|
|
47863
|
-
i0.ɵɵelement(12, "symphiq-skeleton-loader",
|
|
48025
|
+
i0.ɵɵelementStart(11, "div", 95);
|
|
48026
|
+
i0.ɵɵelement(12, "symphiq-skeleton-loader", 70)(13, "symphiq-skeleton-loader", 70);
|
|
47864
48027
|
i0.ɵɵelementEnd()()();
|
|
47865
48028
|
} if (rf & 2) {
|
|
47866
48029
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
@@ -47885,16 +48048,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
|
|
|
47885
48048
|
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
|
|
47886
48049
|
} }
|
|
47887
48050
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
47888
|
-
i0.ɵɵelementStart(0, "div",
|
|
47889
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template, 14, 28, "div",
|
|
48051
|
+
i0.ɵɵelementStart(0, "div", 89);
|
|
48052
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template, 14, 28, "div", 91, i0.ɵɵrepeaterTrackByIdentity);
|
|
47890
48053
|
i0.ɵɵelementEnd();
|
|
47891
48054
|
} if (rf & 2) {
|
|
47892
48055
|
i0.ɵɵadvance();
|
|
47893
48056
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2$c));
|
|
47894
48057
|
} }
|
|
47895
48058
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
47896
|
-
i0.ɵɵelementStart(0, "div",
|
|
47897
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card",
|
|
48059
|
+
i0.ɵɵelementStart(0, "div", 97);
|
|
48060
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 98);
|
|
47898
48061
|
i0.ɵɵelementEnd();
|
|
47899
48062
|
} if (rf & 2) {
|
|
47900
48063
|
const entry_r22 = ctx.$implicit;
|
|
@@ -47907,8 +48070,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
|
|
|
47907
48070
|
i0.ɵɵproperty("insight", entry_r22.insight)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(entry_r22.insight))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
|
|
47908
48071
|
} }
|
|
47909
48072
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
47910
|
-
i0.ɵɵelementStart(0, "div",
|
|
47911
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template, 2, 14, "div",
|
|
48073
|
+
i0.ɵɵelementStart(0, "div", 89);
|
|
48074
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template, 2, 14, "div", 96, i0.ɵɵrepeaterTrackByIndex);
|
|
47912
48075
|
i0.ɵɵelementEnd();
|
|
47913
48076
|
} if (rf & 2) {
|
|
47914
48077
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -47916,8 +48079,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
|
|
|
47916
48079
|
i0.ɵɵrepeater(ctx_r2.insightsDisplay());
|
|
47917
48080
|
} }
|
|
47918
48081
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
47919
|
-
i0.ɵɵelementStart(0, "div",
|
|
47920
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card",
|
|
48082
|
+
i0.ɵɵelementStart(0, "div", 97);
|
|
48083
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 98);
|
|
47921
48084
|
i0.ɵɵelementEnd();
|
|
47922
48085
|
} if (rf & 2) {
|
|
47923
48086
|
const insight_r24 = ctx.$implicit;
|
|
@@ -47929,8 +48092,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
|
|
|
47929
48092
|
i0.ɵɵproperty("insight", insight_r24)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r24))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
|
|
47930
48093
|
} }
|
|
47931
48094
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
47932
|
-
i0.ɵɵelementStart(0, "div",
|
|
47933
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template, 2, 12, "div",
|
|
48095
|
+
i0.ɵɵelementStart(0, "div", 90);
|
|
48096
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template, 2, 12, "div", 99, i0.ɵɵrepeaterTrackByIndex);
|
|
47934
48097
|
i0.ɵɵelementEnd();
|
|
47935
48098
|
} if (rf & 2) {
|
|
47936
48099
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -47938,22 +48101,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
|
|
|
47938
48101
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
47939
48102
|
} }
|
|
47940
48103
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
47941
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template, 1, 1, "symphiq-section-divider",
|
|
47942
|
-
i0.ɵɵelementStart(1, "section",
|
|
47943
|
-
i0.ɵɵelement(2, "div",
|
|
47944
|
-
i0.ɵɵelementStart(3, "div",
|
|
48104
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template, 1, 1, "symphiq-section-divider", 84);
|
|
48105
|
+
i0.ɵɵelementStart(1, "section", 85);
|
|
48106
|
+
i0.ɵɵelement(2, "div", 86);
|
|
48107
|
+
i0.ɵɵelementStart(3, "div", 87)(4, "div", 88)(5, "div", 62)(6, "div", 63)(7, "div", 62);
|
|
47945
48108
|
i0.ɵɵnamespaceSVG();
|
|
47946
|
-
i0.ɵɵelementStart(8, "svg",
|
|
47947
|
-
i0.ɵɵelement(9, "path",
|
|
48109
|
+
i0.ɵɵelementStart(8, "svg", 64);
|
|
48110
|
+
i0.ɵɵelement(9, "path", 65);
|
|
47948
48111
|
i0.ɵɵelementEnd();
|
|
47949
48112
|
i0.ɵɵnamespaceHTML();
|
|
47950
|
-
i0.ɵɵelementStart(10, "h2",
|
|
48113
|
+
i0.ɵɵelementStart(10, "h2", 66);
|
|
47951
48114
|
i0.ɵɵtext(11, "Key Insights");
|
|
47952
48115
|
i0.ɵɵelementEnd()()()();
|
|
47953
|
-
i0.ɵɵelementStart(12, "span",
|
|
48116
|
+
i0.ɵɵelementStart(12, "span", 67);
|
|
47954
48117
|
i0.ɵɵtext(13);
|
|
47955
48118
|
i0.ɵɵelementEnd()();
|
|
47956
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template, 3, 1, "div",
|
|
48119
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template, 3, 1, "div", 89)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template, 3, 0, "div", 89)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template, 3, 0, "div", 90);
|
|
47957
48120
|
i0.ɵɵelementEnd()();
|
|
47958
48121
|
} if (rf & 2) {
|
|
47959
48122
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -47974,13 +48137,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Te
|
|
|
47974
48137
|
i0.ɵɵconditional(ctx_r2.isDataLoading() || ctx_r2.viewModeService.isExpanded() && ctx_r2.viewModeService.getIsTransitioning() ? 14 : ctx_r2.viewModeService.isExpanded() ? 15 : 16);
|
|
47975
48138
|
} }
|
|
47976
48139
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
47977
|
-
i0.ɵɵelementStart(0, "div",
|
|
47978
|
-
i0.ɵɵelement(2, "div",
|
|
48140
|
+
i0.ɵɵelementStart(0, "div", 100)(1, "div", 117);
|
|
48141
|
+
i0.ɵɵelement(2, "div", 118);
|
|
47979
48142
|
i0.ɵɵelementEnd();
|
|
47980
|
-
i0.ɵɵelementStart(3, "div",
|
|
48143
|
+
i0.ɵɵelementStart(3, "div", 119)(4, "div", 120);
|
|
47981
48144
|
i0.ɵɵnamespaceSVG();
|
|
47982
|
-
i0.ɵɵelementStart(5, "svg",
|
|
47983
|
-
i0.ɵɵelement(6, "path",
|
|
48145
|
+
i0.ɵɵelementStart(5, "svg", 121);
|
|
48146
|
+
i0.ɵɵelement(6, "path", 122);
|
|
47984
48147
|
i0.ɵɵelementEnd()()()();
|
|
47985
48148
|
} if (rf & 2) {
|
|
47986
48149
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -47992,12 +48155,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
|
|
|
47992
48155
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
|
|
47993
48156
|
} }
|
|
47994
48157
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
47995
|
-
i0.ɵɵelementStart(0, "div",
|
|
47996
|
-
i0.ɵɵelement(1, "div",
|
|
48158
|
+
i0.ɵɵelementStart(0, "div", 107);
|
|
48159
|
+
i0.ɵɵelement(1, "div", 123);
|
|
47997
48160
|
i0.ɵɵelementEnd();
|
|
47998
48161
|
} }
|
|
47999
48162
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
48000
|
-
i0.ɵɵelementStart(0, "option",
|
|
48163
|
+
i0.ɵɵelementStart(0, "option", 124);
|
|
48001
48164
|
i0.ɵɵtext(1);
|
|
48002
48165
|
i0.ɵɵelementEnd();
|
|
48003
48166
|
} if (rf & 2) {
|
|
@@ -48017,22 +48180,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Fo
|
|
|
48017
48180
|
i0.ɵɵtextInterpolate(cat_r27.label);
|
|
48018
48181
|
} }
|
|
48019
48182
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
48020
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template, 2, 2, "option",
|
|
48183
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_1_Template, 2, 2, "option", 25);
|
|
48021
48184
|
} if (rf & 2) {
|
|
48022
48185
|
const cat_r27 = ctx.$implicit;
|
|
48023
48186
|
i0.ɵɵconditional(cat_r27.divider ? 0 : 1);
|
|
48024
48187
|
} }
|
|
48025
48188
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
48026
48189
|
i0.ɵɵnamespaceSVG();
|
|
48027
|
-
i0.ɵɵelement(0, "path",
|
|
48190
|
+
i0.ɵɵelement(0, "path", 111);
|
|
48028
48191
|
} }
|
|
48029
48192
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
48030
48193
|
i0.ɵɵnamespaceSVG();
|
|
48031
|
-
i0.ɵɵelement(0, "path",
|
|
48194
|
+
i0.ɵɵelement(0, "path", 112);
|
|
48032
48195
|
} }
|
|
48033
48196
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
48034
48197
|
const _r28 = i0.ɵɵgetCurrentView();
|
|
48035
|
-
i0.ɵɵelementStart(0, "button",
|
|
48198
|
+
i0.ɵɵelementStart(0, "button", 126);
|
|
48036
48199
|
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const cat_r29 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r29.value)); });
|
|
48037
48200
|
i0.ɵɵtext(1);
|
|
48038
48201
|
i0.ɵɵelementEnd();
|
|
@@ -48045,27 +48208,27 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Fo
|
|
|
48045
48208
|
i0.ɵɵtextInterpolate1(" ", cat_r29.label, " ");
|
|
48046
48209
|
} }
|
|
48047
48210
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template(rf, ctx) { if (rf & 1) {
|
|
48048
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template, 2, 4, "button",
|
|
48211
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template, 2, 4, "button", 125);
|
|
48049
48212
|
} if (rf & 2) {
|
|
48050
48213
|
const cat_r29 = ctx.$implicit;
|
|
48051
48214
|
i0.ɵɵconditional(!cat_r29.divider ? 0 : -1);
|
|
48052
48215
|
} }
|
|
48053
48216
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
48054
|
-
i0.ɵɵelement(0, "symphiq-skeleton-loader",
|
|
48217
|
+
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
48055
48218
|
} if (rf & 2) {
|
|
48056
48219
|
const ctx_r2 = i0.ɵɵnextContext(5);
|
|
48057
48220
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
48058
48221
|
} }
|
|
48059
48222
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
48060
|
-
i0.ɵɵelementStart(0, "div",
|
|
48061
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
48062
|
-
i0.ɵɵelementStart(4, "div",
|
|
48063
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
48223
|
+
i0.ɵɵelementStart(0, "div", 127)(1, "div", 128)(2, "div", 62);
|
|
48224
|
+
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
48225
|
+
i0.ɵɵelementStart(4, "div", 82);
|
|
48226
|
+
i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
|
|
48064
48227
|
i0.ɵɵelementEnd()();
|
|
48065
|
-
i0.ɵɵelement(7, "symphiq-skeleton-loader",
|
|
48228
|
+
i0.ɵɵelement(7, "symphiq-skeleton-loader", 70);
|
|
48066
48229
|
i0.ɵɵelementEnd();
|
|
48067
|
-
i0.ɵɵelementStart(8, "div",
|
|
48068
|
-
i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader",
|
|
48230
|
+
i0.ɵɵelementStart(8, "div", 129);
|
|
48231
|
+
i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
48069
48232
|
i0.ɵɵelementEnd()();
|
|
48070
48233
|
} if (rf & 2) {
|
|
48071
48234
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
@@ -48082,30 +48245,30 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
|
|
|
48082
48245
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4$5));
|
|
48083
48246
|
} }
|
|
48084
48247
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
48085
|
-
i0.ɵɵelementStart(0, "div",
|
|
48086
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template, 11, 14, "div",
|
|
48248
|
+
i0.ɵɵelementStart(0, "div", 115);
|
|
48249
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template, 11, 14, "div", 127, i0.ɵɵrepeaterTrackByIdentity);
|
|
48087
48250
|
i0.ɵɵelementEnd();
|
|
48088
48251
|
} if (rf & 2) {
|
|
48089
48252
|
i0.ɵɵadvance();
|
|
48090
48253
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3$8));
|
|
48091
48254
|
} }
|
|
48092
48255
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
48093
|
-
i0.ɵɵelementStart(0, "div",
|
|
48094
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
48256
|
+
i0.ɵɵelementStart(0, "div", 135);
|
|
48257
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 136);
|
|
48095
48258
|
i0.ɵɵelementEnd();
|
|
48096
48259
|
} if (rf & 2) {
|
|
48097
48260
|
const entry_r30 = ctx.$implicit;
|
|
48098
|
-
const ɵ$
|
|
48099
|
-
const ɵ$
|
|
48261
|
+
const ɵ$index_439_r31 = ctx.$index;
|
|
48262
|
+
const ɵ$index_430_r32 = i0.ɵɵnextContext(3).$index;
|
|
48100
48263
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
48101
48264
|
i0.ɵɵclassMap(entry_r30.bentoCardClass);
|
|
48102
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
48265
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_430_r32 * 0.15 + ɵ$index_439_r31 * 0.08 + "s");
|
|
48103
48266
|
i0.ɵɵadvance();
|
|
48104
48267
|
i0.ɵɵproperty("metric", entry_r30.metric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(entry_r30.metric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false)("currencySymbol", ctx_r2.currencySymbol());
|
|
48105
48268
|
} }
|
|
48106
48269
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
48107
|
-
i0.ɵɵelementStart(0, "div",
|
|
48108
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 13, "div",
|
|
48270
|
+
i0.ɵɵelementStart(0, "div", 132);
|
|
48271
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 13, "div", 134, i0.ɵɵrepeaterTrackByIndex);
|
|
48109
48272
|
i0.ɵɵelementEnd();
|
|
48110
48273
|
} if (rf & 2) {
|
|
48111
48274
|
const funnelGroup_r33 = i0.ɵɵnextContext(2).$implicit;
|
|
@@ -48113,21 +48276,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
|
|
|
48113
48276
|
i0.ɵɵrepeater(funnelGroup_r33.relatedMetricsDisplay);
|
|
48114
48277
|
} }
|
|
48115
48278
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
48116
|
-
i0.ɵɵelementStart(0, "div",
|
|
48117
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
48279
|
+
i0.ɵɵelementStart(0, "div", 135);
|
|
48280
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
|
|
48118
48281
|
i0.ɵɵelementEnd();
|
|
48119
48282
|
} if (rf & 2) {
|
|
48120
48283
|
const entry_r34 = ctx.$implicit;
|
|
48121
|
-
const ɵ$
|
|
48122
|
-
const ɵ$
|
|
48284
|
+
const ɵ$index_447_r35 = ctx.$index;
|
|
48285
|
+
const ɵ$index_430_r32 = i0.ɵɵnextContext(3).$index;
|
|
48123
48286
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
48124
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
48287
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_430_r32 * 0.15 + ɵ$index_447_r35 * 0.08 + "s");
|
|
48125
48288
|
i0.ɵɵadvance();
|
|
48126
48289
|
i0.ɵɵproperty("metric", entry_r34.metric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(entry_r34.metric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
|
|
48127
48290
|
} }
|
|
48128
48291
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
48129
|
-
i0.ɵɵelementStart(0, "div",
|
|
48130
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 11, "div",
|
|
48292
|
+
i0.ɵɵelementStart(0, "div", 133);
|
|
48293
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 11, "div", 137, i0.ɵɵrepeaterTrackByIndex);
|
|
48131
48294
|
i0.ɵɵelementEnd();
|
|
48132
48295
|
} if (rf & 2) {
|
|
48133
48296
|
const funnelGroup_r33 = i0.ɵɵnextContext(2).$implicit;
|
|
@@ -48135,16 +48298,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
|
|
|
48135
48298
|
i0.ɵɵrepeater(funnelGroup_r33.relatedMetricsDisplay);
|
|
48136
48299
|
} }
|
|
48137
48300
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
48138
|
-
i0.ɵɵelementStart(0, "div",
|
|
48139
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
48301
|
+
i0.ɵɵelementStart(0, "div", 138)(1, "div", 92)(2, "div", 104);
|
|
48302
|
+
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
48140
48303
|
i0.ɵɵelementEnd();
|
|
48141
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
48142
|
-
i0.ɵɵelementStart(6, "div",
|
|
48143
|
-
i0.ɵɵelement(7, "symphiq-skeleton-loader",
|
|
48304
|
+
i0.ɵɵelement(5, "symphiq-skeleton-loader", 70);
|
|
48305
|
+
i0.ɵɵelementStart(6, "div", 139);
|
|
48306
|
+
i0.ɵɵelement(7, "symphiq-skeleton-loader", 70)(8, "symphiq-skeleton-loader", 70);
|
|
48144
48307
|
i0.ɵɵelementEnd();
|
|
48145
|
-
i0.ɵɵelement(9, "symphiq-skeleton-loader",
|
|
48146
|
-
i0.ɵɵelementStart(11, "div",
|
|
48147
|
-
i0.ɵɵelement(12, "symphiq-skeleton-loader",
|
|
48308
|
+
i0.ɵɵelement(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
|
|
48309
|
+
i0.ɵɵelementStart(11, "div", 140);
|
|
48310
|
+
i0.ɵɵelement(12, "symphiq-skeleton-loader", 70);
|
|
48148
48311
|
i0.ɵɵelementEnd()()();
|
|
48149
48312
|
} if (rf & 2) {
|
|
48150
48313
|
const ctx_r2 = i0.ɵɵnextContext(7);
|
|
@@ -48167,46 +48330,46 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
|
|
|
48167
48330
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
48168
48331
|
} }
|
|
48169
48332
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
48170
|
-
i0.ɵɵelementStart(0, "div",
|
|
48171
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div",
|
|
48333
|
+
i0.ɵɵelementStart(0, "div", 132);
|
|
48334
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 138, i0.ɵɵrepeaterTrackByIdentity);
|
|
48172
48335
|
i0.ɵɵelementEnd();
|
|
48173
48336
|
} if (rf & 2) {
|
|
48174
48337
|
i0.ɵɵadvance();
|
|
48175
48338
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4$5));
|
|
48176
48339
|
} }
|
|
48177
48340
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
48178
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div",
|
|
48341
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 132)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 133)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 132);
|
|
48179
48342
|
} if (rf & 2) {
|
|
48180
48343
|
const ctx_r2 = i0.ɵɵnextContext(5);
|
|
48181
48344
|
i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
|
|
48182
48345
|
} }
|
|
48183
48346
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
48184
|
-
i0.ɵɵelementStart(0, "div",
|
|
48185
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
48347
|
+
i0.ɵɵelementStart(0, "div", 131);
|
|
48348
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
|
|
48186
48349
|
i0.ɵɵelementEnd();
|
|
48187
48350
|
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Template, 3, 1);
|
|
48188
48351
|
} if (rf & 2) {
|
|
48189
48352
|
const funnelGroup_r33 = ctx.$implicit;
|
|
48190
|
-
const ɵ$
|
|
48353
|
+
const ɵ$index_430_r32 = ctx.$index;
|
|
48191
48354
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
48192
|
-
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$
|
|
48193
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$
|
|
48355
|
+
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_430_r32 * 0.15 + "s");
|
|
48356
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_430_r32);
|
|
48194
48357
|
i0.ɵɵadvance();
|
|
48195
48358
|
i0.ɵɵproperty("metric", funnelGroup_r33.funnelMetric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(funnelGroup_r33.funnelMetric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", ctx_r2.viewModeService.isCompact())("currencySymbol", ctx_r2.currencySymbol());
|
|
48196
48359
|
i0.ɵɵadvance();
|
|
48197
48360
|
i0.ɵɵconditional(funnelGroup_r33.relatedMetricsDisplay.length > 0 ? 2 : -1);
|
|
48198
48361
|
} }
|
|
48199
48362
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
48200
|
-
i0.ɵɵelementStart(0, "div",
|
|
48363
|
+
i0.ɵɵelementStart(0, "div", 130);
|
|
48201
48364
|
i0.ɵɵnamespaceSVG();
|
|
48202
|
-
i0.ɵɵelementStart(1, "svg",
|
|
48203
|
-
i0.ɵɵelement(2, "path",
|
|
48365
|
+
i0.ɵɵelementStart(1, "svg", 141);
|
|
48366
|
+
i0.ɵɵelement(2, "path", 105);
|
|
48204
48367
|
i0.ɵɵelementEnd();
|
|
48205
48368
|
i0.ɵɵnamespaceHTML();
|
|
48206
|
-
i0.ɵɵelementStart(3, "h3",
|
|
48369
|
+
i0.ɵɵelementStart(3, "h3", 142);
|
|
48207
48370
|
i0.ɵɵtext(4, "No Metrics Found");
|
|
48208
48371
|
i0.ɵɵelementEnd();
|
|
48209
|
-
i0.ɵɵelementStart(5, "p",
|
|
48372
|
+
i0.ɵɵelementStart(5, "p", 143);
|
|
48210
48373
|
i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
|
|
48211
48374
|
i0.ɵɵelementEnd()();
|
|
48212
48375
|
} if (rf & 2) {
|
|
@@ -48220,8 +48383,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
|
|
|
48220
48383
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
48221
48384
|
} }
|
|
48222
48385
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
48223
|
-
i0.ɵɵelementStart(0, "div",
|
|
48224
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template, 3, 14, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template, 7, 4, "div",
|
|
48386
|
+
i0.ɵɵelementStart(0, "div", 115);
|
|
48387
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template, 3, 14, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 130);
|
|
48225
48388
|
i0.ɵɵelementEnd();
|
|
48226
48389
|
} if (rf & 2) {
|
|
48227
48390
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -48231,39 +48394,39 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
|
|
|
48231
48394
|
} }
|
|
48232
48395
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
48233
48396
|
const _r26 = i0.ɵɵgetCurrentView();
|
|
48234
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template, 7, 3, "div",
|
|
48235
|
-
i0.ɵɵelementStart(1, "section",
|
|
48236
|
-
i0.ɵɵelement(2, "div",
|
|
48237
|
-
i0.ɵɵelementStart(3, "div",
|
|
48397
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template, 7, 3, "div", 100);
|
|
48398
|
+
i0.ɵɵelementStart(1, "section", 101);
|
|
48399
|
+
i0.ɵɵelement(2, "div", 102);
|
|
48400
|
+
i0.ɵɵelementStart(3, "div", 87)(4, "div", 103)(5, "div", 104)(6, "div", 62)(7, "div", 63)(8, "div", 62);
|
|
48238
48401
|
i0.ɵɵnamespaceSVG();
|
|
48239
|
-
i0.ɵɵelementStart(9, "svg",
|
|
48240
|
-
i0.ɵɵelement(10, "path",
|
|
48402
|
+
i0.ɵɵelementStart(9, "svg", 64);
|
|
48403
|
+
i0.ɵɵelement(10, "path", 105);
|
|
48241
48404
|
i0.ɵɵelementEnd();
|
|
48242
48405
|
i0.ɵɵnamespaceHTML();
|
|
48243
|
-
i0.ɵɵelementStart(11, "h2",
|
|
48406
|
+
i0.ɵɵelementStart(11, "h2", 66);
|
|
48244
48407
|
i0.ɵɵtext(12, "Performance Metrics");
|
|
48245
48408
|
i0.ɵɵelementEnd()()()();
|
|
48246
|
-
i0.ɵɵelementStart(13, "div",
|
|
48247
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div",
|
|
48248
|
-
i0.ɵɵelementStart(15, "select",
|
|
48409
|
+
i0.ɵɵelementStart(13, "div", 106);
|
|
48410
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 107);
|
|
48411
|
+
i0.ɵɵelementStart(15, "select", 108);
|
|
48249
48412
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
|
|
48250
48413
|
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$J);
|
|
48251
48414
|
i0.ɵɵelementEnd();
|
|
48252
|
-
i0.ɵɵelementStart(18, "button",
|
|
48415
|
+
i0.ɵɵelementStart(18, "button", 109);
|
|
48253
48416
|
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
|
|
48254
48417
|
i0.ɵɵnamespaceSVG();
|
|
48255
|
-
i0.ɵɵelementStart(19, "svg",
|
|
48256
|
-
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template, 1, 0, ":svg:path",
|
|
48257
|
-
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template, 1, 0, ":svg:path",
|
|
48418
|
+
i0.ɵɵelementStart(19, "svg", 110);
|
|
48419
|
+
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template, 1, 0, ":svg:path", 111);
|
|
48420
|
+
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template, 1, 0, ":svg:path", 112);
|
|
48258
48421
|
i0.ɵɵelementEnd();
|
|
48259
48422
|
i0.ɵɵnamespaceHTML();
|
|
48260
48423
|
i0.ɵɵelementStart(22, "span");
|
|
48261
48424
|
i0.ɵɵtext(23, "Sort");
|
|
48262
48425
|
i0.ɵɵelementEnd()()()();
|
|
48263
|
-
i0.ɵɵelementStart(24, "div",
|
|
48426
|
+
i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
|
|
48264
48427
|
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$J);
|
|
48265
48428
|
i0.ɵɵelementEnd()()();
|
|
48266
|
-
i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template, 3, 1, "div",
|
|
48429
|
+
i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template, 4, 5, "div", 116);
|
|
48267
48430
|
i0.ɵɵelementEnd()();
|
|
48268
48431
|
} if (rf & 2) {
|
|
48269
48432
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -48297,8 +48460,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
|
|
|
48297
48460
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 28 : 29);
|
|
48298
48461
|
} }
|
|
48299
48462
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
48300
|
-
i0.ɵɵelementStart(0, "div",
|
|
48301
|
-
i0.ɵɵelement(1, "symphiq-section-divider",
|
|
48463
|
+
i0.ɵɵelementStart(0, "div", 144);
|
|
48464
|
+
i0.ɵɵelement(1, "symphiq-section-divider", 152);
|
|
48302
48465
|
i0.ɵɵelementEnd();
|
|
48303
48466
|
} if (rf & 2) {
|
|
48304
48467
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -48306,12 +48469,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
|
|
|
48306
48469
|
i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
|
|
48307
48470
|
} }
|
|
48308
48471
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
48309
|
-
i0.ɵɵelementStart(0, "div",
|
|
48310
|
-
i0.ɵɵelement(1, "div",
|
|
48472
|
+
i0.ɵɵelementStart(0, "div", 107);
|
|
48473
|
+
i0.ɵɵelement(1, "div", 153);
|
|
48311
48474
|
i0.ɵɵelementEnd();
|
|
48312
48475
|
} }
|
|
48313
48476
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
48314
|
-
i0.ɵɵelementStart(0, "option",
|
|
48477
|
+
i0.ɵɵelementStart(0, "option", 124);
|
|
48315
48478
|
i0.ɵɵtext(1);
|
|
48316
48479
|
i0.ɵɵelementEnd();
|
|
48317
48480
|
} if (rf & 2) {
|
|
@@ -48331,14 +48494,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Fo
|
|
|
48331
48494
|
i0.ɵɵtextInterpolate(filter_r37.label);
|
|
48332
48495
|
} }
|
|
48333
48496
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template(rf, ctx) { if (rf & 1) {
|
|
48334
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template, 2, 2, "option",
|
|
48497
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_1_Template, 2, 2, "option", 25);
|
|
48335
48498
|
} if (rf & 2) {
|
|
48336
48499
|
const filter_r37 = ctx.$implicit;
|
|
48337
48500
|
i0.ɵɵconditional(filter_r37.divider ? 0 : 1);
|
|
48338
48501
|
} }
|
|
48339
48502
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
48340
|
-
i0.ɵɵelementStart(0, "div",
|
|
48341
|
-
i0.ɵɵelement(1, "symphiq-skeleton-loader",
|
|
48503
|
+
i0.ɵɵelementStart(0, "div", 155);
|
|
48504
|
+
i0.ɵɵelement(1, "symphiq-skeleton-loader", 70)(2, "symphiq-skeleton-loader", 70);
|
|
48342
48505
|
i0.ɵɵelementEnd();
|
|
48343
48506
|
} if (rf & 2) {
|
|
48344
48507
|
const ctx_r2 = i0.ɵɵnextContext(5);
|
|
@@ -48349,11 +48512,11 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
|
|
|
48349
48512
|
i0.ɵɵproperty("width", "80px")("height", "18px")("isLightMode", ctx_r2.isLightMode());
|
|
48350
48513
|
} }
|
|
48351
48514
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
48352
|
-
i0.ɵɵelementStart(0, "div",
|
|
48353
|
-
i0.ɵɵelement(2, "symphiq-skeleton-loader",
|
|
48515
|
+
i0.ɵɵelementStart(0, "div", 127)(1, "div", 128);
|
|
48516
|
+
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70)(3, "symphiq-skeleton-loader", 70);
|
|
48354
48517
|
i0.ɵɵelementEnd();
|
|
48355
|
-
i0.ɵɵelementStart(4, "div",
|
|
48356
|
-
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template, 3, 7, "div",
|
|
48518
|
+
i0.ɵɵelementStart(4, "div", 154);
|
|
48519
|
+
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template, 3, 7, "div", 155, i0.ɵɵrepeaterTrackByIdentity);
|
|
48357
48520
|
i0.ɵɵelementEnd()();
|
|
48358
48521
|
} if (rf & 2) {
|
|
48359
48522
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
@@ -48366,16 +48529,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
|
|
|
48366
48529
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4$5));
|
|
48367
48530
|
} }
|
|
48368
48531
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
48369
|
-
i0.ɵɵelementStart(0, "div",
|
|
48370
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template, 7, 8, "div",
|
|
48532
|
+
i0.ɵɵelementStart(0, "div", 80);
|
|
48533
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template, 7, 8, "div", 127, i0.ɵɵrepeaterTrackByIdentity);
|
|
48371
48534
|
i0.ɵɵelementEnd();
|
|
48372
48535
|
} if (rf & 2) {
|
|
48373
48536
|
i0.ɵɵadvance();
|
|
48374
48537
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c5$3));
|
|
48375
48538
|
} }
|
|
48376
48539
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
48377
|
-
i0.ɵɵelementStart(0, "div",
|
|
48378
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section",
|
|
48540
|
+
i0.ɵɵelementStart(0, "div", 97);
|
|
48541
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 156);
|
|
48379
48542
|
i0.ɵɵelementEnd();
|
|
48380
48543
|
} if (rf & 2) {
|
|
48381
48544
|
const breakdown_r38 = ctx.$implicit;
|
|
@@ -48387,16 +48550,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
|
|
|
48387
48550
|
i0.ɵɵproperty("breakdown", breakdown_r38)("charts", ctx_r2.chartsForBreakdown(breakdown_r38))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact())("currencySymbol", ctx_r2.currencySymbol());
|
|
48388
48551
|
} }
|
|
48389
48552
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
48390
|
-
i0.ɵɵelementStart(0, "div",
|
|
48553
|
+
i0.ɵɵelementStart(0, "div", 130);
|
|
48391
48554
|
i0.ɵɵnamespaceSVG();
|
|
48392
|
-
i0.ɵɵelementStart(1, "svg",
|
|
48393
|
-
i0.ɵɵelement(2, "path",
|
|
48555
|
+
i0.ɵɵelementStart(1, "svg", 141);
|
|
48556
|
+
i0.ɵɵelement(2, "path", 157);
|
|
48394
48557
|
i0.ɵɵelementEnd();
|
|
48395
48558
|
i0.ɵɵnamespaceHTML();
|
|
48396
|
-
i0.ɵɵelementStart(3, "h3",
|
|
48559
|
+
i0.ɵɵelementStart(3, "h3", 142);
|
|
48397
48560
|
i0.ɵɵtext(4, "No Breakdowns Found");
|
|
48398
48561
|
i0.ɵɵelementEnd();
|
|
48399
|
-
i0.ɵɵelementStart(5, "p",
|
|
48562
|
+
i0.ɵɵelementStart(5, "p", 143);
|
|
48400
48563
|
i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
|
|
48401
48564
|
i0.ɵɵelementEnd()();
|
|
48402
48565
|
} if (rf & 2) {
|
|
@@ -48410,8 +48573,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
|
|
|
48410
48573
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
48411
48574
|
} }
|
|
48412
48575
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
48413
|
-
i0.ɵɵelementStart(0, "div",
|
|
48414
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template, 2, 9, "div",
|
|
48576
|
+
i0.ɵɵelementStart(0, "div", 80);
|
|
48577
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template, 2, 9, "div", 99, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 130);
|
|
48415
48578
|
i0.ɵɵelementEnd();
|
|
48416
48579
|
} if (rf & 2) {
|
|
48417
48580
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -48421,26 +48584,26 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
|
|
|
48421
48584
|
} }
|
|
48422
48585
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
48423
48586
|
const _r36 = i0.ɵɵgetCurrentView();
|
|
48424
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template, 2, 1, "div",
|
|
48425
|
-
i0.ɵɵelementStart(1, "section",
|
|
48426
|
-
i0.ɵɵelement(2, "div",
|
|
48427
|
-
i0.ɵɵelementStart(3, "div",
|
|
48587
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template, 2, 1, "div", 144);
|
|
48588
|
+
i0.ɵɵelementStart(1, "section", 145);
|
|
48589
|
+
i0.ɵɵelement(2, "div", 146);
|
|
48590
|
+
i0.ɵɵelementStart(3, "div", 87)(4, "div", 147)(5, "div", 63)(6, "div", 62);
|
|
48428
48591
|
i0.ɵɵnamespaceSVG();
|
|
48429
|
-
i0.ɵɵelementStart(7, "svg",
|
|
48430
|
-
i0.ɵɵelement(8, "path",
|
|
48592
|
+
i0.ɵɵelementStart(7, "svg", 64);
|
|
48593
|
+
i0.ɵɵelement(8, "path", 148);
|
|
48431
48594
|
i0.ɵɵelementEnd();
|
|
48432
48595
|
i0.ɵɵnamespaceHTML();
|
|
48433
|
-
i0.ɵɵelementStart(9, "h2",
|
|
48596
|
+
i0.ɵɵelementStart(9, "h2", 66);
|
|
48434
48597
|
i0.ɵɵtext(10, "Performance Breakdowns");
|
|
48435
48598
|
i0.ɵɵelementEnd()()();
|
|
48436
|
-
i0.ɵɵelementStart(11, "div",
|
|
48599
|
+
i0.ɵɵelementStart(11, "div", 149);
|
|
48437
48600
|
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
48438
|
-
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div",
|
|
48439
|
-
i0.ɵɵelementStart(13, "select",
|
|
48601
|
+
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 107);
|
|
48602
|
+
i0.ɵɵelementStart(13, "select", 150);
|
|
48440
48603
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
|
|
48441
48604
|
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$J);
|
|
48442
48605
|
i0.ɵɵelementEnd()()();
|
|
48443
|
-
i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template, 3, 1, "div",
|
|
48606
|
+
i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template, 3, 1, "div", 80)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template, 4, 5, "div", 151);
|
|
48444
48607
|
i0.ɵɵelementEnd()();
|
|
48445
48608
|
} if (rf & 2) {
|
|
48446
48609
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -48464,8 +48627,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Te
|
|
|
48464
48627
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 16 : 17);
|
|
48465
48628
|
} }
|
|
48466
48629
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
48467
|
-
i0.ɵɵelementStart(0, "div",
|
|
48468
|
-
i0.ɵɵelement(1, "symphiq-section-divider",
|
|
48630
|
+
i0.ɵɵelementStart(0, "div", 144);
|
|
48631
|
+
i0.ɵɵelement(1, "symphiq-section-divider", 162);
|
|
48469
48632
|
i0.ɵɵelementEnd();
|
|
48470
48633
|
} if (rf & 2) {
|
|
48471
48634
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -48473,12 +48636,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
|
|
|
48473
48636
|
i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
|
|
48474
48637
|
} }
|
|
48475
48638
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
48476
|
-
i0.ɵɵelementStart(0, "div",
|
|
48477
|
-
i0.ɵɵelement(1, "div",
|
|
48639
|
+
i0.ɵɵelementStart(0, "div", 107);
|
|
48640
|
+
i0.ɵɵelement(1, "div", 163);
|
|
48478
48641
|
i0.ɵɵelementEnd();
|
|
48479
48642
|
} }
|
|
48480
48643
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
48481
|
-
i0.ɵɵelementStart(0, "option",
|
|
48644
|
+
i0.ɵɵelementStart(0, "option", 124);
|
|
48482
48645
|
i0.ɵɵtext(1);
|
|
48483
48646
|
i0.ɵɵelementEnd();
|
|
48484
48647
|
} if (rf & 2) {
|
|
@@ -48498,22 +48661,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Fo
|
|
|
48498
48661
|
i0.ɵɵtextInterpolate(filter_r41.label);
|
|
48499
48662
|
} }
|
|
48500
48663
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
48501
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template, 2, 2, "option",
|
|
48664
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_1_Template, 2, 2, "option", 25);
|
|
48502
48665
|
} if (rf & 2) {
|
|
48503
48666
|
const filter_r41 = ctx.$implicit;
|
|
48504
48667
|
i0.ɵɵconditional(filter_r41.divider ? 0 : 1);
|
|
48505
48668
|
} }
|
|
48506
48669
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
48507
|
-
i0.ɵɵelement(0, "symphiq-skeleton-loader",
|
|
48670
|
+
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
48508
48671
|
} if (rf & 2) {
|
|
48509
48672
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
48510
48673
|
i0.ɵɵproperty("width", "100%")("height", "140px")("isLightMode", ctx_r2.isLightMode());
|
|
48511
48674
|
} }
|
|
48512
48675
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
48513
|
-
i0.ɵɵelementStart(0, "div",
|
|
48514
|
-
i0.ɵɵelement(2, "symphiq-skeleton-loader",
|
|
48515
|
-
i0.ɵɵelementStart(3, "div",
|
|
48516
|
-
i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader",
|
|
48676
|
+
i0.ɵɵelementStart(0, "div", 80)(1, "div", 127);
|
|
48677
|
+
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70);
|
|
48678
|
+
i0.ɵɵelementStart(3, "div", 164);
|
|
48679
|
+
i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
48517
48680
|
i0.ɵɵelementEnd()()();
|
|
48518
48681
|
} if (rf & 2) {
|
|
48519
48682
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -48525,7 +48688,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
|
|
|
48525
48688
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3$8));
|
|
48526
48689
|
} }
|
|
48527
48690
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
48528
|
-
i0.ɵɵelement(0, "symphiq-competitive-intelligence-view",
|
|
48691
|
+
i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 77);
|
|
48529
48692
|
} if (rf & 2) {
|
|
48530
48693
|
let tmp_8_0;
|
|
48531
48694
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -48533,25 +48696,25 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
|
|
|
48533
48696
|
} }
|
|
48534
48697
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
48535
48698
|
const _r40 = i0.ɵɵgetCurrentView();
|
|
48536
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template, 2, 1, "div",
|
|
48537
|
-
i0.ɵɵelementStart(1, "section",
|
|
48538
|
-
i0.ɵɵelement(2, "div",
|
|
48539
|
-
i0.ɵɵelementStart(3, "div",
|
|
48699
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template, 2, 1, "div", 144);
|
|
48700
|
+
i0.ɵɵelementStart(1, "section", 158);
|
|
48701
|
+
i0.ɵɵelement(2, "div", 86);
|
|
48702
|
+
i0.ɵɵelementStart(3, "div", 87)(4, "div", 159)(5, "div", 62)(6, "div", 63)(7, "div", 62);
|
|
48540
48703
|
i0.ɵɵnamespaceSVG();
|
|
48541
|
-
i0.ɵɵelementStart(8, "svg",
|
|
48542
|
-
i0.ɵɵelement(9, "path",
|
|
48704
|
+
i0.ɵɵelementStart(8, "svg", 64);
|
|
48705
|
+
i0.ɵɵelement(9, "path", 160);
|
|
48543
48706
|
i0.ɵɵelementEnd();
|
|
48544
48707
|
i0.ɵɵnamespaceHTML();
|
|
48545
|
-
i0.ɵɵelementStart(10, "h2",
|
|
48708
|
+
i0.ɵɵelementStart(10, "h2", 66);
|
|
48546
48709
|
i0.ɵɵtext(11, "Competitive Intelligence");
|
|
48547
48710
|
i0.ɵɵelementEnd()()()();
|
|
48548
|
-
i0.ɵɵelementStart(12, "div",
|
|
48549
|
-
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div",
|
|
48550
|
-
i0.ɵɵelementStart(14, "select",
|
|
48711
|
+
i0.ɵɵelementStart(12, "div", 161);
|
|
48712
|
+
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 107);
|
|
48713
|
+
i0.ɵɵelementStart(14, "select", 108);
|
|
48551
48714
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
|
|
48552
48715
|
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$J);
|
|
48553
48716
|
i0.ɵɵelementEnd()()();
|
|
48554
|
-
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template, 6, 5, "div",
|
|
48717
|
+
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template, 6, 5, "div", 80)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 77);
|
|
48555
48718
|
i0.ɵɵelementEnd()();
|
|
48556
48719
|
} if (rf & 2) {
|
|
48557
48720
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -48577,7 +48740,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Te
|
|
|
48577
48740
|
} }
|
|
48578
48741
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
48579
48742
|
i0.ɵɵelementStart(0, "main", 45)(1, "div", 46);
|
|
48580
|
-
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template, 3, 1, "div",
|
|
48743
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template, 3, 1, "div", 78);
|
|
48581
48744
|
i0.ɵɵconditionalCreate(3, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Template, 17, 10);
|
|
48582
48745
|
i0.ɵɵconditionalCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template, 30, 18);
|
|
48583
48746
|
i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template, 18, 12);
|
|
@@ -49677,7 +49840,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
49677
49840
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
|
|
49678
49841
|
} }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
49679
49842
|
i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
|
|
49680
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 57, 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"], [3, "viewMode", "progress", "embedded"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [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, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [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, "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-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"], ["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", "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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["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", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], ["title", "Loading Your Funnel Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [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, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 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, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [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", "allBusinessInsights", "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", "section-metrics", 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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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"], ["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", "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"], [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", "currencySymbol"], [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, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 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"], ["animationDelay", "0.65s", 3, "viewMode"], [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", "currencySymbol"], ["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"], ["id", "section-competitive", 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"], ["animationDelay", "0.85s", 3, "viewMode"], [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) {
|
|
49843
|
+
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 57, 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"], [3, "viewMode", "progress", "embedded"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [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, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [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, "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-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"], ["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", "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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["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", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["title", "Loading Your Funnel Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "pt-8", "sm:pt-12"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [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, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 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, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [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", "allBusinessInsights", "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", "section-metrics", 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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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"], ["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", "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"], [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", "currencySymbol"], [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, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 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"], ["animationDelay", "0.65s", 3, "viewMode"], [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", "currencySymbol"], ["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"], ["id", "section-competitive", 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"], ["animationDelay", "0.85s", 3, "viewMode"], [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) {
|
|
49681
49844
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
49682
49845
|
i0.ɵɵelementStart(0, "div", 1, 0);
|
|
49683
49846
|
i0.ɵɵelement(2, "div", 2)(3, "symphiq-scroll-progress-bar", 3);
|
|
@@ -49695,7 +49858,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
49695
49858
|
i0.ɵɵconditionalCreate(11, SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template, 16, 8, "div", 10);
|
|
49696
49859
|
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-floating-toc", 11);
|
|
49697
49860
|
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template, 6, 5, "div", 12);
|
|
49698
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template,
|
|
49861
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template, 4, 3)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template, 6, 10)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template, 15, 12)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template, 7, 7, "main", 13);
|
|
49699
49862
|
i0.ɵɵelement(18, "symphiq-funnel-analysis-modal", 14)(19, "symphiq-profile-analysis-modal", 15)(20, "symphiq-business-analysis-modal", 16)(21, "symphiq-tooltip-container");
|
|
49700
49863
|
i0.ɵɵelementStart(22, "symphiq-search-bar", 17);
|
|
49701
49864
|
i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
|
|
@@ -50006,15 +50169,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
50006
50169
|
|
|
50007
50170
|
<main class="max-w-7xl mx-auto px-6 sm:px-8">
|
|
50008
50171
|
<div class="pt-8 sm:pt-12 pb-16 sm:pb-24">
|
|
50009
|
-
<!-- Welcome Banner -->
|
|
50010
|
-
<div class="mb-8">
|
|
50011
|
-
<symphiq-funnel-welcome-banner
|
|
50012
|
-
[viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
|
|
50013
|
-
[isOnboarded]="isOnboarded()"
|
|
50014
|
-
[analysisDate]="funnelAnalysis()?.selfContentCompletedDate"
|
|
50015
|
-
/>
|
|
50016
|
-
</div>
|
|
50017
|
-
|
|
50018
50172
|
<!-- Loading Card -->
|
|
50019
50173
|
<symphiq-loading-card
|
|
50020
50174
|
[viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
|
|
@@ -50039,6 +50193,18 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
50039
50193
|
/>
|
|
50040
50194
|
}
|
|
50041
50195
|
|
|
50196
|
+
<main class="max-w-7xl mx-auto px-6 sm:px-8">
|
|
50197
|
+
<div class="pt-8 sm:pt-12">
|
|
50198
|
+
<div class="mb-8">
|
|
50199
|
+
<symphiq-funnel-welcome-banner
|
|
50200
|
+
[viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
|
|
50201
|
+
[isOnboarded]="isOnboarded()"
|
|
50202
|
+
[analysisDate]="funnelAnalysis()?.selfContentCompletedDate"
|
|
50203
|
+
/>
|
|
50204
|
+
</div>
|
|
50205
|
+
</div>
|
|
50206
|
+
</main>
|
|
50207
|
+
|
|
50042
50208
|
<!-- Content Generation Progress Component -->
|
|
50043
50209
|
<symphiq-content-generation-progress-with-confetti
|
|
50044
50210
|
[viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
|
|
@@ -50797,7 +50963,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
50797
50963
|
type: HostListener,
|
|
50798
50964
|
args: ['window:scroll']
|
|
50799
50965
|
}] }); })();
|
|
50800
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
50966
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1196 }); })();
|
|
50801
50967
|
|
|
50802
50968
|
/**
|
|
50803
50969
|
* Shared Theme Color Utilities
|
|
@@ -56105,6 +56271,12 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56105
56271
|
this.dataLoadStatus = input(ShopDataLoadStatusEnum.NOT_LOADED, ...(ngDevMode ? [{ debugName: "dataLoadStatus" }] : []));
|
|
56106
56272
|
this.hasTargets = input(false, ...(ngDevMode ? [{ debugName: "hasTargets" }] : []));
|
|
56107
56273
|
this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
|
|
56274
|
+
this.targets = input(...(ngDevMode ? [undefined, { debugName: "targets" }] : []));
|
|
56275
|
+
this.whatYoullSeeBelowItems = [
|
|
56276
|
+
{ title: 'Revenue Target Input', description: 'Set your desired revenue goal for the year, either as an absolute amount or percentage increase' },
|
|
56277
|
+
{ title: 'Automatic Metric Distribution', description: 'See calculated metric improvements needed across your funnel to achieve your revenue target' },
|
|
56278
|
+
{ title: 'Target Refinement Controls', description: 'Adjust individual metric targets to align with your team\'s capacity and strategic priorities' }
|
|
56279
|
+
];
|
|
56108
56280
|
this.isDataFullyLoaded = computed(() => this.dataLoadStatus() === ShopDataLoadStatusEnum.FULLY_LOADED, ...(ngDevMode ? [{ debugName: "isDataFullyLoaded" }] : []));
|
|
56109
56281
|
}
|
|
56110
56282
|
getNextStepsMessage() {
|
|
@@ -56147,26 +56319,6 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56147
56319
|
? 'text-slate-300'
|
|
56148
56320
|
: 'text-slate-700';
|
|
56149
56321
|
}
|
|
56150
|
-
highlightBoxClasses() {
|
|
56151
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
56152
|
-
? 'bg-blue-500/10 border-blue-500/30'
|
|
56153
|
-
: 'bg-blue-50 border-blue-300';
|
|
56154
|
-
}
|
|
56155
|
-
highlightIconClasses() {
|
|
56156
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
56157
|
-
? 'text-blue-400'
|
|
56158
|
-
: 'text-blue-600';
|
|
56159
|
-
}
|
|
56160
|
-
highlightTitleClasses() {
|
|
56161
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
56162
|
-
? 'text-blue-400'
|
|
56163
|
-
: 'text-blue-700';
|
|
56164
|
-
}
|
|
56165
|
-
highlightListClasses() {
|
|
56166
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
56167
|
-
? 'text-slate-300'
|
|
56168
|
-
: 'text-slate-700';
|
|
56169
|
-
}
|
|
56170
56322
|
nextStepsBoxClasses() {
|
|
56171
56323
|
return this.viewMode() === ViewModeEnum.DARK
|
|
56172
56324
|
? 'bg-amber-500/10 border-amber-500/30'
|
|
@@ -56188,7 +56340,7 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56188
56340
|
: 'text-slate-700';
|
|
56189
56341
|
}
|
|
56190
56342
|
static { this.ɵfac = function RevenueCalculatorWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RevenueCalculatorWelcomeBannerComponent)(); }; }
|
|
56191
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RevenueCalculatorWelcomeBannerComponent, selectors: [["symphiq-revenue-calculator-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], dataLoadStatus: [1, "dataLoadStatus"], hasTargets: [1, "hasTargets"], isOnboarded: [1, "isOnboarded"] }, decls:
|
|
56343
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RevenueCalculatorWelcomeBannerComponent, selectors: [["symphiq-revenue-calculator-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], dataLoadStatus: [1, "dataLoadStatus"], hasTargets: [1, "hasTargets"], isOnboarded: [1, "isOnboarded"], targets: [1, "targets"] }, decls: 28, vars: 15, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "revenue-calculator", 3, "viewMode", "targets"], [1, "mt-6", "block", 3, "viewMode", "items"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function RevenueCalculatorWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
56192
56344
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
|
|
56193
56345
|
i0.ɵɵnamespaceSVG();
|
|
56194
56346
|
i0.ɵɵelementStart(4, "svg", 4);
|
|
@@ -56198,67 +56350,29 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56198
56350
|
i0.ɵɵelementStart(6, "div", 6)(7, "h2", 7);
|
|
56199
56351
|
i0.ɵɵtext(8, " Welcome to Your Revenue Calculator ");
|
|
56200
56352
|
i0.ɵɵelementEnd();
|
|
56201
|
-
i0.ɵɵelementStart(9, "div", 8)(10, "
|
|
56202
|
-
i0.ɵɵtext(
|
|
56203
|
-
i0.ɵɵelementEnd();
|
|
56204
|
-
i0.ɵɵelementStart(12, "p", 9)(13, "strong", 10);
|
|
56205
|
-
i0.ɵɵtext(14, "Why this matters:");
|
|
56206
|
-
i0.ɵɵelementEnd();
|
|
56207
|
-
i0.ɵɵtext(15, " This approach bridges strategy and execution. By starting with your revenue ambition and translating it into specific, measurable metric targets, your team gains clarity on exactly what needs to improve. You maintain full control to adjust targets based on your resources, historical performance, and growth opportunities at each funnel stage. ");
|
|
56208
|
-
i0.ɵɵelementEnd()();
|
|
56209
|
-
i0.ɵɵelementStart(16, "div", 11);
|
|
56210
|
-
i0.ɵɵnamespaceSVG();
|
|
56211
|
-
i0.ɵɵelementStart(17, "svg", 12);
|
|
56212
|
-
i0.ɵɵelement(18, "path", 13);
|
|
56353
|
+
i0.ɵɵelementStart(9, "div", 8)(10, "div", 9)(11, "p", 10);
|
|
56354
|
+
i0.ɵɵtext(12, " The Revenue Calculator empowers you to achieve your revenue goals with precision. Start by setting your target revenue for the year, and Symphiq will automatically calculate the specific metric improvements needed across your funnel. You can then refine individual metric targets to match your team's capabilities and strategic focus. ");
|
|
56213
56355
|
i0.ɵɵelementEnd();
|
|
56214
|
-
i0.ɵɵ
|
|
56215
|
-
i0.ɵɵ
|
|
56216
|
-
i0.ɵɵtext(21, " What You'll See Below ");
|
|
56217
|
-
i0.ɵɵelementEnd();
|
|
56218
|
-
i0.ɵɵelementStart(22, "ul", 15)(23, "li", 16);
|
|
56219
|
-
i0.ɵɵnamespaceSVG();
|
|
56220
|
-
i0.ɵɵelementStart(24, "svg", 17);
|
|
56221
|
-
i0.ɵɵelement(25, "path", 18);
|
|
56222
|
-
i0.ɵɵelementEnd();
|
|
56223
|
-
i0.ɵɵnamespaceHTML();
|
|
56224
|
-
i0.ɵɵelementStart(26, "span")(27, "strong", 10);
|
|
56225
|
-
i0.ɵɵtext(28, "Revenue Target Input");
|
|
56356
|
+
i0.ɵɵelementStart(13, "p", 10)(14, "strong", 11);
|
|
56357
|
+
i0.ɵɵtext(15, "Why this matters:");
|
|
56226
56358
|
i0.ɵɵelementEnd();
|
|
56227
|
-
i0.ɵɵtext(
|
|
56359
|
+
i0.ɵɵtext(16, " This approach bridges strategy and execution. By starting with your revenue ambition and translating it into specific, measurable metric targets, your team gains clarity on exactly what needs to improve. You maintain full control to adjust targets based on your resources, historical performance, and growth opportunities at each funnel stage. ");
|
|
56228
56360
|
i0.ɵɵelementEnd()();
|
|
56229
|
-
i0.ɵɵelementStart(
|
|
56230
|
-
i0.ɵɵ
|
|
56231
|
-
i0.ɵɵelementStart(31, "svg", 17);
|
|
56232
|
-
i0.ɵɵelement(32, "path", 18);
|
|
56233
|
-
i0.ɵɵelementEnd();
|
|
56234
|
-
i0.ɵɵnamespaceHTML();
|
|
56235
|
-
i0.ɵɵelementStart(33, "span")(34, "strong", 10);
|
|
56236
|
-
i0.ɵɵtext(35, "Automatic Metric Distribution");
|
|
56237
|
-
i0.ɵɵelementEnd();
|
|
56238
|
-
i0.ɵɵtext(36, " \u2014 See calculated metric improvements needed across your funnel to achieve your revenue target");
|
|
56361
|
+
i0.ɵɵelementStart(17, "div", 12);
|
|
56362
|
+
i0.ɵɵelement(18, "symphiq-confidence-level-card", 13);
|
|
56239
56363
|
i0.ɵɵelementEnd()();
|
|
56240
|
-
i0.ɵɵ
|
|
56241
|
-
i0.ɵɵ
|
|
56242
|
-
i0.ɵɵelementStart(38, "svg", 17);
|
|
56243
|
-
i0.ɵɵelement(39, "path", 18);
|
|
56244
|
-
i0.ɵɵelementEnd();
|
|
56245
|
-
i0.ɵɵnamespaceHTML();
|
|
56246
|
-
i0.ɵɵelementStart(40, "span")(41, "strong", 10);
|
|
56247
|
-
i0.ɵɵtext(42, "Target Refinement Controls");
|
|
56248
|
-
i0.ɵɵelementEnd();
|
|
56249
|
-
i0.ɵɵtext(43, " \u2014 Adjust individual metric targets to align with your team's capacity and strategic priorities");
|
|
56250
|
-
i0.ɵɵelementEnd()()()()();
|
|
56251
|
-
i0.ɵɵelementStart(44, "div", 19);
|
|
56364
|
+
i0.ɵɵelement(19, "symphiq-what-youll-see-below", 14);
|
|
56365
|
+
i0.ɵɵelementStart(20, "div", 15);
|
|
56252
56366
|
i0.ɵɵnamespaceSVG();
|
|
56253
|
-
i0.ɵɵelementStart(
|
|
56254
|
-
i0.ɵɵelement(
|
|
56367
|
+
i0.ɵɵelementStart(21, "svg", 16);
|
|
56368
|
+
i0.ɵɵelement(22, "path", 17);
|
|
56255
56369
|
i0.ɵɵelementEnd();
|
|
56256
56370
|
i0.ɵɵnamespaceHTML();
|
|
56257
|
-
i0.ɵɵelementStart(
|
|
56258
|
-
i0.ɵɵtext(
|
|
56371
|
+
i0.ɵɵelementStart(23, "div", 6)(24, "h3", 18);
|
|
56372
|
+
i0.ɵɵtext(25, " This is Just the Beginning ");
|
|
56259
56373
|
i0.ɵɵelementEnd();
|
|
56260
|
-
i0.ɵɵelementStart(
|
|
56261
|
-
i0.ɵɵtext(
|
|
56374
|
+
i0.ɵɵelementStart(26, "p", 19);
|
|
56375
|
+
i0.ɵɵtext(27);
|
|
56262
56376
|
i0.ɵɵelementEnd()()()()()()();
|
|
56263
56377
|
} if (rf & 2) {
|
|
56264
56378
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
@@ -56268,19 +56382,15 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56268
56382
|
i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
|
|
56269
56383
|
i0.ɵɵadvance(4);
|
|
56270
56384
|
i0.ɵɵproperty("ngClass", ctx.titleClasses());
|
|
56271
|
-
i0.ɵɵadvance(
|
|
56385
|
+
i0.ɵɵadvance(4);
|
|
56272
56386
|
i0.ɵɵproperty("ngClass", ctx.textClasses());
|
|
56273
56387
|
i0.ɵɵadvance(2);
|
|
56274
56388
|
i0.ɵɵproperty("ngClass", ctx.textClasses());
|
|
56275
|
-
i0.ɵɵadvance(
|
|
56276
|
-
i0.ɵɵproperty("
|
|
56389
|
+
i0.ɵɵadvance(5);
|
|
56390
|
+
i0.ɵɵproperty("viewMode", ctx.viewMode())("targets", ctx.targets());
|
|
56391
|
+
i0.ɵɵadvance();
|
|
56392
|
+
i0.ɵɵproperty("viewMode", ctx.viewMode())("items", ctx.whatYoullSeeBelowItems);
|
|
56277
56393
|
i0.ɵɵadvance();
|
|
56278
|
-
i0.ɵɵproperty("ngClass", ctx.highlightIconClasses());
|
|
56279
|
-
i0.ɵɵadvance(3);
|
|
56280
|
-
i0.ɵɵproperty("ngClass", ctx.highlightTitleClasses());
|
|
56281
|
-
i0.ɵɵadvance(2);
|
|
56282
|
-
i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
|
|
56283
|
-
i0.ɵɵadvance(22);
|
|
56284
56394
|
i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
|
|
56285
56395
|
i0.ɵɵadvance();
|
|
56286
56396
|
i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
|
|
@@ -56290,14 +56400,14 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56290
56400
|
i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
|
|
56291
56401
|
i0.ɵɵadvance();
|
|
56292
56402
|
i0.ɵɵtextInterpolate1(" ", ctx.getNextStepsMessage(), " ");
|
|
56293
|
-
} }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
|
|
56403
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, WhatYoullSeeBelowComponent, ConfidenceLevelCardComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
56294
56404
|
}
|
|
56295
56405
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RevenueCalculatorWelcomeBannerComponent, [{
|
|
56296
56406
|
type: Component,
|
|
56297
56407
|
args: [{
|
|
56298
56408
|
selector: 'symphiq-revenue-calculator-welcome-banner',
|
|
56299
56409
|
standalone: true,
|
|
56300
|
-
imports: [CommonModule],
|
|
56410
|
+
imports: [CommonModule, WhatYoullSeeBelowComponent, ConfidenceLevelCardComponent],
|
|
56301
56411
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
56302
56412
|
template: `
|
|
56303
56413
|
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
|
|
@@ -56314,47 +56424,34 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56314
56424
|
Welcome to Your Revenue Calculator
|
|
56315
56425
|
</h2>
|
|
56316
56426
|
|
|
56317
|
-
<!-- Description
|
|
56318
|
-
<div class="
|
|
56319
|
-
|
|
56320
|
-
|
|
56321
|
-
|
|
56322
|
-
|
|
56323
|
-
|
|
56324
|
-
|
|
56325
|
-
|
|
56427
|
+
<!-- Description and Confidence Card in Responsive Layout -->
|
|
56428
|
+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
|
|
56429
|
+
<!-- Description (takes 2 columns on large screens) -->
|
|
56430
|
+
<div class="lg:col-span-2 space-y-3">
|
|
56431
|
+
<p [ngClass]="textClasses()" class="text-base leading-relaxed">
|
|
56432
|
+
The Revenue Calculator empowers you to achieve your revenue goals with precision. Start by setting your target revenue for the year, and Symphiq will automatically calculate the specific metric improvements needed across your funnel. You can then refine individual metric targets to match your team's capabilities and strategic focus.
|
|
56433
|
+
</p>
|
|
56434
|
+
<p [ngClass]="textClasses()" class="text-base leading-relaxed">
|
|
56435
|
+
<strong class="font-semibold">Why this matters:</strong> This approach bridges strategy and execution. By starting with your revenue ambition and translating it into specific, measurable metric targets, your team gains clarity on exactly what needs to improve. You maintain full control to adjust targets based on your resources, historical performance, and growth opportunities at each funnel stage.
|
|
56436
|
+
</p>
|
|
56437
|
+
</div>
|
|
56326
56438
|
|
|
56327
|
-
|
|
56328
|
-
<
|
|
56329
|
-
<
|
|
56330
|
-
|
|
56331
|
-
|
|
56332
|
-
|
|
56333
|
-
|
|
56334
|
-
</h3>
|
|
56335
|
-
<ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
|
|
56336
|
-
<li class="flex items-start gap-2">
|
|
56337
|
-
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
|
56338
|
-
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
56339
|
-
</svg>
|
|
56340
|
-
<span><strong class="font-semibold">Revenue Target Input</strong> — Set your desired revenue goal for the year, either as an absolute amount or percentage increase</span>
|
|
56341
|
-
</li>
|
|
56342
|
-
<li class="flex items-start gap-2">
|
|
56343
|
-
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
|
56344
|
-
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
56345
|
-
</svg>
|
|
56346
|
-
<span><strong class="font-semibold">Automatic Metric Distribution</strong> — See calculated metric improvements needed across your funnel to achieve your revenue target</span>
|
|
56347
|
-
</li>
|
|
56348
|
-
<li class="flex items-start gap-2">
|
|
56349
|
-
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
|
56350
|
-
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
56351
|
-
</svg>
|
|
56352
|
-
<span><strong class="font-semibold">Target Refinement Controls</strong> — Adjust individual metric targets to align with your team's capacity and strategic priorities</span>
|
|
56353
|
-
</li>
|
|
56354
|
-
</ul>
|
|
56439
|
+
<!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
|
|
56440
|
+
<div class="lg:col-span-1">
|
|
56441
|
+
<symphiq-confidence-level-card
|
|
56442
|
+
[viewMode]="viewMode()"
|
|
56443
|
+
currentStepId="revenue-calculator"
|
|
56444
|
+
[targets]="targets()"
|
|
56445
|
+
/>
|
|
56355
56446
|
</div>
|
|
56356
56447
|
</div>
|
|
56357
56448
|
|
|
56449
|
+
<symphiq-what-youll-see-below
|
|
56450
|
+
class="mt-6 block"
|
|
56451
|
+
[viewMode]="viewMode()"
|
|
56452
|
+
[items]="whatYoullSeeBelowItems"
|
|
56453
|
+
/>
|
|
56454
|
+
|
|
56358
56455
|
<div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
|
|
56359
56456
|
<svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
56360
56457
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
|
|
@@ -56374,8 +56471,8 @@ class RevenueCalculatorWelcomeBannerComponent {
|
|
|
56374
56471
|
</div>
|
|
56375
56472
|
`
|
|
56376
56473
|
}]
|
|
56377
|
-
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], hasTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTargets", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
|
|
56378
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevenueCalculatorWelcomeBannerComponent, { className: "RevenueCalculatorWelcomeBannerComponent", filePath: "lib/components/revenue-calculator-dashboard/revenue-calculator-welcome-banner.component.ts", lineNumber:
|
|
56474
|
+
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], hasTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTargets", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }] }); })();
|
|
56475
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevenueCalculatorWelcomeBannerComponent, { className: "RevenueCalculatorWelcomeBannerComponent", filePath: "lib/components/revenue-calculator-dashboard/revenue-calculator-welcome-banner.component.ts", lineNumber: 74 }); })();
|
|
56379
56476
|
|
|
56380
56477
|
function calculatePacingStatus(projectedValue, targetValue, increaseBad = false) {
|
|
56381
56478
|
if (targetValue <= 0)
|
|
@@ -58465,28 +58562,28 @@ class AreaChartComponent {
|
|
|
58465
58562
|
} if (rf & 2) {
|
|
58466
58563
|
let _t;
|
|
58467
58564
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartDiv = _t.first);
|
|
58468
|
-
} }, inputs: { chart: [1, "chart"], showAxisLabels: [1, "showAxisLabels"], viewMode: [1, "viewMode"], currencySymbol: [1, "currencySymbol"], height: [1, "height"], disableInteractions: [1, "disableInteractions"] }, decls: 3, vars:
|
|
58565
|
+
} }, inputs: { chart: [1, "chart"], showAxisLabels: [1, "showAxisLabels"], viewMode: [1, "viewMode"], currencySymbol: [1, "currencySymbol"], height: [1, "height"], disableInteractions: [1, "disableInteractions"] }, decls: 3, vars: 6, consts: [["chartdiv", ""], [1, "chart-container"], [1, "chart", 2, "width", "100%"]], template: function AreaChartComponent_Template(rf, ctx) { if (rf & 1) {
|
|
58469
58566
|
i0.ɵɵdomElementStart(0, "div", 1);
|
|
58470
58567
|
i0.ɵɵdomElement(1, "div", 2, 0);
|
|
58471
58568
|
i0.ɵɵdomElementEnd();
|
|
58472
58569
|
} if (rf & 2) {
|
|
58473
|
-
i0.ɵɵclassProp("mini-mode", !ctx.showAxisLabels());
|
|
58570
|
+
i0.ɵɵclassProp("mini-mode", !ctx.showAxisLabels())("no-interactions", ctx.disableInteractions());
|
|
58474
58571
|
i0.ɵɵadvance();
|
|
58475
58572
|
i0.ɵɵstyleProp("height", ctx.chartHeight());
|
|
58476
|
-
} }, styles: [".chart-container[_ngcontent-%COMP%]{width:100%;padding:1rem}.chart-container.mini-mode[_ngcontent-%COMP%]{padding:.25rem}"], changeDetection: 0 }); }
|
|
58573
|
+
} }, styles: [".chart-container[_ngcontent-%COMP%]{width:100%;padding:1rem}.chart-container.mini-mode[_ngcontent-%COMP%]{padding:.25rem}.chart-container.no-interactions[_ngcontent-%COMP%]{pointer-events:none}"], changeDetection: 0 }); }
|
|
58477
58574
|
}
|
|
58478
58575
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AreaChartComponent, [{
|
|
58479
58576
|
type: Component,
|
|
58480
58577
|
args: [{ selector: 'symphiq-area-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
58481
|
-
<div class="chart-container" [class.mini-mode]="!showAxisLabels()">
|
|
58578
|
+
<div class="chart-container" [class.mini-mode]="!showAxisLabels()" [class.no-interactions]="disableInteractions()">
|
|
58482
58579
|
<div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
|
|
58483
58580
|
</div>
|
|
58484
|
-
`, styles: [".chart-container{width:100%;padding:1rem}.chart-container.mini-mode{padding:.25rem}\n"] }]
|
|
58581
|
+
`, styles: [".chart-container{width:100%;padding:1rem}.chart-container.mini-mode{padding:.25rem}.chart-container.no-interactions{pointer-events:none}\n"] }]
|
|
58485
58582
|
}], () => [], { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: false }] }], showAxisLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAxisLabels", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], disableInteractions: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableInteractions", required: false }] }], chartDiv: [{
|
|
58486
58583
|
type: ViewChild,
|
|
58487
58584
|
args: ['chartdiv', { static: true }]
|
|
58488
58585
|
}] }); })();
|
|
58489
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AreaChartComponent, { className: "AreaChartComponent", filePath: "lib/components/funnel-analysis-dashboard/charts/area-chart.component.ts", lineNumber:
|
|
58586
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AreaChartComponent, { className: "AreaChartComponent", filePath: "lib/components/funnel-analysis-dashboard/charts/area-chart.component.ts", lineNumber: 31 }); })();
|
|
58490
58587
|
|
|
58491
58588
|
var areaChart_component = /*#__PURE__*/Object.freeze({
|
|
58492
58589
|
__proto__: null,
|
|
@@ -64735,7 +64832,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template(rf, c
|
|
|
64735
64832
|
i0.ɵɵelementEnd();
|
|
64736
64833
|
} if (rf & 2) {
|
|
64737
64834
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
64738
|
-
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", false);
|
|
64835
|
+
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", false)("targets", ctx_r0.targets());
|
|
64739
64836
|
i0.ɵɵadvance(2);
|
|
64740
64837
|
i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
|
|
64741
64838
|
} }
|
|
@@ -64754,7 +64851,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template(rf,
|
|
|
64754
64851
|
i0.ɵɵconditionalCreate(1, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template, 2, 16, "div", 8);
|
|
64755
64852
|
} if (rf & 2) {
|
|
64756
64853
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
64757
|
-
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", ctx_r0.hasCurrentYearTargets())("isOnboarded", ctx_r0.isOnboarded());
|
|
64854
|
+
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", ctx_r0.hasCurrentYearTargets())("isOnboarded", ctx_r0.isOnboarded())("targets", ctx_r0.targets());
|
|
64758
64855
|
i0.ɵɵadvance();
|
|
64759
64856
|
i0.ɵɵconditional(!ctx_r0.isLoading() ? 1 : -1);
|
|
64760
64857
|
} }
|
|
@@ -64951,7 +65048,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64951
65048
|
static { this.ɵfac = function SymphiqRevenueCalculatorDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqRevenueCalculatorDashboardComponent)(); }; }
|
|
64952
65049
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqRevenueCalculatorDashboardComponent, selectors: [["symphiq-revenue-calculator-dashboard"]], hostBindings: function SymphiqRevenueCalculatorDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
64953
65050
|
i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
|
|
64954
|
-
} }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targetHistories: [1, "targetHistories"], users: [1, "users"], isOnboarded: [1, "isOnboarded"], isContinueLoading: [1, "isContinueLoading"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", saveTargetsClick: "saveTargetsClick", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", discardChangesClick: "discardChangesClick" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mt-8"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["title", "Loading Revenue Calculator", "subtitle", "Please wait while we prepare your revenue calculator...", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], ["title", "Downloading Your Google Analytics 4 Data", "subtitle", "Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data.", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded"], [3, "targetsCreated", "calculateRevenueReverseRequest", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "targetsUpdated", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingResponse", "dataResults", "calculateRevenueReverseResponse", "calculateRevenueResponse", "isCalculatingTargets", "targets", "targetHistories", "users"], [1, "max-w-7xl", "mx-auto", "flex", "items-center", "justify-between", "gap-4"], [1, "text-sm", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "whitespace-nowrap", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
65051
|
+
} }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targetHistories: [1, "targetHistories"], users: [1, "users"], isOnboarded: [1, "isOnboarded"], isContinueLoading: [1, "isContinueLoading"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", saveTargetsClick: "saveTargetsClick", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", discardChangesClick: "discardChangesClick" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mt-8"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["title", "Loading Revenue Calculator", "subtitle", "Please wait while we prepare your revenue calculator...", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "targets"], ["title", "Downloading Your Google Analytics 4 Data", "subtitle", "Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data.", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded", "targets"], [3, "targetsCreated", "calculateRevenueReverseRequest", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "targetsUpdated", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingResponse", "dataResults", "calculateRevenueReverseResponse", "calculateRevenueResponse", "isCalculatingTargets", "targets", "targetHistories", "users"], [1, "max-w-7xl", "mx-auto", "flex", "items-center", "justify-between", "gap-4"], [1, "text-sm", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "whitespace-nowrap", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
64955
65052
|
i0.ɵɵelementStart(0, "div", 0);
|
|
64956
65053
|
i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
|
|
64957
65054
|
i0.ɵɵelementStart(3, "div", 3);
|
|
@@ -64960,7 +65057,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64960
65057
|
i0.ɵɵlistener("stepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_5_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_5_listener() { return ctx.nextStepClick.emit(); });
|
|
64961
65058
|
i0.ɵɵelementEnd();
|
|
64962
65059
|
i0.ɵɵelementStart(6, "main", 6)(7, "div", 7);
|
|
64963
|
-
i0.ɵɵconditionalCreate(8, SymphiqRevenueCalculatorDashboardComponent_Conditional_8_Template, 2, 1, "div", 8)(9, SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template, 3,
|
|
65060
|
+
i0.ɵɵconditionalCreate(8, SymphiqRevenueCalculatorDashboardComponent_Conditional_8_Template, 2, 1, "div", 8)(9, SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template, 3, 5)(10, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template, 2, 6);
|
|
64964
65061
|
i0.ɵɵelementEnd()();
|
|
64965
65062
|
i0.ɵɵconditionalCreate(11, SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template, 7, 7, "div", 9);
|
|
64966
65063
|
i0.ɵɵelementEnd()();
|
|
@@ -65054,6 +65151,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
65054
65151
|
[viewMode]="viewMode()"
|
|
65055
65152
|
[dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
|
|
65056
65153
|
[hasTargets]="false"
|
|
65154
|
+
[targets]="targets()"
|
|
65057
65155
|
/>
|
|
65058
65156
|
|
|
65059
65157
|
<!-- Loading Message Card -->
|
|
@@ -65074,6 +65172,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
65074
65172
|
[dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
|
|
65075
65173
|
[hasTargets]="hasCurrentYearTargets()"
|
|
65076
65174
|
[isOnboarded]="isOnboarded()"
|
|
65175
|
+
[targets]="targets()"
|
|
65077
65176
|
/>
|
|
65078
65177
|
|
|
65079
65178
|
@if (!isLoading()) {
|
|
@@ -65145,7 +65244,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
65145
65244
|
type: HostListener,
|
|
65146
65245
|
args: ['window:scroll']
|
|
65147
65246
|
}] }); })();
|
|
65148
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber:
|
|
65247
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 203 }); })();
|
|
65149
65248
|
|
|
65150
65249
|
function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
65151
65250
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);
|
|
@@ -68332,7 +68431,7 @@ class CollapsibleSectionGroupComponent {
|
|
|
68332
68431
|
const _c0$w = () => [];
|
|
68333
68432
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
68334
68433
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
68335
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
68434
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 15);
|
|
68336
68435
|
i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
|
|
68337
68436
|
i0.ɵɵelementEnd();
|
|
68338
68437
|
} if (rf & 2) {
|
|
@@ -68341,24 +68440,18 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_T
|
|
|
68341
68440
|
} }
|
|
68342
68441
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
68343
68442
|
i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 12);
|
|
68344
|
-
i0.ɵɵelementStart(1, "div", 13)
|
|
68345
|
-
i0.ɵɵelement(
|
|
68346
|
-
i0.ɵɵelementEnd();
|
|
68347
|
-
i0.ɵɵelement(4, "symphiq-loading-card", 16);
|
|
68443
|
+
i0.ɵɵelementStart(1, "div", 13);
|
|
68444
|
+
i0.ɵɵelement(2, "symphiq-loading-card", 14);
|
|
68348
68445
|
i0.ɵɵelementEnd();
|
|
68349
68446
|
} if (rf & 2) {
|
|
68350
|
-
let tmp_3_0;
|
|
68351
|
-
let tmp_5_0;
|
|
68352
68447
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
68353
68448
|
i0.ɵɵconditional(!ctx_r1.isOnboarded() ? 0 : -1);
|
|
68354
|
-
i0.ɵɵadvance(
|
|
68355
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.currentProfile()) == null ? null : tmp_3_0.profileStructured == null ? null : tmp_3_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profile()) == null ? null : tmp_5_0.selfContentCompletedDate);
|
|
68356
|
-
i0.ɵɵadvance();
|
|
68449
|
+
i0.ɵɵadvance(2);
|
|
68357
68450
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("title", "Loading Business Analysis...")("subtitle", "Please wait while we fetch your data.");
|
|
68358
68451
|
} }
|
|
68359
68452
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
68360
68453
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
68361
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
68454
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 15);
|
|
68362
68455
|
i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
|
|
68363
68456
|
i0.ɵɵelementEnd();
|
|
68364
68457
|
} if (rf & 2) {
|
|
@@ -68367,18 +68460,25 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_T
|
|
|
68367
68460
|
} }
|
|
68368
68461
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
68369
68462
|
i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 12);
|
|
68370
|
-
i0.ɵɵ
|
|
68463
|
+
i0.ɵɵelementStart(1, "div", 13)(2, "div", 16);
|
|
68464
|
+
i0.ɵɵelement(3, "symphiq-welcome-banner", 17);
|
|
68465
|
+
i0.ɵɵelementEnd()();
|
|
68466
|
+
i0.ɵɵelement(4, "symphiq-content-generation-progress-with-confetti", 18);
|
|
68371
68467
|
} if (rf & 2) {
|
|
68372
|
-
let
|
|
68373
|
-
let
|
|
68468
|
+
let tmp_3_0;
|
|
68469
|
+
let tmp_5_0;
|
|
68470
|
+
let tmp_8_0;
|
|
68471
|
+
let tmp_10_0;
|
|
68374
68472
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
68375
68473
|
i0.ɵɵconditional(!ctx_r1.isOnboarded() ? 0 : -1);
|
|
68474
|
+
i0.ɵɵadvance(3);
|
|
68475
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.currentProfile()) == null ? null : tmp_3_0.profileStructured == null ? null : tmp_3_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profile()) == null ? null : tmp_5_0.selfContentCompletedDate);
|
|
68376
68476
|
i0.ɵɵadvance();
|
|
68377
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("itemStatus", ctx_r1.itemStatus())("currentStatus", (
|
|
68477
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("itemStatus", ctx_r1.itemStatus())("currentStatus", (tmp_8_0 = ctx_r1.profile()) == null ? null : tmp_8_0.selfContentStatus)("confettiIntensity", "celebration")("title", "We are generating a new Business Analysis for " + (((tmp_10_0 = ctx_r1.currentProfile()) == null ? null : tmp_10_0.profileStructured == null ? null : tmp_10_0.profileStructured.businessName) || "your business") + ".")("subtitle", "It will appear here when ready. You can check back later as this will take a few minutes to complete.");
|
|
68378
68478
|
} }
|
|
68379
68479
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
68380
68480
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
68381
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
68481
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 15);
|
|
68382
68482
|
i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
|
|
68383
68483
|
i0.ɵɵelementEnd();
|
|
68384
68484
|
} if (rf & 2) {
|
|
@@ -68388,10 +68488,10 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_C
|
|
|
68388
68488
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
68389
68489
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
68390
68490
|
i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 12);
|
|
68391
|
-
i0.ɵɵelementStart(1, "div", 13)(2, "div",
|
|
68392
|
-
i0.ɵɵelement(3, "symphiq-welcome-banner",
|
|
68491
|
+
i0.ɵɵelementStart(1, "div", 13)(2, "div", 16);
|
|
68492
|
+
i0.ɵɵelement(3, "symphiq-welcome-banner", 17);
|
|
68393
68493
|
i0.ɵɵelementEnd();
|
|
68394
|
-
i0.ɵɵelementStart(4, "div",
|
|
68494
|
+
i0.ɵɵelementStart(4, "div", 16)(5, "symphiq-recommendations-tiled-grid", 19);
|
|
68395
68495
|
i0.ɵɵlistener("viewMoreClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_recommendations_tiled_grid_viewMoreClick_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openRecommendationDetailsModal($event)); });
|
|
68396
68496
|
i0.ɵɵelementEnd()();
|
|
68397
68497
|
i0.ɵɵelementStart(6, "div");
|
|
@@ -68414,22 +68514,22 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_F
|
|
|
68414
68514
|
i0.ɵɵelement(1, "symphiq-section-divider", 23);
|
|
68415
68515
|
i0.ɵɵelementEnd();
|
|
68416
68516
|
} if (rf & 2) {
|
|
68417
|
-
const ɵ$
|
|
68517
|
+
const ɵ$index_53_r6 = i0.ɵɵnextContext().$index;
|
|
68418
68518
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
68419
68519
|
i0.ɵɵadvance();
|
|
68420
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$
|
|
68520
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_53_r6 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$w));
|
|
68421
68521
|
} }
|
|
68422
68522
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
68423
68523
|
i0.ɵɵelement(0, "symphiq-profile-section", 21);
|
|
68424
68524
|
i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 22);
|
|
68425
68525
|
} if (rf & 2) {
|
|
68426
68526
|
const section_r7 = ctx.$implicit;
|
|
68427
|
-
const ɵ$
|
|
68428
|
-
const ɵ$
|
|
68527
|
+
const ɵ$index_53_r6 = ctx.$index;
|
|
68528
|
+
const ɵ$count_53_r8 = ctx.$count;
|
|
68429
68529
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
68430
68530
|
i0.ɵɵproperty("section", section_r7)("viewMode", ctx_r1.viewMode())("forceExpanded", !ctx_r1.isCompactView());
|
|
68431
68531
|
i0.ɵɵadvance();
|
|
68432
|
-
i0.ɵɵconditional(!(ɵ$
|
|
68532
|
+
i0.ɵɵconditional(!(ɵ$index_53_r6 === ɵ$count_53_r8 - 1) ? 1 : -1);
|
|
68433
68533
|
} }
|
|
68434
68534
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
68435
68535
|
i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
|
|
@@ -68980,14 +69080,14 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
68980
69080
|
static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
|
|
68981
69081
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
68982
69082
|
i0.ɵɵlistener("scroll", function SymphiqBusinessAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow)("keydown", function SymphiqBusinessAnalysisDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyDown($event); }, i0.ɵɵresolveDocument);
|
|
68983
|
-
} }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "scrollEvent"], [1, "relative"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [
|
|
69083
|
+
} }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "scrollEvent"], [1, "relative"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], ["size", "large", 3, "viewMode", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
68984
69084
|
i0.ɵɵelementStart(0, "div", 0);
|
|
68985
69085
|
i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
|
|
68986
69086
|
i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
|
|
68987
69087
|
i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_dashboard_header_searchClick_4_listener() { return ctx.openSearch(); })("viewModeClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_4_listener() { return ctx.openViewModeSwitcher(); });
|
|
68988
69088
|
i0.ɵɵelementEnd();
|
|
68989
69089
|
i0.ɵɵelementStart(5, "main", 5);
|
|
68990
|
-
i0.ɵɵconditionalCreate(6, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template,
|
|
69090
|
+
i0.ɵɵconditionalCreate(6, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template, 3, 4)(7, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template, 5, 11)(8, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Template, 2, 1);
|
|
68991
69091
|
i0.ɵɵelementEnd();
|
|
68992
69092
|
i0.ɵɵconditionalCreate(9, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template, 1, 4, "symphiq-section-navigation", 6);
|
|
68993
69093
|
i0.ɵɵconditionalCreate(10, SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template, 1, 4, "symphiq-floating-toc", 6);
|
|
@@ -69082,15 +69182,6 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
69082
69182
|
}
|
|
69083
69183
|
|
|
69084
69184
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
69085
|
-
<div class="mb-8">
|
|
69086
|
-
<symphiq-welcome-banner
|
|
69087
|
-
[viewMode]="viewMode()"
|
|
69088
|
-
[businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
|
|
69089
|
-
[isOnboarded]="isOnboarded()"
|
|
69090
|
-
[analysisDate]="profile()?.selfContentCompletedDate"
|
|
69091
|
-
/>
|
|
69092
|
-
</div>
|
|
69093
|
-
|
|
69094
69185
|
<symphiq-loading-card
|
|
69095
69186
|
[viewMode]="viewMode()"
|
|
69096
69187
|
[title]="'Loading Business Analysis...'"
|
|
@@ -69112,6 +69203,17 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
69112
69203
|
/>
|
|
69113
69204
|
}
|
|
69114
69205
|
|
|
69206
|
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
69207
|
+
<div class="mb-8">
|
|
69208
|
+
<symphiq-welcome-banner
|
|
69209
|
+
[viewMode]="viewMode()"
|
|
69210
|
+
[businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
|
|
69211
|
+
[isOnboarded]="isOnboarded()"
|
|
69212
|
+
[analysisDate]="profile()?.selfContentCompletedDate"
|
|
69213
|
+
/>
|
|
69214
|
+
</div>
|
|
69215
|
+
</div>
|
|
69216
|
+
|
|
69115
69217
|
<!-- Content Generation Progress Component -->
|
|
69116
69218
|
<symphiq-content-generation-progress-with-confetti
|
|
69117
69219
|
[viewMode]="viewMode()"
|
|
@@ -69249,7 +69351,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
69249
69351
|
type: HostListener,
|
|
69250
69352
|
args: ['document:keydown', ['$event']]
|
|
69251
69353
|
}] }); })();
|
|
69252
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber:
|
|
69354
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 293 }); })();
|
|
69253
69355
|
|
|
69254
69356
|
class GradeBadgeComponent {
|
|
69255
69357
|
constructor() {
|
|
@@ -92876,7 +92978,7 @@ const _forTrack0$8 = ($index, $item) => $item.index;
|
|
|
92876
92978
|
const _forTrack1$1 = ($index, $item) => $item.id;
|
|
92877
92979
|
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
92878
92980
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
92879
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
92981
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
|
|
92880
92982
|
i0.ɵɵlistener("nextStepClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
|
|
92881
92983
|
i0.ɵɵelementEnd();
|
|
92882
92984
|
} if (rf & 2) {
|
|
@@ -92884,7 +92986,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template(rf,
|
|
|
92884
92986
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.shouldShowContinueButton())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
|
|
92885
92987
|
} }
|
|
92886
92988
|
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
92887
|
-
i0.ɵɵelement(0, "symphiq-shop-welcome-banner",
|
|
92989
|
+
i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 30);
|
|
92888
92990
|
} if (rf & 2) {
|
|
92889
92991
|
let tmp_3_0;
|
|
92890
92992
|
let tmp_5_0;
|
|
@@ -92892,45 +92994,42 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_
|
|
|
92892
92994
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
|
|
92893
92995
|
} }
|
|
92894
92996
|
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
92895
|
-
i0.ɵɵelement(0, "symphiq-metric-welcome-banner",
|
|
92997
|
+
i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 31);
|
|
92896
92998
|
} if (rf & 2) {
|
|
92897
92999
|
let tmp_3_0;
|
|
92898
93000
|
let tmp_5_0;
|
|
92899
93001
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
92900
93002
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", (tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
|
|
92901
93003
|
} }
|
|
92902
|
-
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
92903
|
-
i0.ɵɵelement(0, "symphiq-loading-card", 31);
|
|
92904
|
-
} if (rf & 2) {
|
|
92905
|
-
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
92906
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
|
|
92907
|
-
} }
|
|
92908
93004
|
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
92909
|
-
i0.ɵɵelementStart(0, "div",
|
|
92910
|
-
i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_1_Template, 1, 4, "symphiq-shop-welcome-banner",
|
|
92911
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_2_Template, 1, 4, "symphiq-metric-welcome-banner",
|
|
93005
|
+
i0.ɵɵelementStart(0, "div", 9);
|
|
93006
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_1_Template, 1, 4, "symphiq-shop-welcome-banner", 30);
|
|
93007
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_2_Template, 1, 4, "symphiq-metric-welcome-banner", 31);
|
|
92912
93008
|
i0.ɵɵelementEnd();
|
|
92913
|
-
i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_3_Template, 1, 2, "symphiq-loading-card", 31);
|
|
92914
93009
|
} if (rf & 2) {
|
|
92915
93010
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
92916
93011
|
i0.ɵɵadvance();
|
|
92917
93012
|
i0.ɵɵconditional(!ctx_r1.isMetricAnalysis() ? 1 : -1);
|
|
92918
93013
|
i0.ɵɵadvance();
|
|
92919
93014
|
i0.ɵɵconditional(ctx_r1.isMetricAnalysis() ? 2 : -1);
|
|
92920
|
-
i0.ɵɵadvance();
|
|
92921
|
-
i0.ɵɵconditional(ctx_r1.isLoading() ? 3 : -1);
|
|
92922
93015
|
} }
|
|
92923
|
-
function
|
|
93016
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
93017
|
+
i0.ɵɵelement(0, "symphiq-loading-card", 10);
|
|
93018
|
+
} if (rf & 2) {
|
|
93019
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
93020
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
|
|
93021
|
+
} }
|
|
93022
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
92924
93023
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
92925
93024
|
i0.ɵɵelementStart(0, "div", 32)(1, "symphiq-profile-status-card", 34, 0);
|
|
92926
|
-
i0.ɵɵlistener("startCategoryQuestions", function
|
|
93025
|
+
i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_profile_status_card_startCategoryQuestions_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_profile_status_card_answerSave_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_profile_status_card_adminAnswerAction_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
|
|
92927
93026
|
i0.ɵɵelementEnd()();
|
|
92928
93027
|
} if (rf & 2) {
|
|
92929
93028
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
92930
93029
|
i0.ɵɵadvance();
|
|
92931
93030
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(10, _c2$2))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(11, _c2$2))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(12, _c2$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(13, _c2$2))("config", ctx_r1.shopProfileStatusCardConfig)("groupConfig", ctx_r1.shopProfileStatusCardGroupConfig)("currentUser", ctx_r1.currentUser());
|
|
92932
93031
|
} }
|
|
92933
|
-
function
|
|
93032
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
92934
93033
|
i0.ɵɵelementStart(0, "div", 32)(1, "div", 33);
|
|
92935
93034
|
i0.ɵɵelement(2, "symphiq-content-generation-progress", 35);
|
|
92936
93035
|
i0.ɵɵelementEnd()();
|
|
@@ -92941,7 +93040,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
92941
93040
|
i0.ɵɵadvance();
|
|
92942
93041
|
i0.ɵɵproperty("itemStatus", ctx_r1.itemStatusProfileShop())("viewMode", ctx_r1.viewMode());
|
|
92943
93042
|
} }
|
|
92944
|
-
function
|
|
93043
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
92945
93044
|
i0.ɵɵelementStart(0, "div", 33);
|
|
92946
93045
|
i0.ɵɵelement(1, "symphiq-content-generation-progress", 35);
|
|
92947
93046
|
i0.ɵɵelementEnd();
|
|
@@ -92951,7 +93050,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
92951
93050
|
i0.ɵɵadvance();
|
|
92952
93051
|
i0.ɵɵproperty("itemStatus", ctx_r1.itemStatusProfileShop())("viewMode", ctx_r1.viewMode());
|
|
92953
93052
|
} }
|
|
92954
|
-
function
|
|
93053
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
92955
93054
|
i0.ɵɵelementStart(0, "div", 33);
|
|
92956
93055
|
i0.ɵɵelement(1, "symphiq-content-generation-progress", 37);
|
|
92957
93056
|
i0.ɵɵelementEnd();
|
|
@@ -92961,25 +93060,25 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
92961
93060
|
i0.ɵɵadvance();
|
|
92962
93061
|
i0.ɵɵproperty("itemStatus", ctx_r1.itemStatusProfileAnalysis())("viewMode", ctx_r1.viewMode())("title", ctx_r1.profileAnalysisGeneratingTitle());
|
|
92963
93062
|
} }
|
|
92964
|
-
function
|
|
93063
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
92965
93064
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
92966
93065
|
i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 38);
|
|
92967
|
-
i0.ɵɵlistener("viewMoreClick", function
|
|
93066
|
+
i0.ɵɵlistener("viewMoreClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
|
|
92968
93067
|
i0.ɵɵelementEnd();
|
|
92969
93068
|
} if (rf & 2) {
|
|
92970
93069
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
92971
93070
|
i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
|
|
92972
93071
|
} }
|
|
92973
|
-
function
|
|
93072
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
92974
93073
|
i0.ɵɵelementStart(0, "div", 32);
|
|
92975
|
-
i0.ɵɵconditionalCreate(1,
|
|
93074
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template, 2, 3, "div", 33)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 2, 4, "div", 33)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 36);
|
|
92976
93075
|
i0.ɵɵelementEnd();
|
|
92977
93076
|
} if (rf & 2) {
|
|
92978
93077
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
92979
93078
|
i0.ɵɵadvance();
|
|
92980
93079
|
i0.ɵɵconditional(ctx_r1.isProfileShopGenerating() && !ctx_r1.isMetricAnalysis() ? 1 : ctx_r1.isProfileAnalysisGenerating() ? 2 : 3);
|
|
92981
93080
|
} }
|
|
92982
|
-
function
|
|
93081
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
92983
93082
|
i0.ɵɵelementStart(0, "div", 32);
|
|
92984
93083
|
i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 41);
|
|
92985
93084
|
i0.ɵɵelementEnd();
|
|
@@ -92988,11 +93087,11 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
92988
93087
|
i0.ɵɵadvance();
|
|
92989
93088
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
|
|
92990
93089
|
} }
|
|
92991
|
-
function
|
|
93090
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
92992
93091
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
92993
|
-
i0.ɵɵconditionalCreate(0,
|
|
93092
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Conditional_0_Template, 2, 1, "div", 32);
|
|
92994
93093
|
i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 40);
|
|
92995
|
-
i0.ɵɵlistener("currencySelected", function
|
|
93094
|
+
i0.ɵɵlistener("currencySelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template_symphiq_billing_currency_selector_card_currencySelected_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange($event)); })("selectionChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template_symphiq_billing_currency_selector_card_selectionChanged_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelectionChange($event)); });
|
|
92996
93095
|
i0.ɵɵelementEnd();
|
|
92997
93096
|
} if (rf & 2) {
|
|
92998
93097
|
let tmp_6_0;
|
|
@@ -93001,13 +93100,13 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
93001
93100
|
i0.ɵɵadvance();
|
|
93002
93101
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isLoading", ctx_r1.isCurrencySelectionLoading())("initialCurrency", ctx_r1.isEditingCurrency() ? ((tmp_6_0 = ctx_r1.account()) == null ? null : tmp_6_0.billingCurrencyCode) || null : null);
|
|
93003
93102
|
} }
|
|
93004
|
-
function
|
|
93103
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
93005
93104
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
93006
93105
|
i0.ɵɵelementStart(0, "div", 32);
|
|
93007
93106
|
i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 41);
|
|
93008
93107
|
i0.ɵɵelementEnd();
|
|
93009
93108
|
i0.ɵɵelementStart(2, "div", 42, 1)(4, "symphiq-plan-selection-container", 43);
|
|
93010
|
-
i0.ɵɵlistener("periodUnitChanged", function
|
|
93109
|
+
i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_periodUnitChanged_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_planSelected_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_editCurrency_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); })("checkout", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_checkout_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.checkoutPlanClick.emit($event)); });
|
|
93011
93110
|
i0.ɵɵelementEnd()();
|
|
93012
93111
|
} if (rf & 2) {
|
|
93013
93112
|
let tmp_6_0;
|
|
@@ -93017,26 +93116,26 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
93017
93116
|
i0.ɵɵadvance(3);
|
|
93018
93117
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_6_0 = ctx_r1.account()) == null ? null : tmp_6_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD)("planCardInfos", ctx_r1.planCardInfos())("isLoading", ctx_r1.isPlanLoading())("selectedPeriodUnit", ctx_r1.selectedPeriodUnit());
|
|
93019
93118
|
} }
|
|
93020
|
-
function
|
|
93119
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
93021
93120
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
93022
93121
|
i0.ɵɵelementStart(0, "symphiq-plan-selection-placeholder-card", 44);
|
|
93023
|
-
i0.ɵɵlistener("editCurrency", function
|
|
93122
|
+
i0.ɵɵlistener("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_3_Template_symphiq_plan_selection_placeholder_card_editCurrency_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); });
|
|
93024
93123
|
i0.ɵɵelementEnd();
|
|
93025
93124
|
} if (rf & 2) {
|
|
93026
93125
|
let tmp_4_0;
|
|
93027
93126
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
93028
93127
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_4_0 = ctx_r1.account()) == null ? null : tmp_4_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
|
|
93029
93128
|
} }
|
|
93030
|
-
function
|
|
93129
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
93031
93130
|
i0.ɵɵelementStart(0, "div", 32);
|
|
93032
|
-
i0.ɵɵconditionalCreate(1,
|
|
93131
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template, 2, 4)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template, 5, 6)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 39);
|
|
93033
93132
|
i0.ɵɵelementEnd();
|
|
93034
93133
|
} if (rf & 2) {
|
|
93035
93134
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
93036
93135
|
i0.ɵɵadvance();
|
|
93037
93136
|
i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() || ctx_r1.isEditingCurrency() ? 1 : ctx_r1.showPlanSelection() ? 2 : 3);
|
|
93038
93137
|
} }
|
|
93039
|
-
function
|
|
93138
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
93040
93139
|
i0.ɵɵelementStart(0, "div");
|
|
93041
93140
|
i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 45);
|
|
93042
93141
|
i0.ɵɵelementEnd();
|
|
@@ -93045,10 +93144,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
93045
93144
|
i0.ɵɵadvance();
|
|
93046
93145
|
i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("executiveSummary", ctx_r1.executiveSummary())("metricExecutiveSummary", ctx_r1.metricExecutiveSummary())("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
|
|
93047
93146
|
} }
|
|
93048
|
-
function
|
|
93147
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
93049
93148
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
93050
93149
|
i0.ɵɵelementStart(0, "div", 33)(1, "button", 46);
|
|
93051
|
-
i0.ɵɵlistener("click", function
|
|
93150
|
+
i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleShopProfileCard()); });
|
|
93052
93151
|
i0.ɵɵelementStart(2, "div", 47)(3, "div", 48);
|
|
93053
93152
|
i0.ɵɵnamespaceSVG();
|
|
93054
93153
|
i0.ɵɵelementStart(4, "svg", 49);
|
|
@@ -93067,7 +93166,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
93067
93166
|
i0.ɵɵelementEnd()();
|
|
93068
93167
|
i0.ɵɵnamespaceHTML();
|
|
93069
93168
|
i0.ɵɵelementStart(13, "div", 55)(14, "div", 56)(15, "div", 57)(16, "symphiq-profile-status-card", 58);
|
|
93070
|
-
i0.ɵɵlistener("startCategoryQuestions", function
|
|
93169
|
+
i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_symphiq_profile_status_card_startCategoryQuestions_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_symphiq_profile_status_card_answerSave_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_symphiq_profile_status_card_adminAnswerAction_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
|
|
93071
93170
|
i0.ɵɵelementEnd()()()()();
|
|
93072
93171
|
} if (rf & 2) {
|
|
93073
93172
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -93092,13 +93191,13 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
|
|
|
93092
93191
|
i0.ɵɵadvance();
|
|
93093
93192
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(24, _c2$2))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(25, _c2$2))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(26, _c2$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(27, _c2$2))("config", ctx_r1.shopProfilePostAnalysisCardConfig)("groupConfig", ctx_r1.shopProfileStatusCardGroupConfig)("currentUser", ctx_r1.currentUser())("hideHeader", true);
|
|
93094
93193
|
} }
|
|
93095
|
-
function
|
|
93096
|
-
i0.ɵɵconditionalCreate(0,
|
|
93097
|
-
i0.ɵɵconditionalCreate(1,
|
|
93098
|
-
i0.ɵɵconditionalCreate(2,
|
|
93099
|
-
i0.ɵɵconditionalCreate(3,
|
|
93100
|
-
i0.ɵɵconditionalCreate(4,
|
|
93101
|
-
i0.ɵɵconditionalCreate(5,
|
|
93194
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
93195
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 3, 14, "div", 32);
|
|
93196
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 3, 3, "div", 32);
|
|
93197
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 4, 1, "div", 32);
|
|
93198
|
+
i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 4, 1, "div", 32);
|
|
93199
|
+
i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_4_Template, 2, 10, "div");
|
|
93200
|
+
i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template, 17, 28, "div", 33);
|
|
93102
93201
|
} if (rf & 2) {
|
|
93103
93202
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93104
93203
|
i0.ɵɵconditional(ctx_r1.shouldShowShopProfileStatus() && !ctx_r1.isMetricAnalysis() && !ctx_r1.profileAnalysis() ? 0 : -1);
|
|
@@ -93113,14 +93212,14 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf,
|
|
|
93113
93212
|
i0.ɵɵadvance();
|
|
93114
93213
|
i0.ɵɵconditional(ctx_r1.shouldShowPostAnalysisShopProfile() ? 5 : -1);
|
|
93115
93214
|
} }
|
|
93116
|
-
function
|
|
93215
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
93117
93216
|
i0.ɵɵelement(0, "symphiq-grade-badge", 68);
|
|
93118
93217
|
} if (rf & 2) {
|
|
93119
93218
|
const summary_r10 = i0.ɵɵnextContext();
|
|
93120
93219
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
93121
93220
|
i0.ɵɵproperty("grade", summary_r10.overallGrade)("gradeRationale", summary_r10.gradeRationale || "")("viewMode", ctx_r1.viewMode());
|
|
93122
93221
|
} }
|
|
93123
|
-
function
|
|
93222
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
93124
93223
|
i0.ɵɵelementStart(0, "div", 81);
|
|
93125
93224
|
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 84);
|
|
93126
93225
|
i0.ɵɵelementEnd();
|
|
@@ -93130,12 +93229,12 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93130
93229
|
i0.ɵɵadvance();
|
|
93131
93230
|
i0.ɵɵproperty("visual", summary_r10.napkinVisual)("viewMode", ctx_r1.viewMode());
|
|
93132
93231
|
} }
|
|
93133
|
-
function
|
|
93232
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
93134
93233
|
i0.ɵɵelementStart(0, "div", 69)(1, "h3", 79);
|
|
93135
93234
|
i0.ɵɵtext(2, " Analysis Narrative ");
|
|
93136
93235
|
i0.ɵɵelementEnd();
|
|
93137
93236
|
i0.ɵɵelementStart(3, "div", 80);
|
|
93138
|
-
i0.ɵɵconditionalCreate(4,
|
|
93237
|
+
i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 81);
|
|
93139
93238
|
i0.ɵɵelementStart(5, "p", 82);
|
|
93140
93239
|
i0.ɵɵtext(6);
|
|
93141
93240
|
i0.ɵɵelementEnd();
|
|
@@ -93154,7 +93253,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93154
93253
|
i0.ɵɵadvance();
|
|
93155
93254
|
i0.ɵɵtextInterpolate1(" ", summary_r10.narrative, " ");
|
|
93156
93255
|
} }
|
|
93157
|
-
function
|
|
93256
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
93158
93257
|
i0.ɵɵelementStart(0, "div", 93);
|
|
93159
93258
|
i0.ɵɵnamespaceSVG();
|
|
93160
93259
|
i0.ɵɵelementStart(1, "svg", 95);
|
|
@@ -93171,7 +93270,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93171
93270
|
i0.ɵɵadvance(4);
|
|
93172
93271
|
i0.ɵɵtextInterpolate(entry_r11.win.estimatedTimeframe);
|
|
93173
93272
|
} }
|
|
93174
|
-
function
|
|
93273
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
93175
93274
|
i0.ɵɵelementStart(0, "div", 94)(1, "h4", 97);
|
|
93176
93275
|
i0.ɵɵtext(2, " Related Goal ");
|
|
93177
93276
|
i0.ɵɵelementEnd();
|
|
@@ -93185,7 +93284,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93185
93284
|
i0.ɵɵadvance(2);
|
|
93186
93285
|
i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c5, entry_r11.win.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
|
|
93187
93286
|
} }
|
|
93188
|
-
function
|
|
93287
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
93189
93288
|
i0.ɵɵelementStart(0, "div", 86)(1, "div", 87)(2, "div", 88)(3, "span", 89);
|
|
93190
93289
|
i0.ɵɵtext(4);
|
|
93191
93290
|
i0.ɵɵelementEnd();
|
|
@@ -93198,8 +93297,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93198
93297
|
i0.ɵɵelementStart(10, "span", 92);
|
|
93199
93298
|
i0.ɵɵtext(11);
|
|
93200
93299
|
i0.ɵɵelementEnd()();
|
|
93201
|
-
i0.ɵɵconditionalCreate(12,
|
|
93202
|
-
i0.ɵɵconditionalCreate(13,
|
|
93300
|
+
i0.ɵɵconditionalCreate(12, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 93);
|
|
93301
|
+
i0.ɵɵconditionalCreate(13, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 94);
|
|
93203
93302
|
i0.ɵɵelementEnd()();
|
|
93204
93303
|
} if (rf & 2) {
|
|
93205
93304
|
const entry_r11 = ctx.$implicit;
|
|
@@ -93226,12 +93325,12 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93226
93325
|
i0.ɵɵadvance();
|
|
93227
93326
|
i0.ɵɵconditional(entry_r11.win.relatedGoalId ? 13 : -1);
|
|
93228
93327
|
} }
|
|
93229
|
-
function
|
|
93328
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
|
|
93230
93329
|
i0.ɵɵelementStart(0, "div", 78)(1, "h3", 51);
|
|
93231
93330
|
i0.ɵɵtext(2, " Quick Wins ");
|
|
93232
93331
|
i0.ɵɵelementEnd();
|
|
93233
93332
|
i0.ɵɵelementStart(3, "div", 85);
|
|
93234
|
-
i0.ɵɵrepeaterCreate(4,
|
|
93333
|
+
i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$8);
|
|
93235
93334
|
i0.ɵɵelementEnd()();
|
|
93236
93335
|
} if (rf & 2) {
|
|
93237
93336
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -93240,7 +93339,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93240
93339
|
i0.ɵɵadvance(3);
|
|
93241
93340
|
i0.ɵɵrepeater(ctx_r1.quickWinsDisplay());
|
|
93242
93341
|
} }
|
|
93243
|
-
function
|
|
93342
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
93244
93343
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
93245
93344
|
i0.ɵɵelementStart(0, "section", 59)(1, "div", 62)(2, "div", 63)(3, "div", 64)(4, "div", 65)(5, "h2", 66);
|
|
93246
93345
|
i0.ɵɵtext(6, " Executive Summary ");
|
|
@@ -93248,11 +93347,11 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93248
93347
|
i0.ɵɵelementStart(7, "p", 67);
|
|
93249
93348
|
i0.ɵɵtext(8);
|
|
93250
93349
|
i0.ɵɵelementEnd()();
|
|
93251
|
-
i0.ɵɵconditionalCreate(9,
|
|
93350
|
+
i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 68);
|
|
93252
93351
|
i0.ɵɵelementEnd();
|
|
93253
|
-
i0.ɵɵconditionalCreate(10,
|
|
93352
|
+
i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 69);
|
|
93254
93353
|
i0.ɵɵelementStart(11, "div", 70)(12, "button", 71);
|
|
93255
|
-
i0.ɵɵlistener("click", function
|
|
93354
|
+
i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r10)); });
|
|
93256
93355
|
i0.ɵɵelementStart(13, "div", 72);
|
|
93257
93356
|
i0.ɵɵtext(14, " Key Strengths ");
|
|
93258
93357
|
i0.ɵɵelementEnd();
|
|
@@ -93265,7 +93364,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93265
93364
|
i0.ɵɵelement(20, "symphiq-icon", 76);
|
|
93266
93365
|
i0.ɵɵelementEnd()();
|
|
93267
93366
|
i0.ɵɵelementStart(21, "button", 71);
|
|
93268
|
-
i0.ɵɵlistener("click", function
|
|
93367
|
+
i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r10)); });
|
|
93269
93368
|
i0.ɵɵelementStart(22, "div", 72);
|
|
93270
93369
|
i0.ɵɵtext(23, " Critical Gaps ");
|
|
93271
93370
|
i0.ɵɵelementEnd();
|
|
@@ -93278,7 +93377,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93278
93377
|
i0.ɵɵelement(29, "symphiq-icon", 76);
|
|
93279
93378
|
i0.ɵɵelementEnd()();
|
|
93280
93379
|
i0.ɵɵelementStart(30, "button", 71);
|
|
93281
|
-
i0.ɵɵlistener("click", function
|
|
93380
|
+
i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
|
|
93282
93381
|
i0.ɵɵelementStart(31, "div", 72);
|
|
93283
93382
|
i0.ɵɵtext(32, " Quick Wins ");
|
|
93284
93383
|
i0.ɵɵelementEnd();
|
|
@@ -93290,7 +93389,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93290
93389
|
i0.ɵɵelementEnd();
|
|
93291
93390
|
i0.ɵɵelement(38, "symphiq-icon", 77);
|
|
93292
93391
|
i0.ɵɵelementEnd()()()()();
|
|
93293
|
-
i0.ɵɵconditionalCreate(39,
|
|
93392
|
+
i0.ɵɵconditionalCreate(39, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 78);
|
|
93294
93393
|
i0.ɵɵelementEnd();
|
|
93295
93394
|
} if (rf & 2) {
|
|
93296
93395
|
const summary_r10 = ctx;
|
|
@@ -93346,29 +93445,29 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93346
93445
|
i0.ɵɵadvance();
|
|
93347
93446
|
i0.ɵɵconditional(ctx_r1.quickWinsDisplay().length > 0 ? 39 : -1);
|
|
93348
93447
|
} }
|
|
93349
|
-
function
|
|
93448
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
93350
93449
|
const _r12 = i0.ɵɵgetCurrentView();
|
|
93351
93450
|
i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 99);
|
|
93352
|
-
i0.ɵɵlistener("topPrioritiesClick", function
|
|
93451
|
+
i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricViewDetailsClick()); });
|
|
93353
93452
|
i0.ɵɵelementEnd();
|
|
93354
93453
|
} if (rf & 2) {
|
|
93355
93454
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
93356
93455
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
|
|
93357
93456
|
} }
|
|
93358
|
-
function
|
|
93457
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
93359
93458
|
i0.ɵɵelement(0, "symphiq-section-divider", 100);
|
|
93360
93459
|
} if (rf & 2) {
|
|
93361
93460
|
const sectionList_r13 = i0.ɵɵnextContext();
|
|
93362
93461
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
93363
93462
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r13[0].icon);
|
|
93364
93463
|
} }
|
|
93365
|
-
function
|
|
93366
|
-
i0.ɵɵconditionalCreate(0,
|
|
93464
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
93465
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 100);
|
|
93367
93466
|
} if (rf & 2) {
|
|
93368
93467
|
const sectionList_r13 = ctx;
|
|
93369
93468
|
i0.ɵɵconditional(sectionList_r13.length > 0 && sectionList_r13[0].icon ? 0 : -1);
|
|
93370
93469
|
} }
|
|
93371
|
-
function
|
|
93470
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
93372
93471
|
i0.ɵɵelementStart(0, "div", 103);
|
|
93373
93472
|
i0.ɵɵelement(1, "symphiq-icon", 107);
|
|
93374
93473
|
i0.ɵɵelementEnd();
|
|
@@ -93379,7 +93478,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93379
93478
|
i0.ɵɵadvance();
|
|
93380
93479
|
i0.ɵɵproperty("icon", section_r14.icon);
|
|
93381
93480
|
} }
|
|
93382
|
-
function
|
|
93481
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
93383
93482
|
i0.ɵɵelementStart(0, "div", 109);
|
|
93384
93483
|
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 84);
|
|
93385
93484
|
i0.ɵɵelementEnd();
|
|
@@ -93389,7 +93488,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93389
93488
|
i0.ɵɵadvance();
|
|
93390
93489
|
i0.ɵɵproperty("visual", section_r14.visual)("viewMode", ctx_r1.viewMode());
|
|
93391
93490
|
} }
|
|
93392
|
-
function
|
|
93491
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
93393
93492
|
i0.ɵɵelementStart(0, "div", 111)(1, "p", 82);
|
|
93394
93493
|
i0.ɵɵtext(2);
|
|
93395
93494
|
i0.ɵɵelementEnd()();
|
|
@@ -93402,10 +93501,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93402
93501
|
i0.ɵɵadvance();
|
|
93403
93502
|
i0.ɵɵtextInterpolate1(" ", section_r14.description, " ");
|
|
93404
93503
|
} }
|
|
93405
|
-
function
|
|
93504
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
93406
93505
|
i0.ɵɵelementStart(0, "div", 108);
|
|
93407
|
-
i0.ɵɵconditionalCreate(1,
|
|
93408
|
-
i0.ɵɵconditionalCreate(2,
|
|
93506
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 109);
|
|
93507
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 110);
|
|
93409
93508
|
i0.ɵɵelementEnd();
|
|
93410
93509
|
} if (rf & 2) {
|
|
93411
93510
|
const ctx_r14 = i0.ɵɵnextContext();
|
|
@@ -93417,7 +93516,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93417
93516
|
i0.ɵɵadvance();
|
|
93418
93517
|
i0.ɵɵconditional(section_r14.description ? 2 : -1);
|
|
93419
93518
|
} }
|
|
93420
|
-
function
|
|
93519
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
93421
93520
|
i0.ɵɵelement(0, "symphiq-section-divider", 100);
|
|
93422
93521
|
} if (rf & 2) {
|
|
93423
93522
|
const ɵ$index_261_r16 = i0.ɵɵnextContext().$index;
|
|
@@ -93425,16 +93524,16 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93425
93524
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
93426
93525
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r17[ɵ$index_261_r16 + 1].icon);
|
|
93427
93526
|
} }
|
|
93428
|
-
function
|
|
93527
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
93429
93528
|
i0.ɵɵelementStart(0, "div", 101)(1, "div", 102);
|
|
93430
|
-
i0.ɵɵconditionalCreate(2,
|
|
93529
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_2_Template, 2, 2, "div", 103);
|
|
93431
93530
|
i0.ɵɵelementStart(3, "div", 65)(4, "h3", 104);
|
|
93432
93531
|
i0.ɵɵtext(5);
|
|
93433
93532
|
i0.ɵɵelementEnd()()();
|
|
93434
|
-
i0.ɵɵconditionalCreate(6,
|
|
93533
|
+
i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Template, 3, 4, "div", 105);
|
|
93435
93534
|
i0.ɵɵelement(7, "symphiq-profile-section-content", 106);
|
|
93436
93535
|
i0.ɵɵelementEnd();
|
|
93437
|
-
i0.ɵɵconditionalCreate(8,
|
|
93536
|
+
i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 100);
|
|
93438
93537
|
} if (rf & 2) {
|
|
93439
93538
|
const section_r14 = ctx.$implicit;
|
|
93440
93539
|
const ɵ$index_261_r16 = ctx.$index;
|
|
@@ -93454,19 +93553,19 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
|
|
|
93454
93553
|
i0.ɵɵadvance();
|
|
93455
93554
|
i0.ɵɵconditional(!(ɵ$index_261_r16 === ɵ$count_261_r18 - 1) ? 8 : -1);
|
|
93456
93555
|
} }
|
|
93457
|
-
function
|
|
93556
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
93458
93557
|
i0.ɵɵelementStart(0, "section", 61);
|
|
93459
|
-
i0.ɵɵrepeaterCreate(1,
|
|
93558
|
+
i0.ɵɵrepeaterCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template, 9, 16, null, null, _forTrack1$1);
|
|
93460
93559
|
i0.ɵɵelementEnd();
|
|
93461
93560
|
} if (rf & 2) {
|
|
93462
93561
|
i0.ɵɵadvance();
|
|
93463
93562
|
i0.ɵɵrepeater(ctx);
|
|
93464
93563
|
} }
|
|
93465
|
-
function
|
|
93466
|
-
i0.ɵɵconditionalCreate(0,
|
|
93467
|
-
i0.ɵɵconditionalCreate(1,
|
|
93468
|
-
i0.ɵɵconditionalCreate(2,
|
|
93469
|
-
i0.ɵɵconditionalCreate(3,
|
|
93564
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
93565
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 59);
|
|
93566
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 4, "symphiq-metric-executive-summary", 60);
|
|
93567
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 1);
|
|
93568
|
+
i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 3, 0, "section", 61);
|
|
93470
93569
|
} if (rf & 2) {
|
|
93471
93570
|
let tmp_1_0;
|
|
93472
93571
|
let tmp_2_0;
|
|
@@ -93481,97 +93580,97 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template(rf,
|
|
|
93481
93580
|
i0.ɵɵadvance();
|
|
93482
93581
|
i0.ɵɵconditional((tmp_4_0 = ctx_r1.sections()) ? 3 : -1, tmp_4_0);
|
|
93483
93582
|
} }
|
|
93484
|
-
function
|
|
93485
|
-
i0.ɵɵelement(0, "symphiq-floating-toc",
|
|
93583
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
93584
|
+
i0.ɵɵelement(0, "symphiq-floating-toc", 11);
|
|
93486
93585
|
} if (rf & 2) {
|
|
93487
93586
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93488
93587
|
i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
|
|
93489
93588
|
} }
|
|
93490
|
-
function
|
|
93491
|
-
i0.ɵɵelement(0, "symphiq-section-navigation",
|
|
93589
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
93590
|
+
i0.ɵɵelement(0, "symphiq-section-navigation", 11);
|
|
93492
93591
|
} if (rf & 2) {
|
|
93493
93592
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93494
93593
|
i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
|
|
93495
93594
|
} }
|
|
93496
|
-
function
|
|
93497
|
-
i0.ɵɵelement(0, "symphiq-goal-card",
|
|
93595
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
93596
|
+
i0.ɵɵelement(0, "symphiq-goal-card", 15);
|
|
93498
93597
|
} if (rf & 2) {
|
|
93499
93598
|
const data_r19 = ctx;
|
|
93500
93599
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93501
93600
|
i0.ɵɵproperty("goal", data_r19.goal)("viewMode", data_r19.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
|
|
93502
93601
|
} }
|
|
93503
|
-
function
|
|
93504
|
-
i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content",
|
|
93602
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
93603
|
+
i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 16);
|
|
93505
93604
|
} if (rf & 2) {
|
|
93506
93605
|
const data_r20 = ctx;
|
|
93507
93606
|
i0.ɵɵproperty("goal", data_r20.goal)("viewMode", data_r20.viewMode);
|
|
93508
93607
|
} }
|
|
93509
|
-
function
|
|
93510
|
-
i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content",
|
|
93608
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
93609
|
+
i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 17);
|
|
93511
93610
|
} if (rf & 2) {
|
|
93512
93611
|
const data_r21 = ctx;
|
|
93513
93612
|
i0.ɵɵproperty("objective", data_r21.objective)("goalTitle", data_r21.goalTitle)("viewMode", data_r21.viewMode);
|
|
93514
93613
|
} }
|
|
93515
|
-
function
|
|
93516
|
-
i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content",
|
|
93614
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
93615
|
+
i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 18);
|
|
93517
93616
|
} if (rf & 2) {
|
|
93518
93617
|
const data_r22 = ctx;
|
|
93519
93618
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93520
93619
|
i0.ɵɵproperty("strategy", data_r22.strategy)("objectiveTitle", data_r22.objectiveTitle)("goalTitle", data_r22.goalTitle)("viewMode", data_r22.viewMode)("expandedRecommendationId", data_r22.expandedRecommendationId)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
|
|
93521
93620
|
} }
|
|
93522
|
-
function
|
|
93523
|
-
i0.ɵɵelement(0, "symphiq-category-detail-modal-content",
|
|
93621
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
93622
|
+
i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 19);
|
|
93524
93623
|
} if (rf & 2) {
|
|
93525
93624
|
const data_r23 = ctx;
|
|
93526
93625
|
i0.ɵɵproperty("category", data_r23.category)("viewMode", data_r23.viewMode)("scrollToSection", data_r23.scrollToSection);
|
|
93527
93626
|
} }
|
|
93528
|
-
function
|
|
93529
|
-
i0.ɵɵelement(0, "symphiq-strength-detail-modal-content",
|
|
93627
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
93628
|
+
i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 20);
|
|
93530
93629
|
} if (rf & 2) {
|
|
93531
93630
|
const data_r24 = ctx;
|
|
93532
93631
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93533
93632
|
i0.ɵɵproperty("strength", data_r24.strength)("viewMode", data_r24.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
|
|
93534
93633
|
} }
|
|
93535
|
-
function
|
|
93536
|
-
i0.ɵɵelement(0, "symphiq-gap-detail-modal-content",
|
|
93634
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
93635
|
+
i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 21);
|
|
93537
93636
|
} if (rf & 2) {
|
|
93538
93637
|
const data_r25 = ctx;
|
|
93539
93638
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93540
93639
|
i0.ɵɵproperty("gap", data_r25.gap)("viewMode", data_r25.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
|
|
93541
93640
|
} }
|
|
93542
|
-
function
|
|
93543
|
-
i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content",
|
|
93641
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
|
|
93642
|
+
i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 22);
|
|
93544
93643
|
} if (rf & 2) {
|
|
93545
93644
|
const data_r26 = ctx;
|
|
93546
93645
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93547
93646
|
i0.ɵɵproperty("opportunity", data_r26.opportunity)("viewMode", data_r26.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
|
|
93548
93647
|
} }
|
|
93549
|
-
function
|
|
93648
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
|
|
93550
93649
|
const _r27 = i0.ɵɵgetCurrentView();
|
|
93551
93650
|
i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 112);
|
|
93552
|
-
i0.ɵɵlistener("continueClick", function
|
|
93651
|
+
i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
|
|
93553
93652
|
i0.ɵɵelementEnd();
|
|
93554
93653
|
} if (rf & 2) {
|
|
93555
93654
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93556
93655
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isEnabled", ctx_r1.hasCurrencySelected())("isLoading", ctx_r1.isCurrencySelectionLoading());
|
|
93557
93656
|
} }
|
|
93558
|
-
function
|
|
93657
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
93559
93658
|
const _r28 = i0.ɵɵgetCurrentView();
|
|
93560
93659
|
i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 113);
|
|
93561
|
-
i0.ɵɵlistener("continueClick", function
|
|
93660
|
+
i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
|
|
93562
93661
|
i0.ɵɵelementEnd();
|
|
93563
93662
|
} if (rf & 2) {
|
|
93564
93663
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
93565
93664
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("buttonConfig", ctx_r1.shopProfileStickyFooterButtonConfig);
|
|
93566
93665
|
} }
|
|
93567
|
-
function
|
|
93666
|
+
function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
93568
93667
|
const _r29 = i0.ɵɵgetCurrentView();
|
|
93569
|
-
i0.ɵɵelementStart(0, "div",
|
|
93570
|
-
i0.ɵɵlistener("click", function
|
|
93668
|
+
i0.ɵɵelementStart(0, "div", 27)(1, "div", 114)(2, "div", 115)(3, "button", 116);
|
|
93669
|
+
i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
|
|
93571
93670
|
i0.ɵɵtext(4, " Cancel ");
|
|
93572
93671
|
i0.ɵɵelementEnd();
|
|
93573
93672
|
i0.ɵɵelementStart(5, "button", 117);
|
|
93574
|
-
i0.ɵɵlistener("click", function
|
|
93673
|
+
i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
|
|
93575
93674
|
i0.ɵɵelementStart(6, "span");
|
|
93576
93675
|
i0.ɵɵtext(7, "Continue to Plans");
|
|
93577
93676
|
i0.ɵɵelementEnd();
|
|
@@ -94708,7 +94807,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94708
94807
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
|
|
94709
94808
|
} }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
94710
94809
|
i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
|
|
94711
|
-
} }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 59, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["type", "button", 1, "cursor-pointer", "w-full", "px-6", "py-5", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser", "hideHeader"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
94810
|
+
} }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 31, vars: 60, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["type", "button", 1, "cursor-pointer", "w-full", "px-6", "py-5", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser", "hideHeader"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
94712
94811
|
i0.ɵɵelementStart(0, "div", 2);
|
|
94713
94812
|
i0.ɵɵelement(1, "div", 3)(2, "symphiq-scroll-progress-bar", 4);
|
|
94714
94813
|
i0.ɵɵelementStart(3, "div", 5)(4, "symphiq-dashboard-header", 6);
|
|
@@ -94716,39 +94815,39 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94716
94815
|
i0.ɵɵelementEnd();
|
|
94717
94816
|
i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template, 1, 5, "symphiq-journey-progress-indicator", 7);
|
|
94718
94817
|
i0.ɵɵelementStart(6, "main", 8);
|
|
94719
|
-
i0.ɵɵconditionalCreate(7, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Template,
|
|
94720
|
-
i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template,
|
|
94721
|
-
i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template,
|
|
94818
|
+
i0.ɵɵconditionalCreate(7, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Template, 3, 2, "div", 9);
|
|
94819
|
+
i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template, 1, 2, "symphiq-loading-card", 10);
|
|
94820
|
+
i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template, 6, 6);
|
|
94821
|
+
i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template, 4, 4);
|
|
94722
94822
|
i0.ɵɵelementEnd();
|
|
94723
|
-
i0.ɵɵconditionalCreate(
|
|
94724
|
-
i0.ɵɵconditionalCreate(
|
|
94725
|
-
i0.ɵɵelementStart(
|
|
94726
|
-
i0.ɵɵlistener("close", function
|
|
94823
|
+
i0.ɵɵconditionalCreate(11, SymphiqProfileShopAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-floating-toc", 11);
|
|
94824
|
+
i0.ɵɵconditionalCreate(12, SymphiqProfileShopAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-section-navigation", 11);
|
|
94825
|
+
i0.ɵɵelementStart(13, "symphiq-search-modal", 12);
|
|
94826
|
+
i0.ɵɵlistener("close", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_search_modal_close_13_listener() { return ctx.closeSearch(); });
|
|
94727
94827
|
i0.ɵɵelementEnd();
|
|
94728
|
-
i0.ɵɵelementStart(
|
|
94729
|
-
i0.ɵɵlistener("close", function
|
|
94828
|
+
i0.ɵɵelementStart(14, "symphiq-view-mode-switcher-modal", 13);
|
|
94829
|
+
i0.ɵɵlistener("close", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_14_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_14_listener($event) { return ctx.handleDisplayModeChange($event); });
|
|
94730
94830
|
i0.ɵɵelementEnd();
|
|
94731
|
-
i0.ɵɵelementStart(
|
|
94732
|
-
i0.ɵɵconditionalCreate(
|
|
94733
|
-
i0.ɵɵconditionalCreate(
|
|
94734
|
-
i0.ɵɵconditionalCreate(
|
|
94735
|
-
i0.ɵɵconditionalCreate(
|
|
94736
|
-
i0.ɵɵconditionalCreate(
|
|
94737
|
-
i0.ɵɵconditionalCreate(
|
|
94738
|
-
i0.ɵɵconditionalCreate(
|
|
94739
|
-
i0.ɵɵconditionalCreate(
|
|
94831
|
+
i0.ɵɵelementStart(15, "symphiq-profile-analysis-modal", 14);
|
|
94832
|
+
i0.ɵɵconditionalCreate(16, SymphiqProfileShopAnalysisDashboardComponent_Conditional_16_Template, 1, 8, "symphiq-goal-card", 15);
|
|
94833
|
+
i0.ɵɵconditionalCreate(17, SymphiqProfileShopAnalysisDashboardComponent_Conditional_17_Template, 1, 2, "symphiq-goal-objectives-modal-content", 16);
|
|
94834
|
+
i0.ɵɵconditionalCreate(18, SymphiqProfileShopAnalysisDashboardComponent_Conditional_18_Template, 1, 3, "symphiq-objective-strategies-modal-content", 17);
|
|
94835
|
+
i0.ɵɵconditionalCreate(19, SymphiqProfileShopAnalysisDashboardComponent_Conditional_19_Template, 1, 10, "symphiq-strategy-recommendations-modal-content", 18);
|
|
94836
|
+
i0.ɵɵconditionalCreate(20, SymphiqProfileShopAnalysisDashboardComponent_Conditional_20_Template, 1, 3, "symphiq-category-detail-modal-content", 19);
|
|
94837
|
+
i0.ɵɵconditionalCreate(21, SymphiqProfileShopAnalysisDashboardComponent_Conditional_21_Template, 1, 4, "symphiq-strength-detail-modal-content", 20);
|
|
94838
|
+
i0.ɵɵconditionalCreate(22, SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template, 1, 5, "symphiq-gap-detail-modal-content", 21);
|
|
94839
|
+
i0.ɵɵconditionalCreate(23, SymphiqProfileShopAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 22);
|
|
94740
94840
|
i0.ɵɵelementEnd();
|
|
94741
|
-
i0.ɵɵelement(
|
|
94742
|
-
i0.ɵɵconditionalCreate(
|
|
94743
|
-
i0.ɵɵconditionalCreate(
|
|
94744
|
-
i0.ɵɵconditionalCreate(
|
|
94745
|
-
i0.ɵɵelementStart(
|
|
94746
|
-
i0.ɵɵlistener("markAsReviewedClick", function
|
|
94841
|
+
i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 23)(25, "symphiq-business-analysis-modal", 24)(26, "symphiq-tooltip-container");
|
|
94842
|
+
i0.ɵɵconditionalCreate(27, SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 25);
|
|
94843
|
+
i0.ɵɵconditionalCreate(28, SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template, 1, 4, "symphiq-profile-sticky-footer", 26);
|
|
94844
|
+
i0.ɵɵconditionalCreate(29, SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template, 10, 6, "div", 27);
|
|
94845
|
+
i0.ɵɵelementStart(30, "symphiq-mark-as-reviewed-footer", 28);
|
|
94846
|
+
i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_30_listener() { return ctx.handleMarkAsReviewedClick(); });
|
|
94747
94847
|
i0.ɵɵelementEnd()()();
|
|
94748
94848
|
} if (rf & 2) {
|
|
94749
94849
|
let tmp_6_0;
|
|
94750
94850
|
let tmp_13_0;
|
|
94751
|
-
let tmp_34_0;
|
|
94752
94851
|
let tmp_35_0;
|
|
94753
94852
|
let tmp_36_0;
|
|
94754
94853
|
let tmp_37_0;
|
|
@@ -94756,8 +94855,9 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94756
94855
|
let tmp_39_0;
|
|
94757
94856
|
let tmp_40_0;
|
|
94758
94857
|
let tmp_41_0;
|
|
94759
|
-
let
|
|
94858
|
+
let tmp_42_0;
|
|
94760
94859
|
let tmp_53_0;
|
|
94860
|
+
let tmp_54_0;
|
|
94761
94861
|
i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
|
|
94762
94862
|
i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
|
|
94763
94863
|
i0.ɵɵadvance();
|
|
@@ -94771,49 +94871,51 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94771
94871
|
i0.ɵɵadvance();
|
|
94772
94872
|
i0.ɵɵclassProp("pb-32", ctx.shouldShowStickyButton() || ctx.shouldShowShopProfileStickyFooter() || ctx.shouldShowReviewFooter());
|
|
94773
94873
|
i0.ɵɵadvance();
|
|
94774
|
-
i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
|
|
94874
|
+
i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isLoading() && (ctx.isSubscriptionActive() || ctx.isMetricAnalysis()) ? 7 : -1);
|
|
94775
94875
|
i0.ɵɵadvance();
|
|
94776
|
-
i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
|
|
94876
|
+
i0.ɵɵconditional(ctx.isSimplifiedView() && ctx.isLoading() ? 8 : -1);
|
|
94777
94877
|
i0.ɵɵadvance();
|
|
94778
|
-
i0.ɵɵconditional(
|
|
94878
|
+
i0.ɵɵconditional(ctx.isSimplifiedView() ? 9 : -1);
|
|
94779
94879
|
i0.ɵɵadvance();
|
|
94780
|
-
i0.ɵɵconditional(!ctx.isSimplifiedView()
|
|
94880
|
+
i0.ɵɵconditional(!ctx.isSimplifiedView() ? 10 : -1);
|
|
94781
94881
|
i0.ɵɵadvance();
|
|
94782
94882
|
i0.ɵɵconditional(!ctx.isSimplifiedView() && ctx.sections() ? 11 : -1);
|
|
94783
94883
|
i0.ɵɵadvance();
|
|
94884
|
+
i0.ɵɵconditional(!ctx.isSimplifiedView() && ctx.sections() ? 12 : -1);
|
|
94885
|
+
i0.ɵɵadvance();
|
|
94784
94886
|
i0.ɵɵproperty("isOpen", ctx.isSearchOpen())("isLightMode", ctx.isLightMode());
|
|
94785
94887
|
i0.ɵɵadvance();
|
|
94786
94888
|
i0.ɵɵproperty("isOpen", ctx.isViewModeSwitcherOpen())("currentMode", ctx.currentDisplayMode())("viewMode", ctx.viewMode());
|
|
94787
94889
|
i0.ɵɵadvance();
|
|
94788
94890
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
|
|
94789
94891
|
i0.ɵɵadvance();
|
|
94790
|
-
i0.ɵɵconditional((
|
|
94892
|
+
i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 16 : -1, tmp_35_0);
|
|
94791
94893
|
i0.ɵɵadvance();
|
|
94792
|
-
i0.ɵɵconditional((
|
|
94894
|
+
i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 17 : -1, tmp_36_0);
|
|
94793
94895
|
i0.ɵɵadvance();
|
|
94794
|
-
i0.ɵɵconditional((
|
|
94896
|
+
i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 18 : -1, tmp_37_0);
|
|
94795
94897
|
i0.ɵɵadvance();
|
|
94796
|
-
i0.ɵɵconditional((
|
|
94898
|
+
i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 19 : -1, tmp_38_0);
|
|
94797
94899
|
i0.ɵɵadvance();
|
|
94798
|
-
i0.ɵɵconditional((
|
|
94900
|
+
i0.ɵɵconditional((tmp_39_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 20 : -1, tmp_39_0);
|
|
94799
94901
|
i0.ɵɵadvance();
|
|
94800
|
-
i0.ɵɵconditional((
|
|
94902
|
+
i0.ɵɵconditional((tmp_40_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 21 : -1, tmp_40_0);
|
|
94801
94903
|
i0.ɵɵadvance();
|
|
94802
|
-
i0.ɵɵconditional((
|
|
94904
|
+
i0.ɵɵconditional((tmp_41_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 22 : -1, tmp_41_0);
|
|
94803
94905
|
i0.ɵɵadvance();
|
|
94804
|
-
i0.ɵɵconditional((
|
|
94906
|
+
i0.ɵɵconditional((tmp_42_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 23 : -1, tmp_42_0);
|
|
94805
94907
|
i0.ɵɵadvance();
|
|
94806
94908
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode())("viewMode", ctx.viewMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allCharts", ctx.allCharts());
|
|
94807
94909
|
i0.ɵɵadvance();
|
|
94808
94910
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
94809
94911
|
i0.ɵɵadvance(2);
|
|
94810
|
-
i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.hasBillingCurrency() && ctx.isSimplifiedView() && !ctx.isMetricAnalysis() ?
|
|
94912
|
+
i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.hasBillingCurrency() && ctx.isSimplifiedView() && !ctx.isMetricAnalysis() ? 27 : -1);
|
|
94811
94913
|
i0.ɵɵadvance();
|
|
94812
|
-
i0.ɵɵconditional(ctx.shouldShowShopProfileStickyFooter() ?
|
|
94914
|
+
i0.ɵɵconditional(ctx.shouldShowShopProfileStickyFooter() ? 28 : -1);
|
|
94813
94915
|
i0.ɵɵadvance();
|
|
94814
|
-
i0.ɵɵconditional(ctx.isEditingCurrency() ?
|
|
94916
|
+
i0.ɵɵconditional(ctx.isEditingCurrency() ? 29 : -1);
|
|
94815
94917
|
i0.ɵɵadvance();
|
|
94816
|
-
i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (
|
|
94918
|
+
i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_53_0 = ctx.profileAnalysis()) == null ? null : tmp_53_0.reviewStatus)("selfContentStatus", (tmp_54_0 = ctx.profileAnalysis()) == null ? null : tmp_54_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
|
|
94817
94919
|
} }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, MetricWelcomeBannerComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent, ContentGenerationProgressComponent, ProfileStatusCardComponent, ProfileStickyFooterComponent, LoadingCardComponent, MarkAsReviewedFooterComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
94818
94920
|
}
|
|
94819
94921
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileShopAnalysisDashboardComponent, [{
|
|
@@ -94869,8 +94971,8 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94869
94971
|
<main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12"
|
|
94870
94972
|
[class.pb-32]="shouldShowStickyButton() || shouldShowShopProfileStickyFooter() || shouldShowReviewFooter()">
|
|
94871
94973
|
|
|
94872
|
-
<!-- Welcome Banner (Simplified View Only) -->
|
|
94873
|
-
@if (isSimplifiedView()) {
|
|
94974
|
+
<!-- Welcome Banner (Simplified View Only, not during loading, requires active subscription for shop) -->
|
|
94975
|
+
@if (isSimplifiedView() && !isLoading() && (isSubscriptionActive() || isMetricAnalysis())) {
|
|
94874
94976
|
<div class="mb-12">
|
|
94875
94977
|
@if (!isMetricAnalysis()) {
|
|
94876
94978
|
<symphiq-shop-welcome-banner
|
|
@@ -94889,9 +94991,10 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94889
94991
|
/>
|
|
94890
94992
|
}
|
|
94891
94993
|
</div>
|
|
94994
|
+
}
|
|
94892
94995
|
|
|
94893
|
-
|
|
94894
|
-
|
|
94996
|
+
<!-- Loading Card -->
|
|
94997
|
+
@if (isSimplifiedView() && isLoading()) {
|
|
94895
94998
|
<symphiq-loading-card
|
|
94896
94999
|
[viewMode]="viewMode()"
|
|
94897
95000
|
title="Loading Your Shop Profile Analysis"
|
|
@@ -94899,7 +95002,6 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94899
95002
|
size="large"
|
|
94900
95003
|
[backdropBlur]="true"
|
|
94901
95004
|
/>
|
|
94902
|
-
}
|
|
94903
95005
|
}
|
|
94904
95006
|
|
|
94905
95007
|
<!-- Simplified View Content -->
|
|
@@ -96018,31 +96120,19 @@ class ProfileAnalysisStatusSummaryComponent {
|
|
|
96018
96120
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisStatusSummaryComponent, { className: "ProfileAnalysisStatusSummaryComponent", filePath: "lib/components/shared/profile-analysis-status-summary.component.ts", lineNumber: 264 }); })();
|
|
96019
96121
|
|
|
96020
96122
|
function ProfileProgressIndicatorComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
96021
|
-
i0.ɵɵ
|
|
96022
|
-
i0.ɵɵ
|
|
96023
|
-
i0.ɵɵ
|
|
96024
|
-
i0.ɵɵ
|
|
96025
|
-
i0.ɵɵ
|
|
96026
|
-
|
|
96027
|
-
i0.ɵɵ
|
|
96028
|
-
|
|
96029
|
-
|
|
96030
|
-
i0.ɵɵ
|
|
96031
|
-
i0.ɵɵ
|
|
96032
|
-
i0.ɵɵ
|
|
96033
|
-
i0.ɵɵ
|
|
96034
|
-
i0.ɵɵdomElementEnd();
|
|
96035
|
-
i0.ɵɵtext(3, " In Progress ");
|
|
96036
|
-
i0.ɵɵdomElementEnd();
|
|
96037
|
-
} }
|
|
96038
|
-
function ProfileProgressIndicatorComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
96039
|
-
i0.ɵɵdomElementStart(0, "div", 5);
|
|
96040
|
-
i0.ɵɵnamespaceSVG();
|
|
96041
|
-
i0.ɵɵdomElementStart(1, "svg", 6);
|
|
96042
|
-
i0.ɵɵdomElement(2, "path", 9);
|
|
96043
|
-
i0.ɵɵdomElementEnd();
|
|
96044
|
-
i0.ɵɵtext(3, " Not Started ");
|
|
96045
|
-
i0.ɵɵdomElementEnd();
|
|
96123
|
+
i0.ɵɵelementStart(0, "div", 5);
|
|
96124
|
+
i0.ɵɵelement(1, "div", 6);
|
|
96125
|
+
i0.ɵɵelementStart(2, "span", 7);
|
|
96126
|
+
i0.ɵɵtext(3);
|
|
96127
|
+
i0.ɵɵelementEnd()();
|
|
96128
|
+
} if (rf & 2) {
|
|
96129
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
96130
|
+
i0.ɵɵadvance();
|
|
96131
|
+
i0.ɵɵproperty("ngClass", ctx_r0.statusDotClasses());
|
|
96132
|
+
i0.ɵɵadvance();
|
|
96133
|
+
i0.ɵɵproperty("ngClass", ctx_r0.statusTextClasses());
|
|
96134
|
+
i0.ɵɵadvance();
|
|
96135
|
+
i0.ɵɵtextInterpolate(ctx_r0.statusLabel());
|
|
96046
96136
|
} }
|
|
96047
96137
|
class ProfileProgressIndicatorComponent {
|
|
96048
96138
|
constructor() {
|
|
@@ -96053,39 +96143,69 @@ class ProfileProgressIndicatorComponent {
|
|
|
96053
96143
|
this.status = input('not-started', ...(ngDevMode ? [{ debugName: "status" }] : []));
|
|
96054
96144
|
this.label = input('Profile progress', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
96055
96145
|
this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
|
|
96056
|
-
this.labelClasses = computed(() => 'text-slate-600
|
|
96057
|
-
this.
|
|
96058
|
-
this.
|
|
96146
|
+
this.labelClasses = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
|
|
96147
|
+
this.progressTextClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "progressTextClasses" }] : []));
|
|
96148
|
+
this.progressBarBgClasses = computed(() => this.isLightMode() ? 'bg-slate-200' : 'bg-slate-700', ...(ngDevMode ? [{ debugName: "progressBarBgClasses" }] : []));
|
|
96149
|
+
this.progressBarFillClasses = computed(() => {
|
|
96150
|
+
const s = this.status();
|
|
96151
|
+
if (s === 'complete') {
|
|
96152
|
+
return 'bg-emerald-500';
|
|
96153
|
+
}
|
|
96154
|
+
if (s === 'in-progress') {
|
|
96155
|
+
return 'bg-blue-500';
|
|
96156
|
+
}
|
|
96157
|
+
return this.isLightMode() ? 'bg-slate-400' : 'bg-slate-500';
|
|
96158
|
+
}, ...(ngDevMode ? [{ debugName: "progressBarFillClasses" }] : []));
|
|
96159
|
+
this.statusLabel = computed(() => {
|
|
96160
|
+
const s = this.status();
|
|
96161
|
+
if (s === 'complete')
|
|
96162
|
+
return 'Complete';
|
|
96163
|
+
if (s === 'in-progress')
|
|
96164
|
+
return 'In Progress';
|
|
96165
|
+
if (s === 'not-started')
|
|
96166
|
+
return 'Not Started';
|
|
96167
|
+
return '';
|
|
96168
|
+
}, ...(ngDevMode ? [{ debugName: "statusLabel" }] : []));
|
|
96169
|
+
this.statusDotClasses = computed(() => {
|
|
96170
|
+
const s = this.status();
|
|
96171
|
+
if (s === 'complete')
|
|
96172
|
+
return 'bg-emerald-500';
|
|
96173
|
+
if (s === 'in-progress')
|
|
96174
|
+
return 'bg-blue-500';
|
|
96175
|
+
return this.isLightMode() ? 'bg-slate-400' : 'bg-slate-500';
|
|
96176
|
+
}, ...(ngDevMode ? [{ debugName: "statusDotClasses" }] : []));
|
|
96177
|
+
this.statusTextClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "statusTextClasses" }] : []));
|
|
96059
96178
|
}
|
|
96060
96179
|
static { this.ɵfac = function ProfileProgressIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileProgressIndicatorComponent)(); }; }
|
|
96061
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileProgressIndicatorComponent, selectors: [["symphiq-profile-progress-indicator"]], inputs: { viewMode: [1, "viewMode"], questionsAnswered: [1, "questionsAnswered"], totalQuestions: [1, "totalQuestions"], progressPercent: [1, "progressPercent"], status: [1, "status"], label: [1, "label"] }, decls:
|
|
96062
|
-
i0.ɵɵ
|
|
96180
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileProgressIndicatorComponent, selectors: [["symphiq-profile-progress-indicator"]], inputs: { viewMode: [1, "viewMode"], questionsAnswered: [1, "questionsAnswered"], totalQuestions: [1, "totalQuestions"], progressPercent: [1, "progressPercent"], status: [1, "status"], label: [1, "label"] }, decls: 9, vars: 10, consts: [[1, "space-y-2"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "h-1.5", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-300", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "text-xs", 3, "ngClass"]], template: function ProfileProgressIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
|
|
96181
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
|
|
96063
96182
|
i0.ɵɵtext(3);
|
|
96064
|
-
i0.ɵɵ
|
|
96065
|
-
i0.ɵɵ
|
|
96183
|
+
i0.ɵɵelementEnd();
|
|
96184
|
+
i0.ɵɵelementStart(4, "span", 2);
|
|
96066
96185
|
i0.ɵɵtext(5);
|
|
96067
|
-
i0.ɵɵ
|
|
96068
|
-
i0.ɵɵ
|
|
96069
|
-
i0.ɵɵ
|
|
96070
|
-
i0.ɵɵ
|
|
96071
|
-
i0.ɵɵconditionalCreate(8, ProfileProgressIndicatorComponent_Conditional_8_Template, 4,
|
|
96072
|
-
i0.ɵɵ
|
|
96186
|
+
i0.ɵɵelementEnd()();
|
|
96187
|
+
i0.ɵɵelementStart(6, "div", 3);
|
|
96188
|
+
i0.ɵɵelement(7, "div", 4);
|
|
96189
|
+
i0.ɵɵelementEnd();
|
|
96190
|
+
i0.ɵɵconditionalCreate(8, ProfileProgressIndicatorComponent_Conditional_8_Template, 4, 3, "div", 5);
|
|
96191
|
+
i0.ɵɵelementEnd();
|
|
96073
96192
|
} if (rf & 2) {
|
|
96074
96193
|
i0.ɵɵadvance(2);
|
|
96075
|
-
i0.ɵɵ
|
|
96194
|
+
i0.ɵɵproperty("ngClass", ctx.labelClasses());
|
|
96076
96195
|
i0.ɵɵadvance();
|
|
96077
96196
|
i0.ɵɵtextInterpolate(ctx.label());
|
|
96078
96197
|
i0.ɵɵadvance();
|
|
96079
|
-
i0.ɵɵ
|
|
96198
|
+
i0.ɵɵproperty("ngClass", ctx.progressTextClasses());
|
|
96080
96199
|
i0.ɵɵadvance();
|
|
96081
|
-
i0.ɵɵtextInterpolate2("", ctx.questionsAnswered(), "
|
|
96200
|
+
i0.ɵɵtextInterpolate2(" ", ctx.questionsAnswered(), "/", ctx.totalQuestions(), " ");
|
|
96082
96201
|
i0.ɵɵadvance();
|
|
96083
|
-
i0.ɵɵ
|
|
96202
|
+
i0.ɵɵproperty("ngClass", ctx.progressBarBgClasses());
|
|
96084
96203
|
i0.ɵɵadvance();
|
|
96085
96204
|
i0.ɵɵstyleProp("width", ctx.progressPercent(), "%");
|
|
96205
|
+
i0.ɵɵproperty("ngClass", ctx.progressBarFillClasses());
|
|
96086
96206
|
i0.ɵɵadvance();
|
|
96087
|
-
i0.ɵɵconditional(ctx.
|
|
96088
|
-
} }, dependencies: [CommonModule], encapsulation: 2, changeDetection: 0 }); }
|
|
96207
|
+
i0.ɵɵconditional(ctx.statusLabel() ? 8 : -1);
|
|
96208
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
|
|
96089
96209
|
}
|
|
96090
96210
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileProgressIndicatorComponent, [{
|
|
96091
96211
|
type: Component,
|
|
@@ -96096,51 +96216,30 @@ class ProfileProgressIndicatorComponent {
|
|
|
96096
96216
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
96097
96217
|
template: `
|
|
96098
96218
|
<div class="space-y-2">
|
|
96099
|
-
<div class="flex items-center justify-between
|
|
96100
|
-
<span [
|
|
96101
|
-
<span [
|
|
96219
|
+
<div class="flex items-center justify-between">
|
|
96220
|
+
<span [ngClass]="labelClasses()" class="text-xs font-medium">{{ label() }}</span>
|
|
96221
|
+
<span [ngClass]="progressTextClasses()" class="text-xs font-medium">
|
|
96222
|
+
{{ questionsAnswered() }}/{{ totalQuestions() }}
|
|
96223
|
+
</span>
|
|
96102
96224
|
</div>
|
|
96103
|
-
|
|
96104
|
-
<div [class]="progressBarContainerClasses()">
|
|
96225
|
+
<div [ngClass]="progressBarBgClasses()" class="h-1.5 rounded-full overflow-hidden">
|
|
96105
96226
|
<div
|
|
96106
|
-
|
|
96227
|
+
[ngClass]="progressBarFillClasses()"
|
|
96107
96228
|
[style.width.%]="progressPercent()"
|
|
96108
|
-
|
|
96109
|
-
</div>
|
|
96110
|
-
|
|
96111
|
-
@if (status() === 'complete') {
|
|
96112
|
-
<div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
|
|
96113
|
-
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
|
|
96114
|
-
<path fill-rule="evenodd"
|
|
96115
|
-
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
|
96116
|
-
clip-rule="evenodd"/>
|
|
96117
|
-
</svg>
|
|
96118
|
-
Complete
|
|
96229
|
+
class="h-full rounded-full transition-all duration-300">
|
|
96119
96230
|
</div>
|
|
96120
|
-
|
|
96121
|
-
|
|
96122
|
-
|
|
96123
|
-
|
|
96124
|
-
|
|
96125
|
-
clip-rule="evenodd"/>
|
|
96126
|
-
</svg>
|
|
96127
|
-
In Progress
|
|
96128
|
-
</div>
|
|
96129
|
-
} @else {
|
|
96130
|
-
<div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
|
|
96131
|
-
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
|
|
96132
|
-
<path fill-rule="evenodd"
|
|
96133
|
-
d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z"
|
|
96134
|
-
clip-rule="evenodd"/>
|
|
96135
|
-
</svg>
|
|
96136
|
-
Not Started
|
|
96231
|
+
</div>
|
|
96232
|
+
@if (statusLabel()) {
|
|
96233
|
+
<div class="flex items-center gap-1.5">
|
|
96234
|
+
<div [ngClass]="statusDotClasses()" class="w-2 h-2 rounded-full"></div>
|
|
96235
|
+
<span [ngClass]="statusTextClasses()" class="text-xs">{{ statusLabel() }}</span>
|
|
96137
96236
|
</div>
|
|
96138
96237
|
}
|
|
96139
96238
|
</div>
|
|
96140
96239
|
`
|
|
96141
96240
|
}]
|
|
96142
96241
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], questionsAnswered: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionsAnswered", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], progressPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressPercent", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
|
|
96143
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileProgressIndicatorComponent, { className: "ProfileProgressIndicatorComponent", filePath: "lib/components/shared/profile-progress-indicator.component.ts", lineNumber:
|
|
96242
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileProgressIndicatorComponent, { className: "ProfileProgressIndicatorComponent", filePath: "lib/components/shared/profile-progress-indicator.component.ts", lineNumber: 36 }); })();
|
|
96144
96243
|
|
|
96145
96244
|
const _forTrack0$7 = ($index, $item) => $item.card.id;
|
|
96146
96245
|
function ProfileAnalysisCardGridComponent_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|