@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.
@@ -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(2);
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, 37, "div", 33);
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(2);
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, 40, "div", 56);
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
- // Trend icon classes
3287
- this.lightModeTrendIconClass = computed(() => 'text-emerald-600', ...(ngDevMode ? [{ debugName: "lightModeTrendIconClass" }] : []));
3288
- this.darkModeTrendIconClass = computed(() => 'text-emerald-400', ...(ngDevMode ? [{ debugName: "darkModeTrendIconClass" }] : []));
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(() => 'text-emerald-600', ...(ngDevMode ? [{ debugName: "lightModeTrendValueClass" }] : []));
3292
- this.darkModeTrendValueClass = computed(() => 'text-emerald-400', ...(ngDevMode ? [{ debugName: "darkModeTrendValueClass" }] : []));
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", "d", "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", "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) {
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="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" clip-rule="evenodd" />
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="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" clip-rule="evenodd" />
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
- else if (pacing >= 100) {
9207
- return 'bg-gradient-to-r from-blue-400 via-emerald-400 to-emerald-500 shadow-lg shadow-emerald-500/30';
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
- return `${percentValue.toFixed(1)}%`;
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
- return `${(value * 100).toFixed(2)}%`;
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToTop()); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("insights-section")); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("metrics-section")); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("breakdowns-section")); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("competitive-section")); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_1_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_2_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
21854
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
21764
21855
  i0.ɵɵelementStart(0, "div", 45);
21765
- i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_1_Template, 14, 25, "div", 67)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_2_Template, 1, 9, "symphiq-funnel-analysis-overall-assessment", 68);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
21914
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_14_Template(rf, ctx) { if (rf & 1) {
21824
21915
  i0.ɵɵelementStart(0, "div", 84);
21825
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template, 14, 28, "div", 92, i0.ɵɵrepeaterTrackByIdentity);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template(rf, ctx) { if (rf & 1) {
21936
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_15_Template(rf, ctx) { if (rf & 1) {
21846
21937
  i0.ɵɵelementStart(0, "div", 84);
21847
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template, 2, 13, "div", 97, i0.ɵɵrepeaterTrackByIndex);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template(rf, ctx) { if (rf & 1) {
21958
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Conditional_16_Template(rf, ctx) { if (rf & 1) {
21868
21959
  i0.ɵɵelementStart(0, "div", 85);
21869
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template, 2, 11, "div", 100, i0.ɵɵrepeaterTrackByIndex);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
21877
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 75);
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 3, 1, "div", 84)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template, 3, 0, "div", 84)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template, 3, 0, "div", 85);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template(rf, ctx) { if (rf & 1) {
21956
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template, 2, 2, "option", 26);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const cat_r19 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r19.value)); });
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template(rf, ctx) { if (rf & 1) {
21984
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template, 2, 4, "button", 120);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_Template(rf, ctx) { if (rf & 1) {
22111
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_28_Template(rf, ctx) { if (rf & 1) {
22021
22112
  i0.ɵɵelementStart(0, "div", 115);
22022
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_For_2_Template, 11, 14, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
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 ɵ$index_448_r21 = ctx.$index;
22035
- const ɵ$index_439_r22 = i0.ɵɵnextContext(3).$index;
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, ɵ$index_448_r21));
22038
- i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_439_r22 * 0.15 + ɵ$index_448_r21 * 0.08 + "s");
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 130, i0.ɵɵrepeaterTrackByIndex);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
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 ɵ$index_456_r25 = ctx.$index;
22058
- const ɵ$index_439_r22 = i0.ɵɵnextContext(3).$index;
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 + ɵ$index_439_r22 * 0.15 + ɵ$index_456_r25 * 0.08 + "s");
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 133, i0.ɵɵrepeaterTrackByIndex);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 134, i0.ɵɵrepeaterTrackByIdentity);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
22114
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 128)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 129)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 128);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Conditional_2_Template, 3, 1);
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 ɵ$index_439_r22 = ctx.$index;
22217
+ const ɵ$index_440_r22 = ctx.$index;
22127
22218
  const ctx_r2 = i0.ɵɵnextContext(3);
