@eric-emg/symphiq-components 1.2.119 → 1.2.121

package/fesm2022/symphiq-components.mjs

@@ -13,7 +13,6 @@ import * as i2$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { toObservable, toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { StringMemoizeCache as StringMemoizeCache$1 } from '@symphiq-components/utils/memoize';
 import { Root, Tooltip, color, Bullet, Circle, Legend, percent, p100, p50 } from '@amcharts/amcharts5';
 import { XYChart, DateAxis, AxisRendererX, ValueAxis, AxisRendererY, XYCursor, LineSeries, CategoryAxis, ColumnSeries } from '@amcharts/amcharts5/xy';
 import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
@@ -54566,7 +54565,7 @@ class DashboardHeaderComponent {
         this.viewModeClick = new EventEmitter();
         this.headerScrollService = inject(HeaderScrollService);
         this.isLightMode = computed(() => this.viewMode === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
-        this.dateFormatCache = new StringMemoizeCache$1();
+        this.dateFormatCache = new StringMemoizeCache();
         this.formattedGeneratedDate = computed(() => {
             let formatted = '';
             const createdDate = this.createdDate();
@@ -71983,7 +71982,7 @@ function StrategicGoalsTiledGridComponent_Conditional_12_Template(rf, ctx) { if
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.countBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goals.length, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.goals().length, " ");
 } }
 function StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -71994,7 +71993,7 @@ function StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx)
     const goal_r3 = ctx.$implicit;
     const ɵ$index_32_r4 = ctx.$index;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("goal", goal_r3)("viewMode", ctx_r0.viewMode)("animationIndex", ɵ$index_32_r4);
+    i0.ɵɵproperty("goal", goal_r3)("viewMode", ctx_r0.viewMode())("animationIndex", ɵ$index_32_r4);
 } }
 function StrategicGoalsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
@@ -72030,11 +72029,11 @@ function StrategicGoalsTiledGridComponent_Conditional_15_Template(rf, ctx) { if
 } }
 class StrategicGoalsTiledGridComponent {
     constructor() {
-        this.goals = [];
-        this.viewMode = ViewModeEnum.LIGHT;
-        this.viewMoreClick = new EventEmitter();
+        this.goals = input([], ...(ngDevMode ? [{ debugName: "goals" }] : []));
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.viewMoreClick = output();
         this.sortedGoals = computed(() => {
-            return [...this.goals].sort((a, b) => {
+            return [...this.goals()].sort((a, b) => {
                 const aPriority = this.getPriorityOrder(a);
                 const bPriority = this.getPriorityOrder(b);
                 return aPriority - bPriority;
@@ -72051,62 +72050,62 @@ class StrategicGoalsTiledGridComponent {
         return priorityMap[goal.priority || ''] ?? 999;
     }
     containerClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-slate-800/40 border-slate-700/50'
             : 'bg-white border-slate-200';
     }
     headerClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'border-slate-700/50 bg-slate-800/60'
             : 'border-slate-200 bg-gradient-to-r from-blue-50/50 to-purple-50/50';
     }
     iconContainerClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-blue-500/20 text-blue-400'
             : 'bg-blue-100 text-blue-600';
     }
     titleClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'text-white'
             : 'bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent';
     }
     subtitleClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'text-slate-400'
             : 'text-slate-600';
     }
     countBadgeClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-blue-500/20 text-blue-400 border border-blue-500/30'
             : 'bg-blue-100 text-blue-700 border border-blue-200';
     }
     contentClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-slate-800/30'
             : 'bg-slate-50/30';
     }
     emptyStateClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'border-slate-700'
             : 'border-slate-300';
     }
     emptyIconClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-slate-700 text-slate-500'
             : 'bg-slate-100 text-slate-400';
     }
     emptyTitleClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'text-white'
             : 'text-slate-900';
     }
     emptyDescriptionClasses() {
-        return this.viewMode === ViewModeEnum.DARK
+        return this.viewMode() === ViewModeEnum.DARK
             ? 'text-slate-400'
             : 'text-slate-600';
     }
     static { this.ɵfac = function StrategicGoalsTiledGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StrategicGoalsTiledGridComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrategicGoalsTiledGridComponent, selectors: [["symphiq-strategic-goals-tiled-grid"]], inputs: { goals: "goals", viewMode: "viewMode" }, outputs: { viewMoreClick: "viewMoreClick" }, decls: 16, vars: 10, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "font-semibold", "text-sm", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4", "items-start"], [1, "text-center", "py-12", "rounded-xl", "border-2", "border-dashed", 3, "ngClass"], [3, "goal", "viewMode", "animationIndex"], [3, "viewMoreClick", "goal", "viewMode", "animationIndex"], [1, "w-16", "h-16", "mx-auto", "mb-4", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"]], template: function StrategicGoalsTiledGridComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrategicGoalsTiledGridComponent, selectors: [["symphiq-strategic-goals-tiled-grid"]], inputs: { goals: [1, "goals"], viewMode: [1, "viewMode"] }, outputs: { viewMoreClick: "viewMoreClick" }, decls: 16, vars: 10, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "font-semibold", "text-sm", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4", "items-start"], [1, "text-center", "py-12", "rounded-xl", "border-2", "border-dashed", 3, "ngClass"], [3, "goal", "viewMode", "animationIndex"], [3, "viewMoreClick", "goal", "viewMode", "animationIndex"], [1, "w-16", "h-16", "mx-auto", "mb-4", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"]], template: function StrategicGoalsTiledGridComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(5, "svg", 5);
