@eric-emg/symphiq-components 1.2.93 → 1.2.95
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/symphiq-components.mjs +313 -226
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +23 -20
- package/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/styles.css +0 -4
|
@@ -2884,7 +2884,9 @@ function OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_T
|
|
|
2884
2884
|
i0.ɵɵproperty("libSymphiqTooltip", ctx_r0.revenueTrendTooltip())("tooltipPosition", "top");
|
|
2885
2885
|
i0.ɵɵadvance();
|
|
2886
2886
|
i0.ɵɵclassMap(ctx_r0.trendIconClass());
|
|
2887
|
-
i0.ɵɵadvance(
|
|
2887
|
+
i0.ɵɵadvance();
|
|
2888
|
+
i0.ɵɵattribute("d", ctx_r0.revenueTrendArrowPath());
|
|
2889
|
+
i0.ɵɵadvance();
|
|
2888
2890
|
i0.ɵɵclassMap(ctx_r0.trendValueClass());
|
|
2889
2891
|
i0.ɵɵadvance();
|
|
2890
2892
|
i0.ɵɵtextInterpolate1("", ctx_r0.formattedRevenueTrend(), "%");
|
|
@@ -2910,7 +2912,7 @@ function OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_T
|
|
|
2910
2912
|
} }
|
|
2911
2913
|
function OverallAssessmentComponent_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
2912
2914
|
i0.ɵɵelementStart(0, "div", 19);
|
|
2913
|
-
i0.ɵɵconditionalCreate(1, OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_Template, 31,
|
|
2915
|
+
i0.ɵɵconditionalCreate(1, OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_Template, 31, 38, "div", 33);
|
|
2914
2916
|
i0.ɵɵelementStart(2, "div", 34)(3, "p", 35);
|
|
2915
2917
|
i0.ɵɵtext(4);
|
|
2916
2918
|
i0.ɵɵelementEnd()()();
|
|
@@ -3006,7 +3008,9 @@ function OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_T
|
|
|
3006
3008
|
i0.ɵɵproperty("libSymphiqTooltip", ctx_r0.revenueTrendTooltip())("tooltipPosition", "top");
|
|
3007
3009
|
i0.ɵɵadvance();
|
|
3008
3010
|
i0.ɵɵclassMap(ctx_r0.trendIconClass());
|
|
3009
|
-
i0.ɵɵadvance(
|
|
3011
|
+
i0.ɵɵadvance();
|
|
3012
|
+
i0.ɵɵattribute("d", ctx_r0.revenueTrendArrowPath());
|
|
3013
|
+
i0.ɵɵadvance();
|
|
3010
3014
|
i0.ɵɵclassMap(ctx_r0.trendValueClass());
|
|
3011
3015
|
i0.ɵɵadvance();
|
|
3012
3016
|
i0.ɵɵtextInterpolate1("", ctx_r0.formattedRevenueTrend(), "%");
|
|
@@ -3037,7 +3041,7 @@ function OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_T
|
|
|
3037
3041
|
i0.ɵɵtextInterpolate(ctx_r0.revenueMetric().description);
|
|
3038
3042
|
} }
|
|
3039
3043
|
function OverallAssessmentComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
3040
|
-
i0.ɵɵconditionalCreate(0, OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_Template, 38,
|
|
3044
|
+
i0.ɵɵconditionalCreate(0, OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_Template, 38, 41, "div", 56);
|
|
3041
3045
|
i0.ɵɵelementStart(1, "div", 57)(2, "p", 35);
|
|
3042
3046
|
i0.ɵɵtext(3);
|
|
3043
3047
|
i0.ɵɵelementEnd()();
|
|
@@ -3283,13 +3287,59 @@ class OverallAssessmentComponent {
|
|
|
3283
3287
|
this.darkModeRevenueIconClass = computed(() => 'text-emerald-400', ...(ngDevMode ? [{ debugName: "darkModeRevenueIconClass" }] : []));
|
|
3284
3288
|
this.revenueIconClass = computed(() => this.isLightMode() ? this.lightModeRevenueIconClass() : this.darkModeRevenueIconClass(), ...(ngDevMode ? [{ debugName: "revenueIconClass" }] : []));
|
|
3285
3289
|
this.formattedRevenueValue = computed(() => this.formatRevenue(this.revenueMetric()?.currentValue || 0), ...(ngDevMode ? [{ debugName: "formattedRevenueValue" }] : []));
|
|
3286
|
-
//
|
|
3287
|
-
this.
|
|
3288
|
-
|
|
3290
|
+
// Revenue trend direction
|
|
3291
|
+
this.revenueTrendDirection = computed(() => {
|
|
3292
|
+
const metric = this.revenueMetric();
|
|
3293
|
+
if (!metric)
|
|
3294
|
+
return 'FLAT';
|
|
3295
|
+
const direction = metric.trendDirection;
|
|
3296
|
+
return direction || 'FLAT';
|
|
3297
|
+
}, ...(ngDevMode ? [{ debugName: "revenueTrendDirection" }] : []));
|
|
3298
|
+
// Check if revenue is positive or negative trend
|
|
3299
|
+
this.isRevenueTrendPositive = computed(() => {
|
|
3300
|
+
const direction = this.revenueTrendDirection();
|
|
3301
|
+
const metric = this.revenueMetric();
|
|
3302
|
+
if (!metric)
|
|
3303
|
+
return true;
|
|
3304
|
+
// Revenue is not an inverse metric, so UP = positive, DOWN = negative
|
|
3305
|
+
const isInverse = false;
|
|
3306
|
+
if (direction === 'UP')
|
|
3307
|
+
return !isInverse;
|
|
3308
|
+
if (direction === 'DOWN')
|
|
3309
|
+
return isInverse;
|
|
3310
|
+
return true; // FLAT is neutral, default to positive styling
|
|
3311
|
+
}, ...(ngDevMode ? [{ debugName: "isRevenueTrendPositive" }] : []));
|
|
3312
|
+
// Dynamic arrow SVG path based on trend direction
|
|
3313
|
+
this.revenueTrendArrowPath = computed(() => {
|
|
3314
|
+
const direction = this.revenueTrendDirection();
|
|
3315
|
+
if (direction === 'UP') {
|
|
3316
|
+
// Up arrow
|
|
3317
|
+
return 'M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z';
|
|
3318
|
+
}
|
|
3319
|
+
else if (direction === 'DOWN') {
|
|
3320
|
+
// Down arrow
|
|
3321
|
+
return 'M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z';
|
|
3322
|
+
}
|
|
3323
|
+
else {
|
|
3324
|
+
// Horizontal arrow for FLAT
|
|
3325
|
+
return 'M3 10h11m0 0l-4-4m4 4l-4 4';
|
|
3326
|
+
}
|
|
3327
|
+
}, ...(ngDevMode ? [{ debugName: "revenueTrendArrowPath" }] : []));
|
|
3328
|
+
// Trend icon classes - dynamic based on trend direction
|
|
3329
|
+
this.lightModeTrendIconClass = computed(() => {
|
|
3330
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-600' : 'text-red-600';
|
|
3331
|
+
}, ...(ngDevMode ? [{ debugName: "lightModeTrendIconClass" }] : []));
|
|
3332
|
+
this.darkModeTrendIconClass = computed(() => {
|
|
3333
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-400' : 'text-red-400';
|
|
3334
|
+
}, ...(ngDevMode ? [{ debugName: "darkModeTrendIconClass" }] : []));
|
|
3289
3335
|
this.trendIconClass = computed(() => this.isLightMode() ? this.lightModeTrendIconClass() : this.darkModeTrendIconClass(), ...(ngDevMode ? [{ debugName: "trendIconClass" }] : []));
|
|
3290
|
-
// Trend value classes
|
|
3291
|
-
this.lightModeTrendValueClass = computed(() =>
|
|
3292
|
-
|
|
3336
|
+
// Trend value classes - dynamic based on trend direction
|
|
3337
|
+
this.lightModeTrendValueClass = computed(() => {
|
|
3338
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-600' : 'text-red-600';
|
|
3339
|
+
}, ...(ngDevMode ? [{ debugName: "lightModeTrendValueClass" }] : []));
|
|
3340
|
+
this.darkModeTrendValueClass = computed(() => {
|
|
3341
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-400' : 'text-red-400';
|
|
3342
|
+
}, ...(ngDevMode ? [{ debugName: "darkModeTrendValueClass" }] : []));
|
|
3293
3343
|
this.trendValueClass = computed(() => this.isLightMode() ? this.lightModeTrendValueClass() : this.darkModeTrendValueClass(), ...(ngDevMode ? [{ debugName: "trendValueClass" }] : []));
|
|
3294
3344
|
this.formattedRevenueTrend = computed(() => this.formatPercent(this.revenueMetric()?.trendPercent || 0), ...(ngDevMode ? [{ debugName: "formattedRevenueTrend" }] : []));
|
|
3295
3345
|
this.formattedRevenueTarget = computed(() => this.formatRevenue(this.revenueMetric()?.targetValue || 0), ...(ngDevMode ? [{ debugName: "formattedRevenueTarget" }] : []));
|
|
@@ -3615,7 +3665,7 @@ class OverallAssessmentComponent {
|
|
|
3615
3665
|
}
|
|
3616
3666
|
}
|
|
3617
3667
|
static { this.ɵfac = function OverallAssessmentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OverallAssessmentComponent)(); }; }
|
|
3618
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverallAssessmentComponent, selectors: [["symphiq-funnel-analysis-overall-assessment"]], inputs: { assessment: [1, "assessment"], revenueMetric: [1, "revenueMetric"], charts: [1, "charts"], metrics: [1, "metrics"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isChartsLoading: [1, "isChartsLoading"] }, outputs: { scrollToSection: "scrollToSection" }, decls: 2, vars: 1, consts: [[1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "flex", "gap-3", "justify-end"], [1, "grid", "grid-cols-2", "gap-4"], [1, "space-y-2"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "justify-between", "gap-4", "mb-4", "sm:mb-6"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-3", "sm:gap-4", "w-full", "sm:w-auto", "justify-end"], ["tooltipType", "badge", 1, "flex-1", "sm:flex-initial", "transition-all", "duration-300", "hover:scale-110", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1"], [1, "text-3xl", "sm:text-4xl", "font-bold"], [1, "flex", "flex-wrap", "gap-4", "mb-6", "sm:mb-8"], [1, "mb-4", "sm:mb-6"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "sm:gap-6"], [1, "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:scale-105", "hover:shadow-xl"], [1, "flex", "items-center", "gap-3", "mb-3"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "sm:w-6", "sm:h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-base", "sm:text-lg", "font-semibold"], [1, "text-xs", "sm:text-sm", "leading-relaxed"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], ["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-6 9l2 2 4-4"], [1, "mt-6", "sm:mt-8"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]", 3, "class"], [1, "flex-1", "min-w-[300px]", "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "group"], [1, "text-sm", "sm:text-base", "leading-relaxed"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]"], [1, "w-10", "h-10", "sm:w-12", "sm:h-12", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "sm:w-7", "sm:h-7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "min-w-0", "flex-1"], [1, "text-xs", "sm:text-sm", "font-semibold", "uppercase", "tracking-wider"], ["tooltipType", "metric", 1, "text-2xl", "sm:text-3xl", "lg:text-4xl", "font-bold", "truncate", "transition-all", "duration-300", "hover:scale-105", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "flex-col", "gap-2", "mb-3"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "gap-2", "sm:gap-4"], ["tooltipType", "trend", 1, "flex", "items-center", "gap-2", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "flex-shrink-0"], ["fill-rule", "evenodd", "
|
|
3668
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverallAssessmentComponent, selectors: [["symphiq-funnel-analysis-overall-assessment"]], inputs: { assessment: [1, "assessment"], revenueMetric: [1, "revenueMetric"], charts: [1, "charts"], metrics: [1, "metrics"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isChartsLoading: [1, "isChartsLoading"] }, outputs: { scrollToSection: "scrollToSection" }, decls: 2, vars: 1, consts: [[1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "flex", "gap-3", "justify-end"], [1, "grid", "grid-cols-2", "gap-4"], [1, "space-y-2"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "justify-between", "gap-4", "mb-4", "sm:mb-6"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-3", "sm:gap-4", "w-full", "sm:w-auto", "justify-end"], ["tooltipType", "badge", 1, "flex-1", "sm:flex-initial", "transition-all", "duration-300", "hover:scale-110", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1"], [1, "text-3xl", "sm:text-4xl", "font-bold"], [1, "flex", "flex-wrap", "gap-4", "mb-6", "sm:mb-8"], [1, "mb-4", "sm:mb-6"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "sm:gap-6"], [1, "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:scale-105", "hover:shadow-xl"], [1, "flex", "items-center", "gap-3", "mb-3"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "sm:w-6", "sm:h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-base", "sm:text-lg", "font-semibold"], [1, "text-xs", "sm:text-sm", "leading-relaxed"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], ["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-6 9l2 2 4-4"], [1, "mt-6", "sm:mt-8"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]", 3, "class"], [1, "flex-1", "min-w-[300px]", "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "group"], [1, "text-sm", "sm:text-base", "leading-relaxed"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]"], [1, "w-10", "h-10", "sm:w-12", "sm:h-12", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "sm:w-7", "sm:h-7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "min-w-0", "flex-1"], [1, "text-xs", "sm:text-sm", "font-semibold", "uppercase", "tracking-wider"], ["tooltipType", "metric", 1, "text-2xl", "sm:text-3xl", "lg:text-4xl", "font-bold", "truncate", "transition-all", "duration-300", "hover:scale-105", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "flex-col", "gap-2", "mb-3"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "gap-2", "sm:gap-4"], ["tooltipType", "trend", 1, "flex", "items-center", "gap-2", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "flex-shrink-0"], ["fill-rule", "evenodd", "clip-rule", "evenodd"], [1, "font-semibold", "text-base"], [1, "text-xs"], [1, "hidden", "sm:block", "h-6", "w-px", "bg-slate-600"], ["tooltipType", "status", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "font-semibold", "text-sm"], ["tooltipType", "status", 1, "flex", "items-center", "gap-2", 3, "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "status", 1, "inline-flex", "items-center", "gap-2", "px-3", "sm:px-4", "py-1.5", "sm:py-2", "rounded-lg", "font-bold", "text-base", "sm:text-lg", "transition-all", "duration-300", 3, "ngStyle", "libSymphiqTooltip", "tooltipPosition"], [1, "text-lg"], [1, "rounded-xl", "p-6", "sm:p-8", "mb-6", "sm:mb-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]", 3, "class"], [1, "rounded-xl", "p-4", "sm:p-6", "mb-4", "sm:mb-6", "border", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "group"], [1, "rounded-xl", "p-6", "sm:p-8", "mb-6", "sm:mb-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]"], [1, "flex", "flex-col", "md:flex-row", "items-start", "md:items-center", "gap-4", "md:gap-0"], [1, "flex-1", "w-full"], [1, "flex", "flex-col", "gap-2", "mt-4"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "sm:w-5", "sm:h-5", "flex-shrink-0"], [1, "font-semibold", "text-base", "sm:text-lg"], [1, "text-xs", "sm:text-sm"], [1, "font-semibold", "text-sm", "sm:text-base"], [1, "w-full", "md:w-auto", "md:text-right", "md:ml-4"], [1, "inline-flex", "items-center", "gap-2", "px-3", "sm:px-4", "py-1.5", "sm:py-2", "rounded-lg", "font-bold", "text-base", "sm:text-lg", "transition-all", "duration-300", 3, "ngStyle"], [1, "mt-2", "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], [3, "chart", "isLightMode", "isCompactMode", "collapsibleIn", "isLoading"], [3, "chartClick", "chart", "isLightMode", "isCompactMode", "collapsibleIn", "isLoading"], [3, "scrollToCompetitive", "metrics", "isLightMode", "isCompactMode", "overallDescription", "competitiveBenchmark"]], template: function OverallAssessmentComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3619
3669
|
i0.ɵɵconditionalCreate(0, OverallAssessmentComponent_Conditional_0_Template, 12, 15, "div", 0)(1, OverallAssessmentComponent_Conditional_1_Template, 54, 63, "div", 1);
|
|
3620
3670
|
} if (rf & 2) {
|
|
3621
3671
|
i0.ɵɵconditional(ctx.isLoading() ? 0 : 1);
|
|
@@ -3703,7 +3753,7 @@ class OverallAssessmentComponent {
|
|
|
3703
3753
|
tooltipType="trend"
|
|
3704
3754
|
[tooltipPosition]="'top'">
|
|
3705
3755
|
<svg [class]="trendIconClass()" class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
3706
|
-
<path fill-rule="evenodd" d="
|
|
3756
|
+
<path fill-rule="evenodd" [attr.d]="revenueTrendArrowPath()" clip-rule="evenodd" />
|
|
3707
3757
|
</svg>
|
|
3708
3758
|
<span [class]="trendValueClass()" class="font-semibold text-base">{{ formattedRevenueTrend() }}%</span>
|
|
3709
3759
|
<span [class]="badgeLabelClass()" class="text-xs">vs last year</span>
|
|
@@ -3777,7 +3827,7 @@ class OverallAssessmentComponent {
|
|
|
3777
3827
|
tooltipType="trend"
|
|
3778
3828
|
[tooltipPosition]="'top'">
|
|
3779
3829
|
<svg [class]="trendIconClass()" class="w-4 h-4 sm:w-5 sm:h-5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
3780
|
-
<path fill-rule="evenodd" d="
|
|
3830
|
+
<path fill-rule="evenodd" [attr.d]="revenueTrendArrowPath()" clip-rule="evenodd" />
|
|
3781
3831
|
</svg>
|
|
3782
3832
|
<span [class]="trendValueClass()" class="font-semibold text-base sm:text-lg">{{ formattedRevenueTrend() }}%</span>
|
|
3783
3833
|
<span [class]="badgeLabelClass()" class="text-xs sm:text-sm">vs last year</span>
|
|
@@ -5920,9 +5970,17 @@ class MetricCardComponent {
|
|
|
5920
5970
|
if ((m.metric || '').includes('RATE') || (m.metric || '').includes('CONVERSION') || (m.metric || '').includes('BOUNCE')) {
|
|
5921
5971
|
// Convert decimal to percentage if value is between 0-1
|
|
5922
5972
|
const percentValue = value < 1 ? value * 100 : value;
|
|
5973
|
+
// Use 3 decimal places for very small percentages
|
|
5974
|
+
if (percentValue < 0.01) {
|
|
5975
|
+
return percentValue.toFixed(3) + '%';
|
|
5976
|
+
}
|
|
5923
5977
|
return percentValue.toFixed(2) + '%';
|
|
5924
5978
|
}
|
|
5925
5979
|
if (value < 100 && value % 1 !== 0) {
|
|
5980
|
+
// Use 3 decimal places for very small values
|
|
5981
|
+
if (value < 0.01) {
|
|
5982
|
+
return value.toFixed(3);
|
|
5983
|
+
}
|
|
5926
5984
|
return value.toFixed(2);
|
|
5927
5985
|
}
|
|
5928
5986
|
return value.toLocaleString('en-US', { maximumFractionDigits: 0 });
|
|
@@ -8808,6 +8866,10 @@ class MetricValueTooltipComponent {
|
|
|
8808
8866
|
else if (unit === '%' || unit === 'percentage') {
|
|
8809
8867
|
// Convert decimal to percentage if value is between 0-1
|
|
8810
8868
|
const percentValue = value < 1 ? value * 100 : value;
|
|
8869
|
+
// Use 3 decimal places for very small percentages
|
|
8870
|
+
if (percentValue < 0.01) {
|
|
8871
|
+
return `${percentValue.toFixed(3)}%`;
|
|
8872
|
+
}
|
|
8811
8873
|
return `${percentValue.toFixed(2)}%`;
|
|
8812
8874
|
}
|
|
8813
8875
|
else if (value >= 1000000) {
|
|
@@ -8816,6 +8878,10 @@ class MetricValueTooltipComponent {
|
|
|
8816
8878
|
else if (value >= 1000) {
|
|
8817
8879
|
return `${(value / 1000).toFixed(1)}K`;
|
|
8818
8880
|
}
|
|
8881
|
+
// Use 3 decimal places for very small values
|
|
8882
|
+
if (value < 0.01 && value % 1 !== 0) {
|
|
8883
|
+
return value.toFixed(3);
|
|
8884
|
+
}
|
|
8819
8885
|
return value.toLocaleString();
|
|
8820
8886
|
}
|
|
8821
8887
|
formatChange() {
|
|
@@ -9196,23 +9262,14 @@ class StatusBadgeTooltipComponent {
|
|
|
9196
9262
|
}, ...(ngDevMode ? [{ debugName: "progressBarWidth" }] : []));
|
|
9197
9263
|
this.progressBarFillClass = computed(() => {
|
|
9198
9264
|
const status = this.content().status;
|
|
9199
|
-
const pacing = this.content().pacingPercentage || 0;
|
|
9200
9265
|
if (status === 'OVERACHIEVING') {
|
|
9201
9266
|
return 'bg-gradient-to-r from-blue-400 via-emerald-400 to-emerald-500 shadow-lg shadow-emerald-500/30';
|
|
9202
9267
|
}
|
|
9203
9268
|
else if (status === 'AT_RISK' || status === 'BEHIND') {
|
|
9204
9269
|
return 'bg-gradient-to-r from-amber-500 via-amber-400 to-red-500';
|
|
9205
9270
|
}
|
|
9206
|
-
|
|
9207
|
-
|
|
9208
|
-
}
|
|
9209
|
-
else if (pacing >= 80) {
|
|
9210
|
-
return 'bg-gradient-to-r from-blue-400 via-blue-500 to-emerald-500';
|
|
9211
|
-
}
|
|
9212
|
-
else if (pacing >= 60) {
|
|
9213
|
-
return 'bg-gradient-to-r from-amber-500 via-amber-400 to-amber-500';
|
|
9214
|
-
}
|
|
9215
|
-
return 'bg-gradient-to-r from-amber-500 via-amber-400 to-red-500';
|
|
9271
|
+
// Default for ON_TRACK and all other statuses
|
|
9272
|
+
return 'bg-gradient-to-r from-blue-400 via-blue-500 to-emerald-500';
|
|
9216
9273
|
}, ...(ngDevMode ? [{ debugName: "progressBarFillClass" }] : []));
|
|
9217
9274
|
this.remainingClass = computed(() => {
|
|
9218
9275
|
const remaining = this.calculateRemaining();
|
|
@@ -9300,9 +9357,17 @@ class StatusBadgeTooltipComponent {
|
|
|
9300
9357
|
else if (unit === 'percentage') {
|
|
9301
9358
|
// Convert decimal to percentage if value is between 0-1
|
|
9302
9359
|
const percentValue = value < 1 ? value * 100 : value;
|
|
9303
|
-
|
|
9360
|
+
// Use 3 decimal places for very small percentages
|
|
9361
|
+
if (percentValue < 0.01) {
|
|
9362
|
+
return `${percentValue.toFixed(3)}%`;
|
|
9363
|
+
}
|
|
9364
|
+
return `${percentValue.toFixed(2)}%`;
|
|
9304
9365
|
}
|
|
9305
9366
|
else {
|
|
9367
|
+
// Use 3 decimal places for very small values
|
|
9368
|
+
if (value < 0.01 && value % 1 !== 0) {
|
|
9369
|
+
return value.toFixed(3);
|
|
9370
|
+
}
|
|
9306
9371
|
return this.formatLargeNumberValue(value);
|
|
9307
9372
|
}
|
|
9308
9373
|
}, ...(ngDevMode ? [{ debugName: "displayProjectedValue" }] : []));
|
|
@@ -9369,7 +9434,12 @@ class StatusBadgeTooltipComponent {
|
|
|
9369
9434
|
// Handle percentage
|
|
9370
9435
|
if (unit === 'percentage') {
|
|
9371
9436
|
if (value < 1) {
|
|
9372
|
-
|
|
9437
|
+
const percentValue = value * 100;
|
|
9438
|
+
// Use 3 decimal places for very small percentages
|
|
9439
|
+
if (percentValue < 0.01) {
|
|
9440
|
+
return `${percentValue.toFixed(3)}%`;
|
|
9441
|
+
}
|
|
9442
|
+
return `${percentValue.toFixed(2)}%`;
|
|
9373
9443
|
}
|
|
9374
9444
|
return `${value.toFixed(2)}%`;
|
|
9375
9445
|
}
|
|
@@ -9380,6 +9450,10 @@ class StatusBadgeTooltipComponent {
|
|
|
9380
9450
|
else if (value >= 1000) {
|
|
9381
9451
|
return `${(value / 1000).toFixed(1)}K`;
|
|
9382
9452
|
}
|
|
9453
|
+
// Use 3 decimal places for very small values
|
|
9454
|
+
if (value < 0.01 && value % 1 !== 0) {
|
|
9455
|
+
return value.toFixed(3);
|
|
9456
|
+
}
|
|
9383
9457
|
return value.toLocaleString();
|
|
9384
9458
|
}
|
|
9385
9459
|
formatCurrencyValue(value) {
|
|
@@ -12786,6 +12860,7 @@ class MobileBottomNavComponent {
|
|
|
12786
12860
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileBottomNavComponent, { className: "MobileBottomNavComponent", filePath: "lib/components/funnel-analysis-dashboard/mobile-bottom-nav.component.ts", lineNumber: 33 }); })();
|
|
12787
12861
|
|
|
12788
12862
|
const FUNNEL_ANALYSIS = ({
|
|
12863
|
+
"selfContentCompletedDate": new Date(),
|
|
12789
12864
|
"title": "Maximize Revenue by Improving Conversion Rates and Reducing Funnel Leakage",
|
|
12790
12865
|
"description": "# Funnel Analysis for Custom Decorative Lighting\n\n### Overview\n\nYour shop’s funnel performance in 2025 shows strong growth in top-of-funnel traffic and revenue, but significant conversion challenges persist in the mid and lower funnel. While you’re exceeding targets in overall traffic, new user acquisition, and average order value, conversion rates from product views to purchases are lagging, especially on mobile and certain channels. Addressing these gaps is critical to maximizing the value of your high-quality, customizable lighting offerings and maintaining your leadership in the luxury lighting market.\n\n---\n\n### Performance Overview & Trends\n\n- **Traffic & Engagement:**\n - Views, Sessions, and Active Users are all pacing well above 2025 targets (Views: 1,740,174 vs. 1,606,999 target; Sessions: 925,074 vs. 659,278 target).\n - New Users are up 79% YoY (738,992 vs. 411,862), reflecting successful outreach and brand awareness, especially among design professionals and luxury residential clients.\n - Product Views have increased 21% YoY, indicating strong interest in your artisan-crafted and customizable lighting.\n- **Revenue:**\n - Revenue is up 25% YoY ($659,742 vs. $529,690), with Average Order Value at $5,737 (32% above target and 32% YoY growth), reflecting your premium positioning and successful upselling of custom and luxury fixtures.\n - Revenue Per Product View ($0.53) is slightly above target and up YoY, showing improved monetization of product interest.\n- **Conversion & Engagement:**\n - Conversion rates are down across the funnel: Ecommerce Conversion Rate (0.012%) and Product View Conversion Rate (0.009%) are both below target and last year.\n - Bounce Rate has increased to 64.7% (target: 55.0%), with mobile and tablet segments particularly high, indicating friction in the user journey.\n - Add To Cart and Checkout rates are below target, with Add To Cart Rate at 0.96% (target: 1.43%) and Checkout Conversion Rate at 12.5% (target: 15.1%).\n- **Trends:**\n - Monthly data shows spikes in traffic and revenue during project-driven cycles (notably September and October), but conversion rates remain inconsistent.\n - Lower funnel metrics (Purchases, Revenue) are improving, but not at the pace of top-of-funnel growth.\n- **Profile Insights:**\n - Your strong brand authority and artisan reputation are driving high-value orders, but the complexity of customization and project-based sales cycles may be contributing to lower conversion rates and higher bounce, especially for new or less trade-savvy customers.\n\n---\n\n### Medium Analysis\n\n- **Organic:**\n - Drives high-quality traffic (Product View Rate: 347.9%), strong Add To Cart Rate (1.58%), and above-average conversion rates (Ecommerce Conversion Rate: 0.054%).\n - Revenue Per Product View ($0.81) and Revenue Per Add To Cart ($178.27) are both strong, reflecting effective engagement with design professionals and homeowners seeking custom solutions.\n- **CPC (Paid):**\n - Delivers the largest share of Product Views (603,481), but conversion rates are low (Ecommerce Conversion Rate: 0.010%) and Add To Cart Rate (1.92%) is only slightly above average.\n - Revenue Per Add To Cart ($29.86) is well below organic and referral, indicating inefficiency in paid campaigns.\n- **Referral:**\n - High Revenue Per Add To Cart ($328.87) and Average Order Value ($14,142), but low Add To Cart Rate (0.14%) and Ecommerce Conversion Rate (0.003%).\n - Suggests referrals are highly qualified but limited in volume—opportunity to deepen partnerships with trade and design professionals.\n- **Email:**\n - Strong Average Order Value ($9,220), but low traffic and conversion rates (Ecommerce Conversion Rate: 0.004%).\n - Indicates potential for more targeted, segmented campaigns to trade and commercial clients.\n- **Direct:**\n - Consistent performance across the funnel, with Add To Cart Rate (0.54%) and Revenue Per Add To Cart ($101.29) above paid but below organic and referral.\n- **Profile Insights:**\n - Organic and referral mediums align best with your brand’s value proposition and customer segments, while paid and email require optimization to better target high-intent, project-based buyers.\n\n---\n\n### Source Analysis\n\n- **Google:**\n - Largest source of traffic and revenue (Product Views: 738,639; Revenue: $313,196), but conversion rates are below target (Ecommerce Conversion Rate: 0.022%).\n - Revenue Per Product View ($0.42) is solid, but Add To Cart Rate (2.31%) and Product View To Cart Conversion Rate (0.90%) suggest room for improvement in mid-funnel engagement.\n- **Direct:**\n - Strong Add To Cart Rate (2.44%) and consistent revenue ($107,772), but conversion rates lag behind organic.\n- **Bing & Yahoo:**\n - High Average Order Value ($8,894 for Bing, $4,798 for Yahoo) and strong Add To Cart Rates, but low volume.\n- **Klaviyo (Email):**\n - Highest Average Order Value ($9,220), but low conversion rates and traffic—opportunity for more personalized, segmented outreach.\n- **Facebook & Pinterest:**\n - Low conversion rates and revenue, indicating these sources are not effectively reaching your core trade and luxury segments.\n- **Profile Insights:**\n - Google and direct sources are critical for both residential and trade clients, but further segmentation and retargeting could improve conversion efficiency.\n\n---\n\n### Device Analysis\n\n- **Desktop:**\n - Dominates revenue ($573,262), Purchases (91), and conversion rates (Ecommerce Conversion Rate: 0.025%).\n - Bounce Rate is lowest (55.5%), and Add To Cart Rate (1.83%) is highest among devices.\n - Average Order Value ($6,300) and Revenue Per Product View ($0.72) are both strong, reflecting the research-intensive, high-consideration nature of luxury lighting purchases.\n- **Mobile:**\n - Drives the most sessions (501,561) and new users (444,990), but conversion rates are lowest (Ecommerce Conversion Rate: 0.004%) and Bounce Rate is highest (70.4%).\n - Revenue Per Product View ($0.17) and Average Order Value ($3,096) are well below desktop, indicating friction for mobile users—likely due to the complexity of custom product selection and quoting.\n- **Tablet:**\n - Smallest share of traffic, but highest Checkout Conversion Rate (25%) and Average Order Value ($7,156), suggesting a niche but highly qualified segment (possibly trade professionals or commercial buyers).\n- **Profile Insights:**\n - Desktop is the primary channel for trade and high-value residential clients, while mobile underperformance suggests a need to simplify the mobile experience for homeowners and specifiers.\n\n---\n\n### Pacing & Target Comparison\n\n| Metric | 2025 Target | 2025 Pacing | Gap (%) |\n|-------------------------------|--------------|--------------|-----------|\n| Revenue Per Product View | 0.52 | 0.53 | +2.1% |\n| Product Views | 1,229,726 | 1,242,036 | +1.0% |\n| New Users | 470,660 | 738,992 | +57.1% |\n| Add To Carts | 9,933 | 8,926 | -10.1% |\n| Checkouts | 1,095 | 923 | -15.7% |\n| Purchases | 160 | 115 | -28.3% |\n| Revenue | $710,638 | $659,742 | -7.2% |\n| Average Order Value | $4,480 | $5,737 | +28.1% |\n| Add To Cart Rate | 1.43% | 0.96% | -32.9% |\n| Ecommerce Conversion Rate | 0.02% | 0.012% | -37.8% |\n| Bounce Rate | 55.0% | 64.7% | +17.6% |\n| Product View Conversion Rate | 0.01% | 0.009% | -7.4% |\n| Product View To Cart Conv. | 0.81% | 0.72% | -11.1% |\n| Cart To Checkout Conv. | 11.06% | 10.34% | -6.5% |\n| Checkout Conversion Rate | 15.07% | 12.46% | -17.3% |\n| Product View Rate | 184.12% | 134.26% | -27.1% |\n| Revenue Per Add To Cart | $67.69 | $73.91 | +9.2% |\n| Revenue Per Checkout | $642.90 | $714.78 | +11.2% |\n| Active User Add To Cart Rate | 1.71% | 1.09% | -36.3% |\n| Active User Checkout Rate | 0.18% | 0.11% | -38.1% |\n| Add To Cart Conversion Rate | 1.59% | 1.29% | -18.9% |\n| Ecommerce Purchases | 160.41 | 115 | -28.3% |\n| Sessions | 659,278 | 925,074 | +40.3% |\n| Screen Page Views | 1,606,999 | 1,740,174 | +8.3% |\n| Active Users | 551,076 | 818,976 | +48.6% |\n\n- **Key At-Risk Metrics:**\n - Purchases, Add To Carts, Checkouts, Conversion Rates, and Bounce Rate are all pacing below target.\n - Revenue is below target despite strong traffic and order value, due to conversion inefficiencies.\n- **Overachieving Metrics:**\n - Traffic, New Users, Average Order Value, and Revenue Per Add To Cart are all exceeding targets.\n\n---\n\n### Funnel Summary & Data Quality\n\n- **Funnel Breakdown:**\n - Top-of-funnel (Views, Sessions, Active Users, Product Views) is robust and growing.\n - Mid-funnel (Add To Carts, Checkouts) is underperforming, with significant drop-off from Product Views to Add To Carts (0.72% Product View To Cart Conversion Rate).\n - Lower funnel (Purchases, Revenue) is improving YoY but not keeping pace with traffic growth.\n- **Leakage Points:**\n - Major drop-off between Product Views and Add To Carts, and again at Checkout to Purchase.\n - High Bounce Rate, especially on mobile, is a key contributor to funnel leakage.\n- **Data Quality:**\n - No periods with zero values for core metrics detected; data appears consistent and reliable.\n\n---\n\n### Strengths, Weaknesses & Opportunities\n\n**Strengths:**\n- High Average Order Value ($5,737) and Revenue Per Add To Cart ($73.91), reflecting strong brand authority and premium positioning.\n- Robust traffic and new user growth (+57% YoY), especially among design professionals and luxury residential clients.\n- Desktop experience is highly effective for core trade and commercial buyers, with strong conversion and revenue metrics.\n- Organic and referral channels deliver high-value, qualified leads aligned with your custom and luxury offerings.\n\n**Weaknesses:**\n- Conversion rates (Ecommerce, Add To Cart, Checkout) are below target and declining YoY, especially on mobile.\n- Bounce Rate is high (64.7%) and rising, particularly on mobile and tablet, indicating friction in the user journey.\n- Paid and email channels are not delivering efficient conversions or revenue, despite high spend and strong order values.\n- Significant funnel leakage from Product Views to Add To Carts and at Checkout, limiting revenue growth.\n\n**Opportunities:**\n- Optimize mobile and tablet experiences to better serve homeowners and specifiers, reducing bounce and improving conversion.\n- Deepen partnerships with trade and design professionals through referral and organic channels to increase high-value project leads.\n- Refine paid and email campaigns to focus on high-intent, project-based buyers and segment messaging by customer type.\n- Leverage storytelling, case studies, and behind-the-scenes content to reinforce artisan craftsmanship and customization.\n\n---\n\n### Actionable Recommendations & Next Steps\n\n**1. Optimize Conversion Rates (Primary Focus)**\n- Conduct a UX audit, especially on mobile, to identify and remove friction points in the product selection and customization process.\n- Streamline Add To Cart and Checkout processes—reduce steps, clarify customization options, and provide clear pricing and lead times.\n- Highlight trust signals (testimonials, project case studies, artisan stories) prominently on product and checkout pages to reassure high-value buyers.\n\n**2. Enhance Channel & Acquisition Efficiency**\n- Refocus paid campaigns on high-intent keywords and audiences specific to trade, commercial, and luxury residential projects.\n- Expand organic content around industry trends, customization options, and project-driven sales cycles to attract design professionals.\n- Build partnerships with architects, designers, and industry organizations to increase high-quality referral traffic.\n\n**3. Improve Engagement & Reduce Bounce Rate**\n- Personalize landing pages and product recommendations based on traffic source and customer segment (trade vs. homeowner).\n- Implement engagement tactics such as exit-intent popups, live chat, and downloadable resources (e.g., spec sheets, lookbooks) to capture leads and reduce bounce.\n- Simplify mobile navigation and prioritize key content to improve the mobile experience for specifiers and homeowners.\n\n**4. Leverage Data & Segmentation**\n- Segment analytics by customer type (trade, homeowner, commercial) and region to tailor messaging and offers.\n- Monitor seasonal and project-driven patterns to align marketing cadence with industry events and renovation cycles.\n- Track segment-specific metrics to measure the impact of targeted initiatives and refine strategies accordingly.\n\n**5. Ensure Data Quality & Measurement Integrity**\n- Continue regular data audits to ensure all funnel stages are tracked accurately, especially as you launch new campaigns or site features.\n- Validate tracking and attribution for new channels and referral partnerships to maintain reliable performance insights.\n\n---\n",
|
|
12791
12866
|
"performanceOverviewStructured": {
|
|
@@ -21587,7 +21662,23 @@ function SymphiqFunnelAnalysisDashboardComponent_For_37_Template(rf, ctx) { if (
|
|
|
21587
21662
|
i0.ɵɵadvance();
|
|
21588
21663
|
i0.ɵɵtextInterpolate(section_r2.label);
|
|
21589
21664
|
} }
|
|
21590
|
-
function
|
|
21665
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
|
|
21666
|
+
i0.ɵɵelementStart(0, "div", 28)(1, "div", 29);
|
|
21667
|
+
i0.ɵɵtext(2, "Generated At");
|
|
21668
|
+
i0.ɵɵelementEnd();
|
|
21669
|
+
i0.ɵɵelementStart(3, "div", 30);
|
|
21670
|
+
i0.ɵɵtext(4);
|
|
21671
|
+
i0.ɵɵelementEnd()();
|
|
21672
|
+
} if (rf & 2) {
|
|
21673
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
21674
|
+
i0.ɵɵadvance();
|
|
21675
|
+
i0.ɵɵclassMap(ctx_r2.metaLabelClass());
|
|
21676
|
+
i0.ɵɵadvance(2);
|
|
21677
|
+
i0.ɵɵclassMap(ctx_r2.headerTitleClass());
|
|
21678
|
+
i0.ɵɵadvance();
|
|
21679
|
+
i0.ɵɵtextInterpolate(ctx_r2.formattedGeneratedDate());
|
|
21680
|
+
} }
|
|
21681
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
|
|
21591
21682
|
i0.ɵɵelementStart(0, "div", 35)(1, "span", 55);
|
|
21592
21683
|
i0.ɵɵtext(2, "Revenue:");
|
|
21593
21684
|
i0.ɵɵelementEnd();
|
|
@@ -21611,19 +21702,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template(rf, ctx
|
|
|
21611
21702
|
i0.ɵɵadvance();
|
|
21612
21703
|
i0.ɵɵtextInterpolate2(" ", ctx_r2.revenueTrend() >= 0 ? "+" : "", "", ctx_r2.revenueTrend().toFixed(1), "% ");
|
|
21613
21704
|
} }
|
|
21614
|
-
function
|
|
21705
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
|
|
21615
21706
|
i0.ɵɵnamespaceSVG();
|
|
21616
21707
|
i0.ɵɵelementStart(0, "svg", 37);
|
|
21617
21708
|
i0.ɵɵelement(1, "path", 53);
|
|
21618
21709
|
i0.ɵɵelementEnd();
|
|
21619
21710
|
} }
|
|
21620
|
-
function
|
|
21711
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
|
|
21621
21712
|
i0.ɵɵnamespaceSVG();
|
|
21622
21713
|
i0.ɵɵelementStart(0, "svg", 37);
|
|
21623
21714
|
i0.ɵɵelement(1, "path", 54);
|
|
21624
21715
|
i0.ɵɵelementEnd();
|
|
21625
21716
|
} }
|
|
21626
|
-
function
|
|
21717
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_62_Template(rf, ctx) { if (rf & 1) {
|
|
21627
21718
|
i0.ɵɵelementStart(0, "option", 26);
|
|
21628
21719
|
i0.ɵɵtext(1);
|
|
21629
21720
|
i0.ɵɵelementEnd();
|
|
@@ -21633,7 +21724,7 @@ function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (
|
|
|
21633
21724
|
i0.ɵɵadvance();
|
|
21634
21725
|
i0.ɵɵtextInterpolate(section_r4.label);
|
|
21635
21726
|
} }
|
|
21636
|
-
function
|
|
21727
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_63_Template(rf, ctx) { if (rf & 1) {
|
|
21637
21728
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
21638
21729
|
i0.ɵɵelementStart(0, "div", 40)(1, "div", 31)(2, "div", 32)(3, "div", 58);
|
|
21639
21730
|
i0.ɵɵnamespaceSVG();
|
|
@@ -21651,7 +21742,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx
|
|
|
21651
21742
|
i0.ɵɵtext(12);
|
|
21652
21743
|
i0.ɵɵelementEnd()()();
|
|
21653
21744
|
i0.ɵɵelementStart(13, "button", 64);
|
|
21654
|
-
i0.ɵɵlistener("click", function
|
|
21745
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_63_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
21655
21746
|
i0.ɵɵnamespaceSVG();
|
|
21656
21747
|
i0.ɵɵelementStart(14, "svg", 37);
|
|
21657
21748
|
i0.ɵɵelement(15, "path", 65);
|
|
@@ -21674,52 +21765,52 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx
|
|
|
21674
21765
|
i0.ɵɵadvance();
|
|
21675
21766
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-600 hover:text-blue-800 hover:bg-blue-100" : "text-blue-400 hover:text-blue-200 hover:bg-blue-800/50");
|
|
21676
21767
|
} }
|
|
21677
|
-
function
|
|
21768
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
|
|
21678
21769
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
21679
21770
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21680
|
-
i0.ɵɵlistener("click", function
|
|
21771
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_65_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToTop()); });
|
|
21681
21772
|
i0.ɵɵelementEnd();
|
|
21682
21773
|
} if (rf & 2) {
|
|
21683
21774
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21684
21775
|
i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21685
21776
|
} }
|
|
21686
|
-
function
|
|
21777
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
|
|
21687
21778
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
21688
21779
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21689
|
-
i0.ɵɵlistener("click", function
|
|
21780
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("insights-section")); });
|
|
21690
21781
|
i0.ɵɵelementEnd();
|
|
21691
21782
|
} if (rf & 2) {
|
|
21692
21783
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21693
21784
|
i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21694
21785
|
} }
|
|
21695
|
-
function
|
|
21786
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
|
|
21696
21787
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
21697
21788
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21698
|
-
i0.ɵɵlistener("click", function
|
|
21789
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("metrics-section")); });
|
|
21699
21790
|
i0.ɵɵelementEnd();
|
|
21700
21791
|
} if (rf & 2) {
|
|
21701
21792
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21702
21793
|
i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21703
21794
|
} }
|
|
21704
|
-
function
|
|
21795
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
|
|
21705
21796
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
21706
21797
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21707
|
-
i0.ɵɵlistener("click", function
|
|
21798
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("breakdowns-section")); });
|
|
21708
21799
|
i0.ɵɵelementEnd();
|
|
21709
21800
|
} if (rf & 2) {
|
|
21710
21801
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21711
21802
|
i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
21712
21803
|
} }
|
|
21713
|
-
function
|
|
21804
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
|
|
21714
21805
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
21715
21806
|
i0.ɵɵelementStart(0, "button", 66);
|
|
21716
|
-
i0.ɵɵlistener("click", function
|
|
21807
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("competitive-section")); });
|
|
21717
21808
|
i0.ɵɵelementEnd();
|
|
21718
21809
|
} if (rf & 2) {
|
|
21719
21810
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21720
21811
|
i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
|
|
21721
21812
|
} }
|
|
21722
|
-
function
|
|
21813
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21723
21814
|
i0.ɵɵelementStart(0, "div", 67)(1, "div", 69)(2, "div", 11);
|
|
21724
21815
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
21725
21816
|
i0.ɵɵelementStart(4, "div", 71);
|
|
@@ -21751,25 +21842,25 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_1_Te
|
|
|
21751
21842
|
i0.ɵɵadvance();
|
|
21752
21843
|
i0.ɵɵproperty("width", "100%")("height", "200px")("isLightMode", ctx_r2.isLightMode());
|
|
21753
21844
|
} }
|
|
21754
|
-
function
|
|
21845
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
21755
21846
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
21756
21847
|
i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 74);
|
|
21757
|
-
i0.ɵɵlistener("scrollToSection", function
|
|
21848
|
+
i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
|
|
21758
21849
|
i0.ɵɵelementEnd();
|
|
21759
21850
|
} if (rf & 2) {
|
|
21760
21851
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21761
21852
|
i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8, _c1))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading());
|
|
21762
21853
|
} }
|
|
21763
|
-
function
|
|
21854
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
|
|
21764
21855
|
i0.ɵɵelementStart(0, "div", 45);
|
|
21765
|
-
i0.ɵɵconditionalCreate(1,
|
|
21856
|
+
i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_1_Template, 14, 25, "div", 67)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Conditional_2_Template, 1, 9, "symphiq-funnel-analysis-overall-assessment", 68);
|
|
21766
21857
|
i0.ɵɵelementEnd();
|
|
21767
21858
|
} if (rf & 2) {
|
|
21768
21859
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
21769
21860
|
i0.ɵɵadvance();
|
|
21770
21861
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
|
|
21771
21862
|
} }
|
|
21772
|
-
function
|
|
21863
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21773
21864
|
i0.ɵɵelementStart(0, "div", 75)(1, "div", 86);
|
|
21774
21865
|
i0.ɵɵelement(2, "div", 87);
|
|
21775
21866
|
i0.ɵɵelementEnd();
|
|
@@ -21787,7 +21878,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Te
|
|
|
21787
21878
|
i0.ɵɵadvance();
|
|
21788
21879
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-500" : "text-blue-400");
|
|
21789
21880
|
} }
|
|
21790
|
-
function
|
|
21881
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21791
21882
|
i0.ɵɵelementStart(0, "div", 92)(1, "div", 93)(2, "div", 94);
|
|
21792
21883
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
21793
21884
|
i0.ɵɵelementEnd();
|
|
@@ -21820,15 +21911,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_F
|
|
|
21820
21911
|
i0.ɵɵadvance();
|
|
21821
21912
|
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
|
|
21822
21913
|
} }
|
|
21823
|
-
function
|
|
21914
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
21824
21915
|
i0.ɵɵelementStart(0, "div", 84);
|
|
21825
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21916
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_For_2_Template, 14, 28, "div", 92, i0.ɵɵrepeaterTrackByIdentity);
|
|
21826
21917
|
i0.ɵɵelementEnd();
|
|
21827
21918
|
} if (rf & 2) {
|
|
21828
21919
|
i0.ɵɵadvance();
|
|
21829
21920
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
|
|
21830
21921
|
} }
|
|
21831
|
-
function
|
|
21922
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21832
21923
|
i0.ɵɵelementStart(0, "div", 98);
|
|
21833
21924
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 99);
|
|
21834
21925
|
i0.ɵɵelementEnd();
|
|
@@ -21842,16 +21933,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_F
|
|
|
21842
21933
|
i0.ɵɵadvance();
|
|
21843
21934
|
i0.ɵɵproperty("insight", insight_r12)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r12))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
|
|
21844
21935
|
} }
|
|
21845
|
-
function
|
|
21936
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
21846
21937
|
i0.ɵɵelementStart(0, "div", 84);
|
|
21847
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21938
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_For_2_Template, 2, 13, "div", 97, i0.ɵɵrepeaterTrackByIndex);
|
|
21848
21939
|
i0.ɵɵelementEnd();
|
|
21849
21940
|
} if (rf & 2) {
|
|
21850
21941
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21851
21942
|
i0.ɵɵadvance();
|
|
21852
21943
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
21853
21944
|
} }
|
|
21854
|
-
function
|
|
21945
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21855
21946
|
i0.ɵɵelementStart(0, "div", 98);
|
|
21856
21947
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 99);
|
|
21857
21948
|
i0.ɵɵelementEnd();
|
|
@@ -21864,17 +21955,17 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_F
|
|
|
21864
21955
|
i0.ɵɵadvance();
|
|
21865
21956
|
i0.ɵɵproperty("insight", insight_r14)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r14))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
|
|
21866
21957
|
} }
|
|
21867
|
-
function
|
|
21958
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
21868
21959
|
i0.ɵɵelementStart(0, "div", 85);
|
|
21869
|
-
i0.ɵɵrepeaterCreate(1,
|
|
21960
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_For_2_Template, 2, 11, "div", 100, i0.ɵɵrepeaterTrackByIndex);
|
|
21870
21961
|
i0.ɵɵelementEnd();
|
|
21871
21962
|
} if (rf & 2) {
|
|
21872
21963
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21873
21964
|
i0.ɵɵadvance();
|
|
21874
21965
|
i0.ɵɵrepeater(ctx_r2.insights());
|
|
21875
21966
|
} }
|
|
21876
|
-
function
|
|
21877
|
-
i0.ɵɵconditionalCreate(0,
|
|
21967
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
|
|
21968
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_0_Template, 7, 3, "div", 75);
|
|
21878
21969
|
i0.ɵɵelementStart(1, "section", 76);
|
|
21879
21970
|
i0.ɵɵelement(2, "div", 77);
|
|
21880
21971
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 79)(5, "div", 11)(6, "div", 80)(7, "div", 11);
|
|
@@ -21889,7 +21980,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx
|
|
|
21889
21980
|
i0.ɵɵelementStart(12, "span", 29);
|
|
21890
21981
|
i0.ɵɵtext(13);
|
|
21891
21982
|
i0.ɵɵelementEnd()();
|
|
21892
|
-
i0.ɵɵconditionalCreate(14,
|
|
21983
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_Template, 3, 1, "div", 84)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_Template, 3, 0, "div", 84)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_Template, 3, 0, "div", 85);
|
|
21893
21984
|
i0.ɵɵelementEnd()();
|
|
21894
21985
|
} if (rf & 2) {
|
|
21895
21986
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -21909,7 +22000,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx
|
|
|
21909
22000
|
i0.ɵɵadvance();
|
|
21910
22001
|
i0.ɵɵconditional(ctx_r2.isDataLoading() || ctx_r2.viewModeService.isExpanded() && ctx_r2.viewModeService.getIsTransitioning() ? 14 : ctx_r2.viewModeService.isExpanded() ? 15 : 16);
|
|
21911
22002
|
} }
|
|
21912
|
-
function
|
|
22003
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21913
22004
|
i0.ɵɵelementStart(0, "div", 101)(1, "div", 86);
|
|
21914
22005
|
i0.ɵɵelement(2, "div", 87);
|
|
21915
22006
|
i0.ɵɵelementEnd();
|
|
@@ -21927,12 +22018,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Te
|
|
|
21927
22018
|
i0.ɵɵadvance();
|
|
21928
22019
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
|
|
21929
22020
|
} }
|
|
21930
|
-
function
|
|
22021
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
21931
22022
|
i0.ɵɵelementStart(0, "div", 108);
|
|
21932
22023
|
i0.ɵɵelement(1, "div", 118);
|
|
21933
22024
|
i0.ɵɵelementEnd();
|
|
21934
22025
|
} }
|
|
21935
|
-
function
|
|
22026
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21936
22027
|
i0.ɵɵelementStart(0, "option", 119);
|
|
21937
22028
|
i0.ɵɵtext(1);
|
|
21938
22029
|
i0.ɵɵelementEnd();
|
|
@@ -21942,7 +22033,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Condition
|
|
|
21942
22033
|
i0.ɵɵadvance();
|
|
21943
22034
|
i0.ɵɵtextInterpolate(cat_r17.label);
|
|
21944
22035
|
} }
|
|
21945
|
-
function
|
|
22036
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
21946
22037
|
i0.ɵɵelementStart(0, "option", 26);
|
|
21947
22038
|
i0.ɵɵtext(1);
|
|
21948
22039
|
i0.ɵɵelementEnd();
|
|
@@ -21952,24 +22043,24 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Condition
|
|
|
21952
22043
|
i0.ɵɵadvance();
|
|
21953
22044
|
i0.ɵɵtextInterpolate(cat_r17.label);
|
|
21954
22045
|
} }
|
|
21955
|
-
function
|
|
21956
|
-
i0.ɵɵconditionalCreate(0,
|
|
22046
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
22047
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Conditional_1_Template, 2, 2, "option", 26);
|
|
21957
22048
|
} if (rf & 2) {
|
|
21958
22049
|
const cat_r17 = ctx.$implicit;
|
|
21959
22050
|
i0.ɵɵconditional(cat_r17.divider ? 0 : 1);
|
|
21960
22051
|
} }
|
|
21961
|
-
function
|
|
22052
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
21962
22053
|
i0.ɵɵnamespaceSVG();
|
|
21963
22054
|
i0.ɵɵelement(0, "path", 111);
|
|
21964
22055
|
} }
|
|
21965
|
-
function
|
|
22056
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
21966
22057
|
i0.ɵɵnamespaceSVG();
|
|
21967
22058
|
i0.ɵɵelement(0, "path", 112);
|
|
21968
22059
|
} }
|
|
21969
|
-
function
|
|
22060
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
21970
22061
|
const _r18 = i0.ɵɵgetCurrentView();
|
|
21971
22062
|
i0.ɵɵelementStart(0, "button", 121);
|
|
21972
|
-
i0.ɵɵlistener("click", function
|
|
22063
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const cat_r19 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r19.value)); });
|
|
21973
22064
|
i0.ɵɵtext(1);
|
|
21974
22065
|
i0.ɵɵelementEnd();
|
|
21975
22066
|
} if (rf & 2) {
|
|
@@ -21980,19 +22071,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Condition
|
|
|
21980
22071
|
i0.ɵɵadvance();
|
|
21981
22072
|
i0.ɵɵtextInterpolate1(" ", cat_r19.label, " ");
|
|
21982
22073
|
} }
|
|
21983
|
-
function
|
|
21984
|
-
i0.ɵɵconditionalCreate(0,
|
|
22074
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Template(rf, ctx) { if (rf & 1) {
|
|
22075
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Conditional_0_Template, 2, 4, "button", 120);
|
|
21985
22076
|
} if (rf & 2) {
|
|
21986
22077
|
const cat_r19 = ctx.$implicit;
|
|
21987
22078
|
i0.ɵɵconditional(!cat_r19.divider ? 0 : -1);
|
|
21988
22079
|
} }
|
|
21989
|
-
function
|
|
22080
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
21990
22081
|
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
21991
22082
|
} if (rf & 2) {
|
|
21992
22083
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
21993
22084
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
21994
22085
|
} }
|
|
21995
|
-
function
|
|
22086
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
21996
22087
|
i0.ɵɵelementStart(0, "div", 122)(1, "div", 123)(2, "div", 11);
|
|
21997
22088
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
|
|
21998
22089
|
i0.ɵɵelementStart(4, "div", 72);
|
|
@@ -22001,7 +22092,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_F
|
|
|
22001
22092
|
i0.ɵɵelement(7, "symphiq-skeleton-loader", 70);
|
|
22002
22093
|
i0.ɵɵelementEnd();
|
|
22003
22094
|
i0.ɵɵelementStart(8, "div", 124);
|
|
22004
|
-
i0.ɵɵrepeaterCreate(9,
|
|
22095
|
+
i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
22005
22096
|
i0.ɵɵelementEnd()();
|
|
22006
22097
|
} if (rf & 2) {
|
|
22007
22098
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -22017,60 +22108,60 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_F
|
|
|
22017
22108
|
i0.ɵɵadvance(2);
|
|
22018
22109
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4));
|
|
22019
22110
|
} }
|
|
22020
|
-
function
|
|
22111
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
22021
22112
|
i0.ɵɵelementStart(0, "div", 115);
|
|
22022
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22113
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_For_2_Template, 11, 14, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
|
|
22023
22114
|
i0.ɵɵelementEnd();
|
|
22024
22115
|
} if (rf & 2) {
|
|
22025
22116
|
i0.ɵɵadvance();
|
|
22026
22117
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
|
|
22027
22118
|
} }
|
|
22028
|
-
function
|
|
22119
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22029
22120
|
i0.ɵɵelementStart(0, "div", 131);
|
|
22030
22121
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 132);
|
|
22031
22122
|
i0.ɵɵelementEnd();
|
|
22032
22123
|
} if (rf & 2) {
|
|
22033
22124
|
const metric_r20 = ctx.$implicit;
|
|
22034
|
-
const ɵ$
|
|
22035
|
-
const ɵ$
|
|
22125
|
+
const ɵ$index_449_r21 = ctx.$index;
|
|
22126
|
+
const ɵ$index_440_r22 = i0.ɵɵnextContext(3).$index;
|
|
22036
22127
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22037
|
-
i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r20, ɵ$
|
|
22038
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
22128
|
+
i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r20, ɵ$index_449_r21));
|
|
22129
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_440_r22 * 0.15 + ɵ$index_449_r21 * 0.08 + "s");
|
|
22039
22130
|
i0.ɵɵadvance();
|
|
22040
22131
|
i0.ɵɵproperty("metric", metric_r20)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r20))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
|
|
22041
22132
|
} }
|
|
22042
|
-
function
|
|
22133
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22043
22134
|
i0.ɵɵelementStart(0, "div", 128);
|
|
22044
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22135
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 130, i0.ɵɵrepeaterTrackByIndex);
|
|
22045
22136
|
i0.ɵɵelementEnd();
|
|
22046
22137
|
} if (rf & 2) {
|
|
22047
22138
|
const funnelGroup_r23 = i0.ɵɵnextContext(2).$implicit;
|
|
22048
22139
|
i0.ɵɵadvance();
|
|
22049
22140
|
i0.ɵɵrepeater(funnelGroup_r23.relatedMetrics);
|
|
22050
22141
|
} }
|
|
22051
|
-
function
|
|
22142
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22052
22143
|
i0.ɵɵelementStart(0, "div", 131);
|
|
22053
22144
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 127);
|
|
22054
22145
|
i0.ɵɵelementEnd();
|
|
22055
22146
|
} if (rf & 2) {
|
|
22056
22147
|
const metric_r24 = ctx.$implicit;
|
|
22057
|
-
const ɵ$
|
|
22058
|
-
const ɵ$
|
|
22148
|
+
const ɵ$index_457_r25 = ctx.$index;
|
|
22149
|
+
const ɵ$index_440_r22 = i0.ɵɵnextContext(3).$index;
|
|
22059
22150
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22060
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
22151
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_440_r22 * 0.15 + ɵ$index_457_r25 * 0.08 + "s");
|
|
22061
22152
|
i0.ɵɵadvance();
|
|
22062
22153
|
i0.ɵɵproperty("metric", metric_r24)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r24))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
|
|
22063
22154
|
} }
|
|
22064
|
-
function
|
|
22155
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22065
22156
|
i0.ɵɵelementStart(0, "div", 129);
|
|
22066
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22157
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 133, i0.ɵɵrepeaterTrackByIndex);
|
|
22067
22158
|
i0.ɵɵelementEnd();
|
|
22068
22159
|
} if (rf & 2) {
|
|
22069
22160
|
const funnelGroup_r23 = i0.ɵɵnextContext(2).$implicit;
|
|
22070
22161
|
i0.ɵɵadvance();
|
|
22071
22162
|
i0.ɵɵrepeater(funnelGroup_r23.relatedMetrics);
|
|
22072
22163
|
} }
|
|
22073
|
-
function
|
|
22164
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22074
22165
|
i0.ɵɵelementStart(0, "div", 134)(1, "div", 93)(2, "div", 105);
|
|
22075
22166
|
i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
|
|
22076
22167
|
i0.ɵɵelementEnd();
|
|
@@ -22102,37 +22193,37 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_F
|
|
|
22102
22193
|
i0.ɵɵadvance(2);
|
|
22103
22194
|
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
22104
22195
|
} }
|
|
22105
|
-
function
|
|
22196
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
22106
22197
|
i0.ɵɵelementStart(0, "div", 128);
|
|
22107
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22198
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 134, i0.ɵɵrepeaterTrackByIdentity);
|
|
22108
22199
|
i0.ɵɵelementEnd();
|
|
22109
22200
|
} if (rf & 2) {
|
|
22110
22201
|
i0.ɵɵadvance();
|
|
22111
22202
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4));
|
|
22112
22203
|
} }
|
|
22113
|
-
function
|
|
22114
|
-
i0.ɵɵconditionalCreate(0,
|
|
22204
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
22205
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 128)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 129)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 128);
|
|
22115
22206
|
} if (rf & 2) {
|
|
22116
22207
|
const ctx_r2 = i0.ɵɵnextContext(4);
|
|
22117
22208
|
i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
|
|
22118
22209
|
} }
|
|
22119
|
-
function
|
|
22210
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22120
22211
|
i0.ɵɵelementStart(0, "div", 126);
|
|
22121
22212
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 127);
|
|
22122
22213
|
i0.ɵɵelementEnd();
|
|
22123
|
-
i0.ɵɵconditionalCreate(2,
|
|
22214
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Conditional_2_Template, 3, 1);
|
|
22124
22215
|
} if (rf & 2) {
|
|
22125
22216
|
const funnelGroup_r23 = ctx.$implicit;
|
|
22126
|
-
const ɵ$
|
|
22217
|
+
const ɵ$index_440_r22 = ctx.$index;
|
|
22127
22218
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22128
|
-
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$
|
|
22129
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$
|
|
22219
|
+
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_440_r22 * 0.15 + "s");
|
|
22220
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_440_r22);
|
|
22130
22221
|
i0.ɵɵadvance();
|
|
22131
22222
|
i0.ɵɵproperty("metric", funnelGroup_r23.funnelMetric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(funnelGroup_r23.funnelMetric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
22132
22223
|
i0.ɵɵadvance();
|
|
22133
22224
|
i0.ɵɵconditional(funnelGroup_r23.relatedMetrics.length > 0 ? 2 : -1);
|
|
22134
22225
|
} }
|
|
22135
|
-
function
|
|
22226
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
22136
22227
|
i0.ɵɵelementStart(0, "div", 125);
|
|
22137
22228
|
i0.ɵɵnamespaceSVG();
|
|
22138
22229
|
i0.ɵɵelementStart(1, "svg", 137);
|
|
@@ -22155,9 +22246,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_F
|
|
|
22155
22246
|
i0.ɵɵadvance(2);
|
|
22156
22247
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
22157
22248
|
} }
|
|
22158
|
-
function
|
|
22249
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
22159
22250
|
i0.ɵɵelementStart(0, "div", 115);
|
|
22160
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22251
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_For_2_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 125);
|
|
22161
22252
|
i0.ɵɵelementEnd();
|
|
22162
22253
|
} if (rf & 2) {
|
|
22163
22254
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22165,9 +22256,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_T
|
|
|
22165
22256
|
i0.ɵɵadvance();
|
|
22166
22257
|
i0.ɵɵrepeater(ctx_r2.groupedMetrics());
|
|
22167
22258
|
} }
|
|
22168
|
-
function
|
|
22259
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template(rf, ctx) { if (rf & 1) {
|
|
22169
22260
|
const _r16 = i0.ɵɵgetCurrentView();
|
|
22170
|
-
i0.ɵɵconditionalCreate(0,
|
|
22261
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_0_Template, 7, 3, "div", 101);
|
|
22171
22262
|
i0.ɵɵelementStart(1, "section", 102);
|
|
22172
22263
|
i0.ɵɵelement(2, "div", 103);
|
|
22173
22264
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 104)(5, "div", 105)(6, "div", 11)(7, "div", 80)(8, "div", 11);
|
|
@@ -22180,26 +22271,26 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx
|
|
|
22180
22271
|
i0.ɵɵtext(12, "Performance Metrics");
|
|
22181
22272
|
i0.ɵɵelementEnd()()()();
|
|
22182
22273
|
i0.ɵɵelementStart(13, "div", 107);
|
|
22183
|
-
i0.ɵɵconditionalCreate(14,
|
|
22274
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_14_Template, 2, 0, "div", 108);
|
|
22184
22275
|
i0.ɵɵelementStart(15, "select", 109);
|
|
22185
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22186
|
-
i0.ɵɵrepeaterCreate(16,
|
|
22276
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
|
|
22277
|
+
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_17_Template, 2, 1, null, null, _forTrack0$1);
|
|
22187
22278
|
i0.ɵɵelementEnd();
|
|
22188
22279
|
i0.ɵɵelementStart(18, "button", 110);
|
|
22189
|
-
i0.ɵɵlistener("click", function
|
|
22280
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
|
|
22190
22281
|
i0.ɵɵnamespaceSVG();
|
|
22191
22282
|
i0.ɵɵelementStart(19, "svg", 18);
|
|
22192
|
-
i0.ɵɵconditionalCreate(20,
|
|
22193
|
-
i0.ɵɵconditionalCreate(21,
|
|
22283
|
+
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_20_Template, 1, 0, ":svg:path", 111);
|
|
22284
|
+
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_21_Template, 1, 0, ":svg:path", 112);
|
|
22194
22285
|
i0.ɵɵelementEnd();
|
|
22195
22286
|
i0.ɵɵnamespaceHTML();
|
|
22196
22287
|
i0.ɵɵelementStart(22, "span");
|
|
22197
22288
|
i0.ɵɵtext(23, "Sort");
|
|
22198
22289
|
i0.ɵɵelementEnd()()()();
|
|
22199
22290
|
i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
|
|
22200
|
-
i0.ɵɵrepeaterCreate(26,
|
|
22291
|
+
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Template, 1, 1, null, null, _forTrack0$1);
|
|
22201
22292
|
i0.ɵɵelementEnd()()();
|
|
22202
|
-
i0.ɵɵconditionalCreate(28,
|
|
22293
|
+
i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_Template, 4, 5, "div", 116);
|
|
22203
22294
|
i0.ɵɵelementEnd()();
|
|
22204
22295
|
} if (rf & 2) {
|
|
22205
22296
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22232,7 +22323,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx
|
|
|
22232
22323
|
i0.ɵɵadvance(2);
|
|
22233
22324
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 28 : 29);
|
|
22234
22325
|
} }
|
|
22235
|
-
function
|
|
22326
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22236
22327
|
i0.ɵɵelementStart(0, "div", 140)(1, "div", 86);
|
|
22237
22328
|
i0.ɵɵelement(2, "div", 87);
|
|
22238
22329
|
i0.ɵɵelementEnd();
|
|
@@ -22250,12 +22341,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Te
|
|
|
22250
22341
|
i0.ɵɵadvance();
|
|
22251
22342
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-purple-500" : "text-purple-400");
|
|
22252
22343
|
} }
|
|
22253
|
-
function
|
|
22344
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
22254
22345
|
i0.ɵɵelementStart(0, "div", 108);
|
|
22255
22346
|
i0.ɵɵelement(1, "div", 148);
|
|
22256
22347
|
i0.ɵɵelementEnd();
|
|
22257
22348
|
} }
|
|
22258
|
-
function
|
|
22349
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22259
22350
|
i0.ɵɵelementStart(0, "option", 119);
|
|
22260
22351
|
i0.ɵɵtext(1);
|
|
22261
22352
|
i0.ɵɵelementEnd();
|
|
@@ -22265,7 +22356,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Condition
|
|
|
22265
22356
|
i0.ɵɵadvance();
|
|
22266
22357
|
i0.ɵɵtextInterpolate(filter_r27.label);
|
|
22267
22358
|
} }
|
|
22268
|
-
function
|
|
22359
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22269
22360
|
i0.ɵɵelementStart(0, "option", 26);
|
|
22270
22361
|
i0.ɵɵtext(1);
|
|
22271
22362
|
i0.ɵɵelementEnd();
|
|
@@ -22275,13 +22366,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Condition
|
|
|
22275
22366
|
i0.ɵɵadvance();
|
|
22276
22367
|
i0.ɵɵtextInterpolate(filter_r27.label);
|
|
22277
22368
|
} }
|
|
22278
|
-
function
|
|
22279
|
-
i0.ɵɵconditionalCreate(0,
|
|
22369
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Template(rf, ctx) { if (rf & 1) {
|
|
22370
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Conditional_1_Template, 2, 2, "option", 26);
|
|
22280
22371
|
} if (rf & 2) {
|
|
22281
22372
|
const filter_r27 = ctx.$implicit;
|
|
22282
22373
|
i0.ɵɵconditional(filter_r27.divider ? 0 : 1);
|
|
22283
22374
|
} }
|
|
22284
|
-
function
|
|
22375
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
22285
22376
|
i0.ɵɵelementStart(0, "div", 150);
|
|
22286
22377
|
i0.ɵɵelement(1, "symphiq-skeleton-loader", 70)(2, "symphiq-skeleton-loader", 70);
|
|
22287
22378
|
i0.ɵɵelementEnd();
|
|
@@ -22293,12 +22384,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_F
|
|
|
22293
22384
|
i0.ɵɵadvance();
|
|
22294
22385
|
i0.ɵɵproperty("width", "80px")("height", "18px")("isLightMode", ctx_r2.isLightMode());
|
|
22295
22386
|
} }
|
|
22296
|
-
function
|
|
22387
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22297
22388
|
i0.ɵɵelementStart(0, "div", 122)(1, "div", 123);
|
|
22298
22389
|
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70)(3, "symphiq-skeleton-loader", 70);
|
|
22299
22390
|
i0.ɵɵelementEnd();
|
|
22300
22391
|
i0.ɵɵelementStart(4, "div", 149);
|
|
22301
|
-
i0.ɵɵrepeaterCreate(5,
|
|
22392
|
+
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_For_6_Template, 3, 7, "div", 150, i0.ɵɵrepeaterTrackByIdentity);
|
|
22302
22393
|
i0.ɵɵelementEnd()();
|
|
22303
22394
|
} if (rf & 2) {
|
|
22304
22395
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
@@ -22310,15 +22401,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_F
|
|
|
22310
22401
|
i0.ɵɵadvance(2);
|
|
22311
22402
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4));
|
|
22312
22403
|
} }
|
|
22313
|
-
function
|
|
22404
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
22314
22405
|
i0.ɵɵelementStart(0, "div", 69);
|
|
22315
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22406
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_For_2_Template, 7, 8, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
|
|
22316
22407
|
i0.ɵɵelementEnd();
|
|
22317
22408
|
} if (rf & 2) {
|
|
22318
22409
|
i0.ɵɵadvance();
|
|
22319
22410
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c5));
|
|
22320
22411
|
} }
|
|
22321
|
-
function
|
|
22412
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
22322
22413
|
i0.ɵɵelementStart(0, "div", 98);
|
|
22323
22414
|
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 151);
|
|
22324
22415
|
i0.ɵɵelementEnd();
|
|
@@ -22331,7 +22422,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_F
|
|
|
22331
22422
|
i0.ɵɵadvance();
|
|
22332
22423
|
i0.ɵɵproperty("breakdown", breakdown_r28)("charts", ctx_r2.chartsForBreakdown(breakdown_r28))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
22333
22424
|
} }
|
|
22334
|
-
function
|
|
22425
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
|
|
22335
22426
|
i0.ɵɵelementStart(0, "div", 125);
|
|
22336
22427
|
i0.ɵɵnamespaceSVG();
|
|
22337
22428
|
i0.ɵɵelementStart(1, "svg", 137);
|
|
@@ -22354,9 +22445,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_F
|
|
|
22354
22445
|
i0.ɵɵadvance(2);
|
|
22355
22446
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
22356
22447
|
} }
|
|
22357
|
-
function
|
|
22448
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
22358
22449
|
i0.ɵɵelementStart(0, "div", 69);
|
|
22359
|
-
i0.ɵɵrepeaterCreate(1,
|
|
22450
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_For_2_Template, 2, 8, "div", 100, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 125);
|
|
22360
22451
|
i0.ɵɵelementEnd();
|
|
22361
22452
|
} if (rf & 2) {
|
|
22362
22453
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22364,9 +22455,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_T
|
|
|
22364
22455
|
i0.ɵɵadvance();
|
|
22365
22456
|
i0.ɵɵrepeater(ctx_r2.breakdowns());
|
|
22366
22457
|
} }
|
|
22367
|
-
function
|
|
22458
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template(rf, ctx) { if (rf & 1) {
|
|
22368
22459
|
const _r26 = i0.ɵɵgetCurrentView();
|
|
22369
|
-
i0.ɵɵconditionalCreate(0,
|
|
22460
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_0_Template, 7, 3, "div", 140);
|
|
22370
22461
|
i0.ɵɵelementStart(1, "section", 141);
|
|
22371
22462
|
i0.ɵɵelement(2, "div", 142);
|
|
22372
22463
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 143)(5, "div", 80)(6, "div", 11);
|
|
@@ -22379,13 +22470,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx
|
|
|
22379
22470
|
i0.ɵɵtext(10, "Performance Breakdowns");
|
|
22380
22471
|
i0.ɵɵelementEnd()()();
|
|
22381
22472
|
i0.ɵɵelementStart(11, "div", 145);
|
|
22382
|
-
i0.ɵɵlistener("click", function
|
|
22383
|
-
i0.ɵɵconditionalCreate(12,
|
|
22473
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
22474
|
+
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_12_Template, 2, 0, "div", 108);
|
|
22384
22475
|
i0.ɵɵelementStart(13, "select", 146);
|
|
22385
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22386
|
-
i0.ɵɵrepeaterCreate(14,
|
|
22476
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
|
|
22477
|
+
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_For_15_Template, 2, 1, null, null, _forTrack0$1);
|
|
22387
22478
|
i0.ɵɵelementEnd()()();
|
|
22388
|
-
i0.ɵɵconditionalCreate(16,
|
|
22479
|
+
i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_Template, 3, 1, "div", 69)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_Template, 4, 5, "div", 147);
|
|
22389
22480
|
i0.ɵɵelementEnd()();
|
|
22390
22481
|
} if (rf & 2) {
|
|
22391
22482
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22408,7 +22499,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx
|
|
|
22408
22499
|
i0.ɵɵadvance(2);
|
|
22409
22500
|
i0.ɵɵconditional(ctx_r2.isDataLoading() ? 16 : 17);
|
|
22410
22501
|
} }
|
|
22411
|
-
function
|
|
22502
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22412
22503
|
i0.ɵɵelementStart(0, "div", 153)(1, "div", 86);
|
|
22413
22504
|
i0.ɵɵelement(2, "div", 87);
|
|
22414
22505
|
i0.ɵɵelementEnd();
|
|
@@ -22426,12 +22517,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Te
|
|
|
22426
22517
|
i0.ɵɵadvance();
|
|
22427
22518
|
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-indigo-500" : "text-indigo-400");
|
|
22428
22519
|
} }
|
|
22429
|
-
function
|
|
22520
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
22430
22521
|
i0.ɵɵelementStart(0, "div", 108);
|
|
22431
22522
|
i0.ɵɵelement(1, "div", 159);
|
|
22432
22523
|
i0.ɵɵelementEnd();
|
|
22433
22524
|
} }
|
|
22434
|
-
function
|
|
22525
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
22435
22526
|
i0.ɵɵelementStart(0, "option", 119);
|
|
22436
22527
|
i0.ɵɵtext(1);
|
|
22437
22528
|
i0.ɵɵelementEnd();
|
|
@@ -22441,7 +22532,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Condition
|
|
|
22441
22532
|
i0.ɵɵadvance();
|
|
22442
22533
|
i0.ɵɵtextInterpolate(filter_r31.label);
|
|
22443
22534
|
} }
|
|
22444
|
-
function
|
|
22535
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22445
22536
|
i0.ɵɵelementStart(0, "option", 26);
|
|
22446
22537
|
i0.ɵɵtext(1);
|
|
22447
22538
|
i0.ɵɵelementEnd();
|
|
@@ -22451,23 +22542,23 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Condition
|
|
|
22451
22542
|
i0.ɵɵadvance();
|
|
22452
22543
|
i0.ɵɵtextInterpolate(filter_r31.label);
|
|
22453
22544
|
} }
|
|
22454
|
-
function
|
|
22455
|
-
i0.ɵɵconditionalCreate(0,
|
|
22545
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
22546
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Conditional_1_Template, 2, 2, "option", 26);
|
|
22456
22547
|
} if (rf & 2) {
|
|
22457
22548
|
const filter_r31 = ctx.$implicit;
|
|
22458
22549
|
i0.ɵɵconditional(filter_r31.divider ? 0 : 1);
|
|
22459
22550
|
} }
|
|
22460
|
-
function
|
|
22551
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
22461
22552
|
i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
|
|
22462
22553
|
} if (rf & 2) {
|
|
22463
22554
|
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
22464
22555
|
i0.ɵɵproperty("width", "100%")("height", "140px")("isLightMode", ctx_r2.isLightMode());
|
|
22465
22556
|
} }
|
|
22466
|
-
function
|
|
22557
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
22467
22558
|
i0.ɵɵelementStart(0, "div", 69)(1, "div", 122);
|
|
22468
22559
|
i0.ɵɵelement(2, "symphiq-skeleton-loader", 70);
|
|
22469
22560
|
i0.ɵɵelementStart(3, "div", 160);
|
|
22470
|
-
i0.ɵɵrepeaterCreate(4,
|
|
22561
|
+
i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
|
|
22471
22562
|
i0.ɵɵelementEnd()()();
|
|
22472
22563
|
} if (rf & 2) {
|
|
22473
22564
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -22478,16 +22569,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_T
|
|
|
22478
22569
|
i0.ɵɵadvance(2);
|
|
22479
22570
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3));
|
|
22480
22571
|
} }
|
|
22481
|
-
function
|
|
22572
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
22482
22573
|
i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 158);
|
|
22483
22574
|
} if (rf & 2) {
|
|
22484
22575
|
let tmp_7_0;
|
|
22485
22576
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
22486
22577
|
i0.ɵɵproperty("metrics", ctx_r2.competitiveMetrics())("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact())("competitiveBenchmark", (tmp_7_0 = ctx_r2.performanceOverview().overallAssessment) == null ? null : tmp_7_0.competitiveBenchmark);
|
|
22487
22578
|
} }
|
|
22488
|
-
function
|
|
22579
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
|
|
22489
22580
|
const _r30 = i0.ɵɵgetCurrentView();
|
|
22490
|
-
i0.ɵɵconditionalCreate(0,
|
|
22581
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template, 7, 3, "div", 153);
|
|
22491
22582
|
i0.ɵɵelementStart(1, "section", 154);
|
|
22492
22583
|
i0.ɵɵelement(2, "div", 77);
|
|
22493
22584
|
i0.ɵɵelementStart(3, "div", 78)(4, "div", 155)(5, "div", 11)(6, "div", 80)(7, "div", 11);
|
|
@@ -22500,12 +22591,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx
|
|
|
22500
22591
|
i0.ɵɵtext(11, "Competitive Intelligence");
|
|
22501
22592
|
i0.ɵɵelementEnd()()()();
|
|
22502
22593
|
i0.ɵɵelementStart(12, "div", 157);
|
|
22503
|
-
i0.ɵɵconditionalCreate(13,
|
|
22594
|
+
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_13_Template, 2, 0, "div", 108);
|
|
22504
22595
|
i0.ɵɵelementStart(14, "select", 109);
|
|
22505
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
22506
|
-
i0.ɵɵrepeaterCreate(15,
|
|
22596
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
|
|
22597
|
+
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_For_16_Template, 2, 1, null, null, _forTrack0$1);
|
|
22507
22598
|
i0.ɵɵelementEnd()()();
|
|
22508
|
-
i0.ɵɵconditionalCreate(17,
|
|
22599
|
+
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_17_Template, 6, 5, "div", 69)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_18_Template, 1, 5, "symphiq-competitive-intelligence-view", 158);
|
|
22509
22600
|
i0.ɵɵelementEnd()();
|
|
22510
22601
|
} if (rf & 2) {
|
|
22511
22602
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -22772,8 +22863,10 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22772
22863
|
this.sortButtonClass = computed(() => this.isLightMode() ? 'bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200' : 'bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200', ...(ngDevMode ? [{ debugName: "sortButtonClass" }] : []));
|
|
22773
22864
|
// Pre-formatted date signal
|
|
22774
22865
|
this.formattedGeneratedDate = computed(() => {
|
|
22775
|
-
const
|
|
22776
|
-
return
|
|
22866
|
+
const analysis = this.analysisData();
|
|
22867
|
+
return analysis?.selfContentCompletedDate
|
|
22868
|
+
? this.formatDate(new Date(analysis.selfContentCompletedDate).toISOString())
|
|
22869
|
+
: null;
|
|
22777
22870
|
}, ...(ngDevMode ? [{ debugName: "formattedGeneratedDate" }] : []));
|
|
22778
22871
|
// Filtered and grouped metrics signals
|
|
22779
22872
|
this.filteredMetrics = computed(() => {
|
|
@@ -23460,7 +23553,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23460
23553
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
|
|
23461
23554
|
} }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
23462
23555
|
i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
23463
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], useSampleData: [1, "useSampleData"] }, decls: 86, vars: 100, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "flex", "items-center", "gap-3"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [1, "bg-gradient-radial", "from-blue-500/10", "via-transparent", "to-transparent", "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0"], [1, "bg-gradient-radial", "from-indigo-500/8", "via-transparent", "to-transparent", "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0"], [1, "bg-gradient-radial", "from-purple-500/5", "via-transparent", "to-transparent", "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "click", "title", "ngClass"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "space-y-6"], [3, "width", "height", "isLightMode"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
23556
|
+
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], useSampleData: [1, "useSampleData"] }, decls: 82, vars: 96, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "flex", "items-center", "gap-3"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [1, "bg-gradient-radial", "from-blue-500/10", "via-transparent", "to-transparent", "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0"], [1, "bg-gradient-radial", "from-indigo-500/8", "via-transparent", "to-transparent", "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0"], [1, "bg-gradient-radial", "from-purple-500/5", "via-transparent", "to-transparent", "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "click", "title", "ngClass"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "space-y-6"], [3, "width", "height", "isLightMode"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
23464
23557
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
23465
23558
|
i0.ɵɵelementStart(0, "div", 1, 0);
|
|
23466
23559
|
i0.ɵɵelement(2, "div", 2);
|
|
@@ -23502,69 +23595,65 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23502
23595
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_35_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
|
|
23503
23596
|
i0.ɵɵrepeaterCreate(36, SymphiqFunnelAnalysisDashboardComponent_For_37_Template, 2, 2, "option", 26, _forTrack0$1);
|
|
23504
23597
|
i0.ɵɵelementEnd()()()()()();
|
|
23505
|
-
i0.ɵɵelementStart(38, "div", 27)
|
|
23506
|
-
i0.ɵɵ
|
|
23598
|
+
i0.ɵɵelementStart(38, "div", 27);
|
|
23599
|
+
i0.ɵɵconditionalCreate(39, SymphiqFunnelAnalysisDashboardComponent_Conditional_39_Template, 5, 5, "div", 28);
|
|
23600
|
+
i0.ɵɵelementStart(40, "div", 28)(41, "div", 29);
|
|
23601
|
+
i0.ɵɵtext(42, "Requested by");
|
|
23507
23602
|
i0.ɵɵelementEnd();
|
|
23508
|
-
i0.ɵɵelementStart(
|
|
23509
|
-
i0.ɵɵtext(
|
|
23510
|
-
i0.ɵɵelementEnd()();
|
|
23511
|
-
i0.ɵɵelementStart(44, "div", 28)(45, "div", 29);
|
|
23512
|
-
i0.ɵɵtext(46, "Requested by");
|
|
23513
|
-
i0.ɵɵelementEnd();
|
|
23514
|
-
i0.ɵɵelementStart(47, "div", 30);
|
|
23515
|
-
i0.ɵɵtext(48);
|
|
23603
|
+
i0.ɵɵelementStart(43, "div", 30);
|
|
23604
|
+
i0.ɵɵtext(44);
|
|
23516
23605
|
i0.ɵɵelementEnd()()()()()();
|
|
23517
|
-
i0.ɵɵelementStart(
|
|
23518
|
-
i0.ɵɵtext(
|
|
23606
|
+
i0.ɵɵelementStart(45, "div", 7)(46, "div", 31)(47, "div", 32)(48, "div", 33)(49, "h1", 34);
|
|
23607
|
+
i0.ɵɵtext(50);
|
|
23519
23608
|
i0.ɵɵelementEnd();
|
|
23520
|
-
i0.ɵɵconditionalCreate(
|
|
23609
|
+
i0.ɵɵconditionalCreate(51, SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Template, 7, 9, "div", 35);
|
|
23521
23610
|
i0.ɵɵelementEnd();
|
|
23522
|
-
i0.ɵɵelementStart(
|
|
23523
|
-
i0.ɵɵlistener("click", function
|
|
23611
|
+
i0.ɵɵelementStart(52, "div", 11)(53, "button", 36);
|
|
23612
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_53_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23524
23613
|
i0.ɵɵnamespaceSVG();
|
|
23525
|
-
i0.ɵɵelementStart(
|
|
23526
|
-
i0.ɵɵelement(
|
|
23614
|
+
i0.ɵɵelementStart(54, "svg", 37);
|
|
23615
|
+
i0.ɵɵelement(55, "path", 19);
|
|
23527
23616
|
i0.ɵɵelementEnd()();
|
|
23528
23617
|
i0.ɵɵnamespaceHTML();
|
|
23529
|
-
i0.ɵɵelementStart(
|
|
23530
|
-
i0.ɵɵlistener("click", function
|
|
23531
|
-
i0.ɵɵconditionalCreate(
|
|
23618
|
+
i0.ɵɵelementStart(56, "button", 38);
|
|
23619
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_56_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
|
|
23620
|
+
i0.ɵɵconditionalCreate(57, SymphiqFunnelAnalysisDashboardComponent_Conditional_57_Template, 2, 0, ":svg:svg", 37)(58, SymphiqFunnelAnalysisDashboardComponent_Conditional_58_Template, 2, 0, ":svg:svg", 37);
|
|
23532
23621
|
i0.ɵɵelementEnd();
|
|
23533
|
-
i0.ɵɵelementStart(
|
|
23534
|
-
i0.ɵɵlistener("click", function
|
|
23535
|
-
i0.ɵɵelementStart(
|
|
23536
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
23537
|
-
i0.ɵɵrepeaterCreate(
|
|
23622
|
+
i0.ɵɵelementStart(59, "div", 24);
|
|
23623
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_59_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_59_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_59_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
23624
|
+
i0.ɵɵelementStart(60, "select", 39);
|
|
23625
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_60_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
|
|
23626
|
+
i0.ɵɵrepeaterCreate(61, SymphiqFunnelAnalysisDashboardComponent_For_62_Template, 2, 2, "option", 26, _forTrack0$1);
|
|
23538
23627
|
i0.ɵɵelementEnd()()()()()()();
|
|
23539
|
-
i0.ɵɵconditionalCreate(
|
|
23540
|
-
i0.ɵɵelementStart(
|
|
23628
|
+
i0.ɵɵconditionalCreate(63, SymphiqFunnelAnalysisDashboardComponent_Conditional_63_Template, 16, 8, "div", 40);
|
|
23629
|
+
i0.ɵɵelementStart(64, "div", 41);
|
|
23630
|
+
i0.ɵɵconditionalCreate(65, SymphiqFunnelAnalysisDashboardComponent_Conditional_65_Template, 1, 2, "button", 42);
|
|
23631
|
+
i0.ɵɵconditionalCreate(66, SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template, 1, 2, "button", 42);
|
|
23632
|
+
i0.ɵɵconditionalCreate(67, SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template, 1, 2, "button", 42);
|
|
23633
|
+
i0.ɵɵconditionalCreate(68, SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template, 1, 2, "button", 42);
|
|
23541
23634
|
i0.ɵɵconditionalCreate(69, SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template, 1, 2, "button", 42);
|
|
23542
|
-
i0.ɵɵconditionalCreate(70, SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template, 1, 2, "button", 42);
|
|
23543
|
-
i0.ɵɵconditionalCreate(71, SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template, 1, 2, "button", 42);
|
|
23544
|
-
i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 1, 2, "button", 42);
|
|
23545
|
-
i0.ɵɵconditionalCreate(73, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template, 1, 2, "button", 42);
|
|
23546
23635
|
i0.ɵɵelementEnd();
|
|
23547
|
-
i0.ɵɵelementStart(
|
|
23548
|
-
i0.ɵɵconditionalCreate(
|
|
23549
|
-
i0.ɵɵconditionalCreate(
|
|
23550
|
-
i0.ɵɵconditionalCreate(
|
|
23551
|
-
i0.ɵɵconditionalCreate(
|
|
23552
|
-
i0.ɵɵconditionalCreate(
|
|
23636
|
+
i0.ɵɵelementStart(70, "main", 43)(71, "div", 44);
|
|
23637
|
+
i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 3, 1, "div", 45);
|
|
23638
|
+
i0.ɵɵconditionalCreate(73, SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template, 17, 10);
|
|
23639
|
+
i0.ɵɵconditionalCreate(74, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template, 30, 18);
|
|
23640
|
+
i0.ɵɵconditionalCreate(75, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template, 18, 12);
|
|
23641
|
+
i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 19, 13);
|
|
23553
23642
|
i0.ɵɵelementEnd()();
|
|
23554
|
-
i0.ɵɵelement(
|
|
23555
|
-
i0.ɵɵelementStart(
|
|
23556
|
-
i0.ɵɵlistener("resultSelected", function
|
|
23643
|
+
i0.ɵɵelement(77, "symphiq-funnel-analysis-modal", 46)(78, "symphiq-tooltip-container");
|
|
23644
|
+
i0.ɵɵelementStart(79, "symphiq-search-bar", 47);
|
|
23645
|
+
i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_79_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
|
|
23557
23646
|
i0.ɵɵelementEnd();
|
|
23558
|
-
i0.ɵɵelementStart(
|
|
23559
|
-
i0.ɵɵlistener("expandedChange", function
|
|
23647
|
+
i0.ɵɵelementStart(80, "symphiq-mobile-fab", 48);
|
|
23648
|
+
i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_80_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_80_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_80_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
|
|
23560
23649
|
i0.ɵɵelementEnd();
|
|
23561
|
-
i0.ɵɵelementStart(
|
|
23562
|
-
i0.ɵɵlistener("navigate", function
|
|
23650
|
+
i0.ɵɵelementStart(81, "symphiq-mobile-bottom-nav", 49);
|
|
23651
|
+
i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_81_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
|
|
23563
23652
|
i0.ɵɵelementEnd()();
|
|
23564
23653
|
} if (rf & 2) {
|
|
23565
23654
|
let tmp_19_0;
|
|
23566
|
-
let
|
|
23567
|
-
let
|
|
23655
|
+
let tmp_32_0;
|
|
23656
|
+
let tmp_39_0;
|
|
23568
23657
|
i0.ɵɵstyleProp("display", ctx.embedded() ? "block" : null)("min-height", ctx.embedded() ? "auto" : null);
|
|
23569
23658
|
i0.ɵɵclassProp("min-h-screen", !ctx.embedded())("relative", !ctx.embedded());
|
|
23570
23659
|
i0.ɵɵadvance(2);
|
|
@@ -23605,60 +23694,56 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23605
23694
|
i0.ɵɵproperty("ngModel", ctx.selectedSectionFilter());
|
|
23606
23695
|
i0.ɵɵadvance();
|
|
23607
23696
|
i0.ɵɵrepeater(ctx.sectionFilters);
|
|
23608
|
-
i0.ɵɵadvance(
|
|
23609
|
-
i0.ɵɵ
|
|
23610
|
-
i0.ɵɵadvance(2);
|
|
23611
|
-
i0.ɵɵclassMap(ctx.headerTitleClass());
|
|
23612
|
-
i0.ɵɵadvance();
|
|
23613
|
-
i0.ɵɵtextInterpolate(ctx.formattedGeneratedDate());
|
|
23697
|
+
i0.ɵɵadvance(3);
|
|
23698
|
+
i0.ɵɵconditional(ctx.formattedGeneratedDate() ? 39 : -1);
|
|
23614
23699
|
i0.ɵɵadvance(2);
|
|
23615
23700
|
i0.ɵɵclassMap(ctx.metaLabelClass());
|
|
23616
23701
|
i0.ɵɵadvance(2);
|
|
23617
23702
|
i0.ɵɵclassMap(ctx.headerTitleClass());
|
|
23618
23703
|
i0.ɵɵadvance();
|
|
23619
|
-
i0.ɵɵtextInterpolate2("", (
|
|
23704
|
+
i0.ɵɵtextInterpolate2("", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.firstName, " ", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.lastName);
|
|
23620
23705
|
i0.ɵɵadvance();
|
|
23621
23706
|
i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
|
|
23622
23707
|
i0.ɵɵadvance();
|
|
23623
23708
|
i0.ɵɵclassProp("pointer-events-none", !ctx.isScrolled())("pointer-events-auto", ctx.isScrolled());
|
|
23624
23709
|
i0.ɵɵadvance(4);
|
|
23625
|
-
i0.ɵɵtextInterpolate((
|
|
23710
|
+
i0.ɵɵtextInterpolate((tmp_39_0 = ctx.analysisData()) == null ? null : tmp_39_0.title);
|
|
23626
23711
|
i0.ɵɵadvance();
|
|
23627
|
-
i0.ɵɵconditional(ctx.revenueMetric() ?
|
|
23712
|
+
i0.ɵɵconditional(ctx.revenueMetric() ? 51 : -1);
|
|
23628
23713
|
i0.ɵɵadvance(2);
|
|
23629
23714
|
i0.ɵɵclassMap(ctx.buttonClass());
|
|
23630
23715
|
i0.ɵɵadvance(3);
|
|
23631
23716
|
i0.ɵɵclassMap(ctx.buttonClass());
|
|
23632
23717
|
i0.ɵɵproperty("title", ctx.viewModeService.isCompact() ? "Compact View (Click to Expand)" : "Expanded View (Click to Compact)");
|
|
23633
23718
|
i0.ɵɵadvance();
|
|
23634
|
-
i0.ɵɵconditional(ctx.viewModeService.isCompact() ?
|
|
23719
|
+
i0.ɵɵconditional(ctx.viewModeService.isCompact() ? 57 : 58);
|
|
23635
23720
|
i0.ɵɵadvance(3);
|
|
23636
23721
|
i0.ɵɵclassMap(ctx.selectClass());
|
|
23637
23722
|
i0.ɵɵproperty("ngModel", ctx.selectedSectionFilter());
|
|
23638
23723
|
i0.ɵɵadvance();
|
|
23639
23724
|
i0.ɵɵrepeater(ctx.sectionFilters);
|
|
23640
23725
|
i0.ɵɵadvance(2);
|
|
23641
|
-
i0.ɵɵconditional(ctx.searchService.activeSearchResult() ?
|
|
23726
|
+
i0.ɵɵconditional(ctx.searchService.activeSearchResult() ? 63 : -1);
|
|
23642
23727
|
i0.ɵɵadvance(2);
|
|
23643
|
-
i0.ɵɵconditional(ctx.showOverallPerformance() ?
|
|
23728
|
+
i0.ɵɵconditional(ctx.showOverallPerformance() ? 65 : -1);
|
|
23644
23729
|
i0.ɵɵadvance();
|
|
23645
|
-
i0.ɵɵconditional(ctx.showKeyInsights() ?
|
|
23730
|
+
i0.ɵɵconditional(ctx.showKeyInsights() ? 66 : -1);
|
|
23646
23731
|
i0.ɵɵadvance();
|
|
23647
|
-
i0.ɵɵconditional(ctx.showPerformanceMetrics() ?
|
|
23732
|
+
i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 67 : -1);
|
|
23648
23733
|
i0.ɵɵadvance();
|
|
23649
|
-
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ?
|
|
23734
|
+
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 68 : -1);
|
|
23650
23735
|
i0.ɵɵadvance();
|
|
23651
|
-
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ?
|
|
23736
|
+
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 69 : -1);
|
|
23652
23737
|
i0.ɵɵadvance(3);
|
|
23653
|
-
i0.ɵɵconditional(ctx.showOverallPerformance() ?
|
|
23738
|
+
i0.ɵɵconditional(ctx.showOverallPerformance() ? 72 : -1);
|
|
23654
23739
|
i0.ɵɵadvance();
|
|
23655
|
-
i0.ɵɵconditional(ctx.showKeyInsights() ?
|
|
23740
|
+
i0.ɵɵconditional(ctx.showKeyInsights() ? 73 : -1);
|
|
23656
23741
|
i0.ɵɵadvance();
|
|
23657
|
-
i0.ɵɵconditional(ctx.showPerformanceMetrics() ?
|
|
23742
|
+
i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 74 : -1);
|
|
23658
23743
|
i0.ɵɵadvance();
|
|
23659
|
-
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ?
|
|
23744
|
+
i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 75 : -1);
|
|
23660
23745
|
i0.ɵɵadvance();
|
|
23661
|
-
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ?
|
|
23746
|
+
i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 76 : -1);
|
|
23662
23747
|
i0.ɵɵadvance();
|
|
23663
23748
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
23664
23749
|
i0.ɵɵadvance(2);
|
|
@@ -23820,10 +23905,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
23820
23905
|
</div>
|
|
23821
23906
|
</div>
|
|
23822
23907
|
<div class="flex flex-col gap-4 min-w-[180px]">
|
|
23823
|
-
|
|
23824
|
-
<div
|
|
23825
|
-
|
|
23826
|
-
|
|
23908
|
+
@if (formattedGeneratedDate()) {
|
|
23909
|
+
<div class="text-left sm:text-right">
|
|
23910
|
+
<div [class]="metaLabelClass()" class="text-xs sm:text-sm">Generated At</div>
|
|
23911
|
+
<div [class]="headerTitleClass()" class="text-sm sm:text-base font-medium">{{ formattedGeneratedDate() }}</div>
|
|
23912
|
+
</div>
|
|
23913
|
+
}
|
|
23827
23914
|
<div class="text-left sm:text-right">
|
|
23828
23915
|
<div [class]="metaLabelClass()" class="text-xs sm:text-sm">Requested by</div>
|
|
23829
23916
|
<div [class]="headerTitleClass()" class="text-sm sm:text-base font-medium">{{ requestedByUser()?.firstName }} {{ requestedByUser()?.lastName }}</div>
|
|
@@ -24553,7 +24640,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
24553
24640
|
type: HostListener,
|
|
24554
24641
|
args: ['window:scroll', ['$event']]
|
|
24555
24642
|
}] }); })();
|
|
24556
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
24643
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1044 }); })();
|
|
24557
24644
|
|
|
24558
24645
|
/**
|
|
24559
24646
|
* Shared Theme Color Utilities
|