22128
- i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_439_r22 * 0.15 + "s");
22129
- i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_439_r22);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_Template(rf, ctx) { if (rf & 1) {
22249
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Conditional_29_Template(rf, ctx) { if (rf & 1) {
22159
22250
  i0.ɵɵelementStart(0, "div", 115);
22160
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_For_2_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 125);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
22259
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_74_Template(rf, ctx) { if (rf & 1) {
22169
22260
  const _r16 = i0.ɵɵgetCurrentView();
22170
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 101);
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template, 2, 0, "div", 108);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
22186
- i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template, 2, 1, null, null, _forTrack0$1);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template, 1, 0, ":svg:path", 111);
22193
- i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template, 1, 0, ":svg:path", 112);
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template, 1, 1, null, null, _forTrack0$1);
22291
+ i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_74_For_27_Template, 1, 1, null, null, _forTrack0$1);
22201
22292
  i0.ɵɵelementEnd()()();
22202
- i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_29_Template, 4, 5, "div", 116);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template(rf, ctx) { if (rf & 1) {
22279
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template, 2, 2, "option", 26);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_For_6_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_For_6_Template, 3, 7, "div", 150, i0.ɵɵrepeaterTrackByIdentity);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_Template(rf, ctx) { if (rf & 1) {
22404
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_16_Template(rf, ctx) { if (rf & 1) {
22314
22405
  i0.ɵɵelementStart(0, "div", 69);
22315
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_For_2_Template, 7, 8, "div", 122, i0.ɵɵrepeaterTrackByIdentity);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_Template(rf, ctx) { if (rf & 1) {
22448
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Conditional_17_Template(rf, ctx) { if (rf & 1) {
22358
22449
  i0.ɵɵelementStart(0, "div", 69);
22359
- i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_For_2_Template, 2, 8, "div", 100, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 125);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
22458
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template(rf, ctx) { if (rf & 1) {
22368
22459
  const _r26 = i0.ɵɵgetCurrentView();
22369
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 140);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r26); return i0.ɵɵresetView($event.stopPropagation()); });
22383
- i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template, 2, 0, "div", 108);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
22386
- i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template, 2, 1, null, null, _forTrack0$1);
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_16_Template, 3, 1, "div", 69)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_17_Template, 4, 5, "div", 147);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template(rf, ctx) { if (rf & 1) {
22455
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template, 2, 2, "option", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template, 2, 2, "option", 26);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_Template(rf, ctx) { if (rf & 1) {
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_18_Template(rf, ctx) { if (rf & 1) {
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx) { if (rf & 1) {
22579
+ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
22489
22580
  const _r30 = i0.ɵɵgetCurrentView();
22490
- i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template, 7, 3, "div", 153);
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template, 2, 0, "div", 108);
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 SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
22506
- i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template, 2, 1, null, null, _forTrack0$1);
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, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_17_Template, 6, 5, "div", 69)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_18_Template, 1, 5, "symphiq-competitive-intelligence-view", 158);
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 overview = this.performanceOverview();
22776
- return this.formatDate(overview.generatedAt || '2025-11-30');
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)(39, "div", 28)(40, "div", 29);
23506
- i0.ɵɵtext(41, "Generated At");
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(42, "div", 30);
23509
- i0.ɵɵtext(43);
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(49, "div", 7)(50, "div", 31)(51, "div", 32)(52, "div", 33)(53, "h1", 34);
23518
- i0.ɵɵtext(54);
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(55, SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template, 7, 9, "div", 35);
23609
+ i0.ɵɵconditionalCreate(51, SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Template, 7, 9, "div", 35);
23521
23610
  i0.ɵɵelementEnd();
23522
- i0.ɵɵelementStart(56, "div", 11)(57, "button", 36);
23523
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_57_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
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(58, "svg", 37);
23526
- i0.ɵɵelement(59, "path", 19);
23614
+ i0.ɵɵelementStart(54, "svg", 37);
23615
+ i0.ɵɵelement(55, "path", 19);
23527
23616
  i0.ɵɵelementEnd()();
23528
23617
  i0.ɵɵnamespaceHTML();