@@ -72135,13 +72134,13 @@ class StrategicGoalsTiledGridComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2(" ", ctx.goals.length, " prioritized ", ctx.goals.length === 1 ? "goal" : "goals", " to drive growth and optimization ");
+            i0.ɵɵtextInterpolate2(" ", ctx.goals().length, " prioritized ", ctx.goals().length === 1 ? "goal" : "goals", " to drive growth and optimization ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.goals.length > 0 ? 12 : -1);
+            i0.ɵɵconditional(ctx.goals().length > 0 ? 12 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.contentClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.goals.length > 0 ? 14 : 15);
+            i0.ɵɵconditional(ctx.goals().length > 0 ? 14 : 15);
         } }, dependencies: [CommonModule, i1$1.NgClass, SimplifiedGoalCardComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StrategicGoalsTiledGridComponent, [{
@@ -72151,71 +72150,65 @@ class StrategicGoalsTiledGridComponent {
                 standalone: true,
                 imports: [CommonModule, SimplifiedGoalCardComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
-      <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
-        <div class="flex items-center justify-between">
-          <div class="flex items-center gap-3">
-            <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
-              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"></path>
-              </svg>
-            </div>
-            <div>
-              <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
-                Strategic Insights & Goals
-              </h2>
-              <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
-                {{ goals.length }} prioritized {{ goals.length === 1 ? 'goal' : 'goals' }} to drive growth and optimization
-              </p>
-            </div>
-          </div>
-          @if (goals.length > 0) {
-            <div [ngClass]="countBadgeClasses()" class="px-3 py-1.5 rounded-lg font-semibold text-sm">
-              {{ goals.length }}
-            </div>
-          }
-        </div>
-      </div>
-
-      <div [ngClass]="contentClasses()" class="p-6">
-        @if (goals.length > 0) {
-          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-start">
-            @for (goal of sortedGoals(); track goal.id; let idx = $index) {
-              <symphiq-simplified-goal-card
-                [goal]="goal"
-                [viewMode]="viewMode"
-                [animationIndex]="idx"
-                (viewMoreClick)="viewMoreClick.emit($event)"
-              />
-            }
-          </div>
-        } @else {
-          <div [ngClass]="emptyStateClasses()" class="text-center py-12 rounded-xl border-2 border-dashed">
-            <div [ngClass]="emptyIconClasses()" class="w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center">
-              <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"></path>
-              </svg>
-            </div>
-            <h3 [ngClass]="emptyTitleClasses()" class="text-lg font-semibold mb-2">
-              No Strategic Goals Yet
-            </h3>
-            <p [ngClass]="emptyDescriptionClasses()" class="text-sm">
-              Complete your shop profile analysis to receive personalized strategic goals
-            </p>
-          </div>
-        }
-      </div>
-    </div>
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
+        <div class="flex items-center justify-between">
+          <div class="flex items-center gap-3">
+            <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"></path>
+              </svg>
+            </div>
+            <div>
+              <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
+                Strategic Insights & Goals
+              </h2>
+              <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
+                {{ goals().length }} prioritized {{ goals().length === 1 ? 'goal' : 'goals' }} to drive growth and optimization
+              </p>
+            </div>
+          </div>
+          @if (goals().length > 0) {
+            <div [ngClass]="countBadgeClasses()" class="px-3 py-1.5 rounded-lg font-semibold text-sm">
+              {{ goals().length }}
+            </div>
+          }
+        </div>
+      </div>
+
+      <div [ngClass]="contentClasses()" class="p-6">
+        @if (goals().length > 0) {
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-start">
+            @for (goal of sortedGoals(); track goal.id; let idx = $index) {
+              <symphiq-simplified-goal-card
+                [goal]="goal"
+                [viewMode]="viewMode()"
+                [animationIndex]="idx"
+                (viewMoreClick)="viewMoreClick.emit($event)"
+              />
+            }
+          </div>
+        } @else {
+          <div [ngClass]="emptyStateClasses()" class="text-center py-12 rounded-xl border-2 border-dashed">
+            <div [ngClass]="emptyIconClasses()" class="w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center">
+              <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"></path>
+              </svg>
+            </div>
+            <h3 [ngClass]="emptyTitleClasses()" class="text-lg font-semibold mb-2">
+              No Strategic Goals Yet
+            </h3>
+            <p [ngClass]="emptyDescriptionClasses()" class="text-sm">
+              Complete your shop profile analysis to receive personalized strategic goals
+            </p>
+          </div>
+        }
+      </div>
+    </div>
   `
             }]
-    }], null, { goals: [{
-            type: Input
-        }], viewMode: [{
-            type: Input
-        }], viewMoreClick: [{
-            type: Output
-        }] }); })();
+    }], null, { goals: [{ type: i0.Input, args: [{ isSignal: true, alias: "goals", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrategicGoalsTiledGridComponent, { className: "StrategicGoalsTiledGridComponent", filePath: "lib/components/profile-analysis-dashboard/cards/strategic-goals-tiled-grid.component.ts", lineNumber: 69 }); })();
 
 const _forTrack0$1 = ($index, $item) => $item.id;
@@ -72809,27 +72802,27 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx
     i0.ɵɵelement(0, "symphiq-journey-progress-indicator", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("currentStepId", ctx_r0.isMetricAnalysis() ? "metric-analysis" : ctx_r0.isFocusAreaAnalysis() ? "focus-area-analysis" : "shop-analysis")("showNextStepAction", false);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("currentStepId", ctx_r0.currentStepId())("showNextStepAction", false);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 23);
 } if (rf & 2) {
     let tmp_3_0;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("businessName", ((tmp_3_0 = ctx_r0.currentAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r0.isOnboarded);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("businessName", ((tmp_3_0 = ctx_r0.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r0.isOnboarded());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 24);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("focusAreaDomain", ctx_r0.focusAreaDomain())("focusAreaName", ctx_r0.focusAreaName())("focusAreaDetails", ctx_r0.focusAreaDetails);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("focusAreaDomain", ctx_r0.focusAreaDomain())("focusAreaName", ctx_r0.focusAreaName())("focusAreaDetails", ctx_r0.focusAreaDetails());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 25);
 } if (rf & 2) {
     let tmp_3_0;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("metricName", (tmp_3_0 = ctx_r0.currentAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r0.isOnboarded);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("metricName", (tmp_3_0 = ctx_r0.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r0.isOnboarded());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -73255,13 +73248,13 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template(rf, ct
     i0.ɵɵelement(0, "symphiq-floating-toc", 8);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("sections", ctx_r0.tocSections())("viewMode", ctx_r0.viewMode)("embedded", ctx_r0.embedded)("scrollElement", ctx_r0.scrollElement ?? undefined);
+    i0.ɵɵproperty("sections", ctx_r0.tocSections())("viewMode", ctx_r0.viewMode)("embedded", ctx_r0.embedded())("scrollElement", ctx_r0.scrollElement() ?? undefined);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-section-navigation", 8);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("sections", ctx_r0.tocSections())("viewMode", ctx_r0.viewMode)("embedded", ctx_r0.embedded)("scrollElement", ctx_r0.scrollElement ?? undefined);
+    i0.ɵɵproperty("sections", ctx_r0.tocSections())("viewMode", ctx_r0.viewMode)("embedded", ctx_r0.embedded())("scrollElement", ctx_r0.scrollElement() ?? undefined);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-goal-card", 12);
@@ -73321,14 +73314,21 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.viewMode = ViewModeEnum.LIGHT;
         this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
         this.createdDate = input(...(ngDevMode ? [undefined, { debugName: "createdDate" }] : []));
-        this.embedded = false;
-        this.analysisType = ProfileAnalysisTypeEnum.SHOP;
-        this.isOnboarded = false;
+        this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
+        this.profileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "profileAnalysis" }] : []));
+        this.profile = input(...(ngDevMode ? [undefined, { debugName: "profile" }] : []));
+        this.funnelAnalysis = input(...(ngDevMode ? [undefined, { debugName: "funnelAnalysis" }] : []));
+        this.analysisType = input(ProfileAnalysisTypeEnum.SHOP, ...(ngDevMode ? [{ debugName: "analysisType" }] : []));
+        this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
+        this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.scrollEvent = input(...(ngDevMode ? [undefined, { debugName: "scrollEvent" }] : []));
+        this.scrollElement = input(...(ngDevMode ? [undefined, { debugName: "scrollElement" }] : []));
+        this.isLoading = input(...(ngDevMode ? [undefined, { debugName: "isLoading" }] : []));
         this.COLLAPSE_THRESHOLD = 20;
         this.EXPAND_THRESHOLD = 10;
         this.embeddedScrollEffect = effect(() => {
-            const scrollEvent = this.scrollEvent;
-            const isEmbedded = this.embedded;
+            const scrollEvent = this.scrollEvent();
+            const isEmbedded = this.embedded();
             if (isEmbedded && !scrollEvent) {
                 return;
             }
@@ -73347,7 +73347,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             else if (currentState && scrollTop < this.EXPAND_THRESHOLD) {
                 this.headerScrollService.isScrolled.set(false);
             }
-            const scrollElement = this.scrollElement;
+            const scrollElement = this.scrollElement();
             if (scrollElement) {
                 const scrollHeight = scrollElement.scrollHeight || 0;
                 const clientHeight = scrollElement.clientHeight || 0;
@@ -73366,7 +73366,6 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.profileContextService = inject(ProfileContextService);
         this.profileItemLookupService = inject(ProfileItemLookupService);
         this.IconSourceEnum = IconSourceEnum;
-        this.currentAnalysis = signal(undefined, ...(ngDevMode ? [{ debugName: "currentAnalysis" }] : []));
         this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
         this.currentDisplayMode = signal(DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "currentDisplayMode" }] : []));
         this.isSearchOpen = signal(false, ...(ngDevMode ? [{ debugName: "isSearchOpen" }] : []));
@@ -73377,14 +73376,15 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.isLightMode = computed(() => this.viewMode === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.isSimplifiedView = computed(() => this.currentDisplayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
         // Analysis Type Detection
-        this.isFocusAreaAnalysis = computed(() => this.currentAnalysis()?.profileAnalysisStructured?.analysisType === ProfileAnalysisTypeEnum.FOCUS_AREA, ...(ngDevMode ? [{ debugName: "isFocusAreaAnalysis" }] : []));
-        this.isMetricAnalysis = computed(() => this.currentAnalysis()?.profileAnalysisStructured?.analysisType === ProfileAnalysisTypeEnum.METRIC, ...(ngDevMode ? [{ debugName: "isMetricAnalysis" }] : []));
-        this.isShopAnalysis = computed(() => this.currentAnalysis()?.profileAnalysisStructured?.analysisType === ProfileAnalysisTypeEnum.SHOP, ...(ngDevMode ? [{ debugName: "isShopAnalysis" }] : []));
-        this.focusAreaDomain = computed(() => this.currentAnalysis()?.profileAnalysisStructured?.focusAreaDomain, ...(ngDevMode ? [{ debugName: "focusAreaDomain" }] : []));
-        this.focusAreaName = computed(() => this.currentAnalysis()?.profileAnalysisStructured?.focusAreaName ||
+        this.isFocusAreaAnalysis = computed(() => this.profileAnalysis()?.profileAnalysisStructured?.analysisType === ProfileAnalysisTypeEnum.FOCUS_AREA, ...(ngDevMode ? [{ debugName: "isFocusAreaAnalysis" }] : []));
+        this.isMetricAnalysis = computed(() => this.profileAnalysis()?.profileAnalysisStructured?.analysisType === ProfileAnalysisTypeEnum.METRIC, ...(ngDevMode ? [{ debugName: "isMetricAnalysis" }] : []));
+        this.isShopAnalysis = computed(() => this.profileAnalysis()?.profileAnalysisStructured?.analysisType === ProfileAnalysisTypeEnum.SHOP, ...(ngDevMode ? [{ debugName: "isShopAnalysis" }] : []));
+        this.currentStepId = computed(() => this.isMetricAnalysis() ? 'metric-analysis' : (this.isFocusAreaAnalysis() ? 'focus-area-analysis' : 'shop-analysis'), ...(ngDevMode ? [{ debugName: "currentStepId" }] : []));
+        this.focusAreaDomain = computed(() => this.profileAnalysis()?.profileAnalysisStructured?.focusAreaDomain, ...(ngDevMode ? [{ debugName: "focusAreaDomain" }] : []));
+        this.focusAreaName = computed(() => this.profileAnalysis()?.profileAnalysisStructured?.focusAreaName ||
             FocusAreaDomainEnumUtil.title(this.focusAreaDomain()), ...(ngDevMode ? [{ debugName: "focusAreaName" }] : []));
         this.metricName = computed(() => {
-            const metric = this.currentAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric;
+            const metric = this.profileAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric;
             if (!metric)
                 return '';
             // Convert enum to readable format (e.g., SCREEN_PAGE_VIEWS -> Screen Page Views)
@@ -73394,7 +73394,7 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.focusAreaExecutiveSummary = computed(() => {
             if (!this.isFocusAreaAnalysis())
                 return undefined;
-            const summary = this.currentAnalysis()?.profileAnalysisStructured?.focusAreaExecutiveSummary;
+            const summary = this.profileAnalysis()?.profileAnalysisStructured?.focusAreaExecutiveSummary;
             if (!summary)
                 return undefined;
             return {
@@ -73406,7 +73406,7 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.metricExecutiveSummary = computed(() => {
             if (!this.isMetricAnalysis())
                 return undefined;
-            const summary = this.currentAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary;
+            const summary = this.profileAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary;
             if (!summary)
                 return undefined;
             return {
@@ -73419,7 +73419,7 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.executiveSummary = computed(() => {
             if (this.isFocusAreaAnalysis() || this.isMetricAnalysis())
                 return undefined;
-            const summary = this.currentAnalysis()?.profileAnalysisStructured?.executiveSummary;
+            const summary = this.profileAnalysis()?.profileAnalysisStructured?.executiveSummary;
             if (!summary)
                 return undefined;
             return {
@@ -73427,7 +73427,11 @@ class SymphiqProfileAnalysisDashboardComponent {
                 gradeRationale: this.formatGradeInText(summary.gradeRationale)
             };
         }, ...(ngDevMode ? [{ debugName: "executiveSummary" }] : []));
-        this.sections = computed(() => this.currentAnalysis()?.profileAnalysisStructured?.sections, ...(ngDevMode ? [{ debugName: "sections" }] : []));
+        this.sections = computed(() => {
+            console.log('this.profileAnalysis()', this.profileAnalysis());
+            console.log('this.profileAnalysis()?.profileAnalysisStructured', this.profileAnalysis()?.profileAnalysisStructured);
+            return this.profileAnalysis()?.profileAnalysisStructured?.sections;
+        }, ...(ngDevMode ? [{ debugName: "sections" }] : []));
         this.allGoals = computed(() => {
             const sectionList = this.sections();
             if (!sectionList)
@@ -73612,9 +73616,10 @@ class SymphiqProfileAnalysisDashboardComponent {
         }, ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
         // Extract charts from funnel analysis
         this.allCharts = computed(() => {
-            if (!this.funnelAnalysis)
+            const funnelAnalysis = this.funnelAnalysis();
+            if (!funnelAnalysis)
                 return [];
-            const performanceOverview = normalizeToV3(this.funnelAnalysis.performanceOverviewStructured);
+            const performanceOverview = normalizeToV3(funnelAnalysis.performanceOverviewStructured);
             return performanceOverview?.charts || [];
         }, ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
         // Extract insights from funnel analysis for goal-related insights
@@ -73644,7 +73649,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             return performanceOverview?.strengths || [];
         }, ...(ngDevMode ? [{ debugName: "funnelStrengths" }] : []));
         this.allBusinessInsights = computed(() => {
-            const profile = this.profile;
+            const profile = this.profile();
             return profile?.profileStructured?.recommendations || [];
         }, ...(ngDevMode ? [{ debugName: "allBusinessInsights" }] : []));
         // Update funnel modal data whenever metrics/charts change
@@ -73656,7 +73661,7 @@ class SymphiqProfileAnalysisDashboardComponent {
         });
     }
     onWindowScroll() {
-        this.headerScrollService.handleScroll(this.embedded);
+        this.headerScrollService.handleScroll(this.embedded());
         const scrollTop = window.scrollY;
         const docHeight = document.documentElement.scrollHeight - window.innerHeight;
         this.scrollProgress.set((scrollTop / docHeight) * 100);
@@ -73664,19 +73669,15 @@ class SymphiqProfileAnalysisDashboardComponent {
     ngOnChanges(changes) {
         // Update the signal whenever funnelAnalysis input changes
         if (changes['funnelAnalysis']) {
-            this.funnelAnalysisSignal.set(this.funnelAnalysis);
+            this.funnelAnalysisSignal.set(this.funnelAnalysis());
         }
     }
     ngOnInit() {
-        // Use provided data
-        if (this.profileAnalysis) {
-            this.currentAnalysis.set(this.profileAnalysis);
-        }
         // Set the signal with the funnelAnalysis data
-        this.funnelAnalysisSignal.set(this.funnelAnalysis);
+        this.funnelAnalysisSignal.set(this.funnelAnalysis());
         // Index business profile recommendations into ProfileContextService
         // This enables detailed recommendation lookup for goal business insights
-        const profileToUse = this.profile;
+        const profileToUse = this.profile();
         if (profileToUse?.profileStructured?.sections) {
             const recommendations = profileToUse.profileStructured?.recommendations || [];
             this.profileContextService.indexProfile(profileToUse.profileStructured.sections, recommendations);
@@ -73843,7 +73844,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             [ProfileAnalysisTypeEnum.RECOMMENDATION_PROGRESS]: 'Recommendation Progress',
             [ProfileAnalysisTypeEnum.RECOMMENDATION_COMPLETION]: 'Recommendation Completion'
         };
-        return labels[this.analysisType] || 'Profile';
+        return labels[this.analysisType()] || 'Profile';
     }
     getAnalysisSubtitle() {
         if (this.isFocusAreaAnalysis()) {
@@ -74023,7 +74024,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: "viewMode", requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: "embedded", profileAnalysis: "profileAnalysis", profile: "profile", funnelAnalysis: "funnelAnalysis", analysisType: "analysisType", focusAreaDetails: "focusAreaDetails", isOnboarded: "isOnboarded", scrollEvent: "scrollEvent", scrollElement: "scrollElement", isLoading: "isLoading" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 45, consts: [[1, "min-h-screen", "relative", 3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "fixed", "inset-0", "bg-slate-900"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate"], [3, "viewMode", "currentStepId", "showNextStepAction"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [1, "absolute", "inset-0", "bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))]", "from-slate-800", "via-slate-900", "to-slate-900"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: "viewMode", requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], focusAreaDetails: [1, "focusAreaDetails"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"] }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 45, consts: [[1, "min-h-screen", "relative", 3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "fixed", "inset-0", "bg-slate-900"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate"], [3, "viewMode", "currentStepId", "showNextStepAction"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [1, "absolute", "inset-0", "bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))]", "from-slate-800", "via-slate-900", "to-slate-900"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div");
             i0.ɵɵelement(2, "div", 1);
             i0.ɵɵelementEnd();
@@ -74070,16 +74071,16 @@ class SymphiqProfileAnalysisDashboardComponent {
             let tmp_36_0;
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
-            i0.ɵɵclassMap(ctx.embedded ? "sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30" : "fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30");
+            i0.ɵɵclassMap(ctx.embedded() ? "sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30" : "fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30");
             i0.ɵɵadvance();
             i0.ɵɵstyleProp("width", ctx.scrollProgress(), "%");
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isLightMode() ? 3 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("title", ((tmp_5_0 = ctx.currentAnalysis()) == null ? null : tmp_5_0.profileAnalysisStructured == null ? null : tmp_5_0.profileAnalysisStructured.businessName) || "Profile Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode)("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading)("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_12_0 = ctx.currentAnalysis()) == null ? null : tmp_12_0.selfContentCompletedDate);
+            i0.ɵɵproperty("title", ((tmp_5_0 = ctx.profileAnalysis()) == null ? null : tmp_5_0.profileAnalysisStructured == null ? null : tmp_5_0.profileAnalysisStructured.businessName) || "Profile Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode)("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_12_0 = ctx.profileAnalysis()) == null ? null : tmp_12_0.selfContentCompletedDate);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isOnboarded ? 6 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isOnboarded() ? 6 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
             i0.ɵɵadvance();
@@ -74129,7 +74130,7 @@ class SymphiqProfileAnalysisDashboardComponent {
     <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
       <!-- Scroll Progress Bar -->
       <div
-          [class]="embedded ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
+          [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
         <div
             [style.width.%]="scrollProgress()"
             [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
@@ -74148,23 +74149,23 @@ class SymphiqProfileAnalysisDashboardComponent {
       <div class="relative z-[51]">
         <!-- Dashboard Header -->
         <symphiq-dashboard-header
-            [title]="currentAnalysis()?.profileAnalysisStructured?.businessName || 'Profile Analysis'"
+            [title]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'Profile Analysis'"
             [subtitle]="getAnalysisSubtitle()"
             [currentSection]="getAnalysisSubtitle()"
             [viewMode]="viewMode"
             [viewModeLabel]="displayModeLabel()"
-            [isLoading]="isLoading"
+            [isLoading]="isLoading()"
             [requestedByUser]="requestedByUser()"
-            [createdDate]="currentAnalysis()?.selfContentCompletedDate"
+            [createdDate]="profileAnalysis()?.selfContentCompletedDate"
             (searchClick)="openSearch()"
             (viewModeClick)="openViewModeSwitcher()"
         />
 
         <!-- Journey Progress Banner -->
-        @if (isSimplifiedView() && !isOnboarded) {
+        @if (isSimplifiedView() && !isOnboarded()) {
           <symphiq-journey-progress-indicator
               [viewMode]="viewMode"
-              [currentStepId]="isMetricAnalysis() ? 'metric-analysis' : (isFocusAreaAnalysis() ? 'focus-area-analysis' : 'shop-analysis')"
+              [currentStepId]="currentStepId()"
               [showNextStepAction]="false"
           />
         }
@@ -74178,8 +74179,8 @@ class SymphiqProfileAnalysisDashboardComponent {
               @if (!isFocusAreaAnalysis() && !isMetricAnalysis()) {
                 <symphiq-shop-welcome-banner
                     [viewMode]="viewMode"
-                    [businessName]="currentAnalysis()?.profileAnalysisStructured?.businessName || 'your shop'"
-                    [isOnboarded]="isOnboarded"
+                    [businessName]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'your shop'"
+                    [isOnboarded]="isOnboarded()"
                 />
               }
               @if (isFocusAreaAnalysis()) {
@@ -74187,14 +74188,14 @@ class SymphiqProfileAnalysisDashboardComponent {
                     [viewMode]="viewMode"
                     [focusAreaDomain]="focusAreaDomain()"
                     [focusAreaName]="focusAreaName()"
-                    [focusAreaDetails]="focusAreaDetails"
+                    [focusAreaDetails]="focusAreaDetails()"
                 />
               }
               @if (isMetricAnalysis()) {
                 <symphiq-metric-welcome-banner
                     [viewMode]="viewMode"
-                    [metricName]="currentAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric"
-                    [isOnboarded]="isOnboarded"
+                    [metricName]="profileAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric"
+                    [isOnboarded]="isOnboarded()"
                 />
               }
             </div>
@@ -74521,8 +74522,8 @@ class SymphiqProfileAnalysisDashboardComponent {
           <symphiq-floating-toc
               [sections]="tocSections()"
               [viewMode]="viewMode"
-              [embedded]="embedded"
-              [scrollElement]="scrollElement ?? undefined"
+              [embedded]="embedded()"
+              [scrollElement]="scrollElement() ?? undefined"
           />
         }
 
@@ -74531,8 +74532,8 @@ class SymphiqProfileAnalysisDashboardComponent {
           <symphiq-section-navigation
               [sections]="tocSections()"
               [viewMode]="viewMode"
-              [embedded]="embedded"
-              [scrollElement]="scrollElement ?? undefined"
+              [embedded]="embedded()"
+              [scrollElement]="scrollElement() ?? undefined"
           />
         }
 
@@ -74653,27 +74654,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             args: [ModalComponent]
         }], viewMode: [{
             type: Input
-        }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{
-            type: Input
-        }], profileAnalysis: [{
-            type: Input
-        }], profile: [{
-            type: Input
-        }], funnelAnalysis: [{
-            type: Input
-        }], analysisType: [{
-            type: Input
-        }], focusAreaDetails: [{
-            type: Input
-        }], isOnboarded: [{
-            type: Input
-        }], scrollEvent: [{
-            type: Input
-        }], scrollElement: [{
-            type: Input
-        }], isLoading: [{
-            type: Input
-        }], onWindowScroll: [{
+        }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], analysisType: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisType", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], onWindowScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();