@eric-emg/symphiq-components 1.2.37 → 1.2.39

package/fesm2022/symphiq-components.mjs

@@ -21289,7 +21289,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         ];
         // Computed signals (automatically memoized)
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
-        this.performanceOverview = computed(() => normalizeToV3(this.funnelAnalysis().performanceOverviewStructured), ...(ngDevMode ? [{ debugName: "performanceOverview" }] : []));
+        this.performanceOverview = computed(() => normalizeToV3(this.funnelAnalysis()?.performanceOverviewStructured), ...(ngDevMode ? [{ debugName: "performanceOverview" }] : []));
         // Derived data signals
         this.insights = computed(() => {
             const overview = this.performanceOverview();
@@ -22221,7 +22221,9 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_87_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
+            let tmp_21_0;
             let tmp_36_0;
+            let tmp_43_0;
             i0.ɵɵstyleProp("display", ctx.embedded() ? "block" : null)("min-height", ctx.embedded() ? "auto" : null);
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded())("relative", !ctx.embedded());
             i0.ɵɵadvance(2);
@@ -22248,7 +22250,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵclassProp("pointer-events-none", ctx.isScrolled())("pointer-events-auto", !ctx.isScrolled());
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(ctx.funnelAnalysis().title);
+            i0.ɵɵtextInterpolate((tmp_21_0 = ctx.funnelAnalysis()) == null ? null : tmp_21_0.title);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isLoading() && !ctx.isShowingLoader() ? 19 : -1);
             i0.ɵɵadvance(2);
@@ -22283,7 +22285,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵclassProp("pointer-events-none", !ctx.isScrolled())("pointer-events-auto", ctx.isScrolled());
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(ctx.funnelAnalysis().title);
+            i0.ɵɵtextInterpolate((tmp_43_0 = ctx.funnelAnalysis()) == null ? null : tmp_43_0.title);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.revenueMetric() ? 57 : -1);
             i0.ɵɵadvance(2);
@@ -22429,7 +22431,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
           <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 sm:gap-0">
             <div class="flex-1">
               <div class="flex items-center gap-3">
-                <h1 class="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">{{funnelAnalysis().title}}</h1>
+                <h1 class="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">{{funnelAnalysis()?.title}}</h1>
                 @if (isLoading() && !isShowingLoader()) {
                   <!-- Subtle refresh indicator -->
                   <div class="animate-spin w-4 h-4 border-2 border-blue-500/30 border-t-blue-500 rounded-full" title="Refreshing data..."></div>
@@ -22514,7 +22516,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             [class.pointer-events-auto]="isScrolled()">
           <div class="flex items-center justify-between gap-4">
             <div class="flex items-center gap-4 flex-1 min-w-0">
-              <h1 class="text-lg font-bold truncate bg-gradient-to-r from-blue-600 via-purple-600 to-indigo-600 bg-clip-text text-transparent">{{funnelAnalysis().title}}</h1>
+              <h1 class="text-lg font-bold truncate bg-gradient-to-r from-blue-600 via-purple-600 to-indigo-600 bg-clip-text text-transparent">{{funnelAnalysis()?.title}}</h1>
               @if (revenueMetric()) {
                 <div class="hidden lg:flex items-center gap-3 px-4 py-1.5 rounded-lg" [ngClass]="isLightMode() ? 'bg-emerald-50 border border-emerald-200' : 'bg-emerald-500/10 border border-emerald-500/20'">
                   <span [class]="metaLabelClass()" class="text-xs font-medium">Revenue:</span>