23529
- i0.ɵɵelementStart(60, "button", 38);
23530
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_60_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
23531
- i0.ɵɵconditionalCreate(61, SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template, 2, 0, ":svg:svg", 37)(62, SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template, 2, 0, ":svg:svg", 37);
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(63, "div", 24);
23534
- i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
23535
- i0.ɵɵelementStart(64, "select", 39);
23536
- i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_64_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
23537
- i0.ɵɵrepeaterCreate(65, SymphiqFunnelAnalysisDashboardComponent_For_66_Template, 2, 2, "option", 26, _forTrack0$1);
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(67, SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template, 16, 8, "div", 40);
23540
- i0.ɵɵelementStart(68, "div", 41);
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(74, "main", 43)(75, "div", 44);
23548
- i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 3, 1, "div", 45);
23549
- i0.ɵɵconditionalCreate(77, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template, 17, 10);
23550
- i0.ɵɵconditionalCreate(78, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template, 30, 18);
23551
- i0.ɵɵconditionalCreate(79, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template, 18, 12);
23552
- i0.ɵɵconditionalCreate(80, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template, 19, 13);
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(81, "symphiq-funnel-analysis-modal", 46)(82, "symphiq-tooltip-container");
23555
- i0.ɵɵelementStart(83, "symphiq-search-bar", 47);
23556
- i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_83_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
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(84, "symphiq-mobile-fab", 48);
23559
- i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_84_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_84_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_84_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
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(85, "symphiq-mobile-bottom-nav", 49);
23562
- i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_85_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
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 tmp_34_0;
23567
- let tmp_41_0;
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(4);
23609
- i0.ɵɵclassMap(ctx.metaLabelClass());
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("", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.firstName, " ", (tmp_34_0 = ctx.requestedByUser()) == null ? null : tmp_34_0.lastName);
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((tmp_41_0 = ctx.analysisData()) == null ? null : tmp_41_0.title);
23710
+ i0.ɵɵtextInterpolate((tmp_39_0 = ctx.analysisData()) == null ? null : tmp_39_0.title);
23626
23711
  i0.ɵɵadvance();
23627
- i0.ɵɵconditional(ctx.revenueMetric() ? 55 : -1);
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() ? 61 : 62);
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() ? 67 : -1);
23726
+ i0.ɵɵconditional(ctx.searchService.activeSearchResult() ? 63 : -1);
23642
23727
  i0.ɵɵadvance(2);
23643
- i0.ɵɵconditional(ctx.showOverallPerformance() ? 69 : -1);
23728
+ i0.ɵɵconditional(ctx.showOverallPerformance() ? 65 : -1);
23644
23729
  i0.ɵɵadvance();
23645
- i0.ɵɵconditional(ctx.showKeyInsights() ? 70 : -1);
23730
+ i0.ɵɵconditional(ctx.showKeyInsights() ? 66 : -1);
23646
23731
  i0.ɵɵadvance();
23647
- i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 71 : -1);
23732
+ i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 67 : -1);
23648
23733
  i0.ɵɵadvance();
23649
- i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 72 : -1);
23734
+ i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 68 : -1);
23650
23735
  i0.ɵɵadvance();
23651
- i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 73 : -1);
23736
+ i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 69 : -1);
23652
23737
  i0.ɵɵadvance(3);
23653
- i0.ɵɵconditional(ctx.showOverallPerformance() ? 76 : -1);
23738
+ i0.ɵɵconditional(ctx.showOverallPerformance() ? 72 : -1);
23654
23739
  i0.ɵɵadvance();
23655
- i0.ɵɵconditional(ctx.showKeyInsights() ? 77 : -1);
23740
+ i0.ɵɵconditional(ctx.showKeyInsights() ? 73 : -1);
23656
23741
  i0.ɵɵadvance();
23657
- i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 78 : -1);
23742
+ i0.ɵɵconditional(ctx.showPerformanceMetrics() ? 74 : -1);
23658
23743
  i0.ɵɵadvance();
23659
- i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 79 : -1);
23744
+ i0.ɵɵconditional(ctx.showPerformanceBreakdowns() ? 75 : -1);
23660
23745
  i0.ɵɵadvance();
23661
- i0.ɵɵconditional(ctx.showCompetitiveIntelligence() ? 80 : -1);
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
- <div class="text-left sm:text-right">
23824
- <div [class]="metaLabelClass()" class="text-xs sm:text-sm">Generated At</div>
23825
- <div [class]="headerTitleClass()" class="text-sm sm:text-base font-medium">{{ formattedGeneratedDate() }}</div>
23826
- </div>
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: 1042 }); })();
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