@eric-emg/symphiq-components 1.2.409 → 1.2.411

package/fesm2022/symphiq-components.mjs

@@ -515,9 +515,9 @@ class ModalService {
             navigationStack: newStack
         });
     }
-    navigateToStrategyRecommendations(strategy, objectiveTitle, goalTitle, viewMode) {
+    navigateToStrategyRecommendations(strategy, objectiveTitle, goalTitle, viewMode, expandedRecommendationId) {
         const currentState = this.modalState.value;
-        const data = { strategy, objectiveTitle, goalTitle, viewMode };
+        const data = { strategy, objectiveTitle, goalTitle, viewMode, expandedRecommendationId };
         const currentStack = currentState.navigationStack || [];
         let newStack = currentStack;
         if ((currentState.type === 'goal-objectives' || currentState.type === 'objective-strategies' || currentState.type === 'strategy-recommendations') && currentState.data) {
@@ -540,6 +540,10 @@ class ModalService {
         };
         this.modalState.next(newState);
     }
+    openStrategyRecommendationsModal(strategy, objectiveTitle, goalTitle, viewMode, expandedRecommendationId) {
+        const data = { strategy, objectiveTitle, goalTitle, viewMode, expandedRecommendationId };
+        this.modalState.next({ type: 'strategy-recommendations', data, charts: [], previousState: null, navigationStack: [] });
+    }
     openCategoryDetailModal(category, viewMode, scrollToSection) {
         const data = { category, viewMode, scrollToSection };
         this.modalState.next({ type: 'category-detail', data, charts: [], previousState: null });
@@ -12756,7 +12760,6 @@ class ProfileContextService {
         }, ...(ngDevMode ? [{ debugName: "contextIndex" }] : []));
     }
     indexProfile(sections, recommendations) {
-        console.log('[ProfileContextService.indexProfile] Called with sections:', sections?.length, 'sections');
         const index = {
             regions: [],
             seasons: [],
@@ -12770,7 +12773,6 @@ class ProfileContextService {
         for (const section of sections) {
             if (!section.subsections)
                 continue;
-            console.log('[ProfileContextService.indexProfile] Section:', section.id, 'has subsections:', section.subsections?.map(s => s.id));
             for (const subsection of section.subsections) {
                 switch (subsection.id) {
                     case 'customer-regions':
@@ -12793,7 +12795,6 @@ class ProfileContextService {
                         break;
                     case 'competitor-analysis':
                         index.competitors = subsection.items || [];
-                        console.log('[ProfileContextService.indexProfile] Found competitor-analysis subsection, items:', index.competitors);
                         break;
                 }
             }
@@ -12841,7 +12842,6 @@ class ProfileContextService {
     }
     getCompetitorsByIds(ids) {
         const competitors = this.getCompetitors();
-        console.log('[ProfileContextService.getCompetitorsByIds] all competitors:', competitors, 'looking for ids:', ids);
         return ids.map(id => competitors.find(comp => comp.id === id)).filter(Boolean);
     }
     getRecommendationsByProfileItemIds(itemIds) {
@@ -73286,9 +73286,7 @@ class CompetitiveComparisonCardComponent {
         if (!competitorId)
             return '';
         const competitors = this.profileContextService.getCompetitorsByIds([competitorId]);
-        const result = competitors[0]?.label || competitors[0]?.value || competitorId;
-        console.log('[getCompetitorTitle] competitorId:', competitorId, 'competitors:', competitors, 'result:', result);
-        return result;
+        return competitors[0]?.label || competitors[0]?.value || competitorId;
     }
     advantageBadgeClasses(advantage) {
         if (this.isDark()) {
@@ -73796,12 +73794,26 @@ class PhaseTimelineCardComponent {
             event.stopPropagation();
             event.preventDefault();
         }
-        const goalContext = {
-            title: recommendation.title || 'Recommendation',
-            description: recommendation.description || '',
-            icon: 'light-bulb'
-        };
-        this.modalService.navigateToBusinessInsightDetail(recommendation, goalContext, this.viewMode());
+        const hierarchy = this.findRecommendationHierarchy(recommendation.id);
+        if (hierarchy) {
+            this.modalService.openStrategyRecommendationsModal(hierarchy.strategy, hierarchy.objective?.title, hierarchy.goal?.title, this.viewMode(), recommendation.id);
+        }
+    }
+    findRecommendationHierarchy(recommendationId) {
+        if (!recommendationId)
+            return null;
+        for (const goal of this.goalObjects()) {
+            for (const objective of goal.objectives || []) {
+                for (const strategy of objective.strategies || []) {
+                    for (const rec of strategy.recommendations || []) {
+                        if (rec.id === recommendationId) {
+                            return { goal, objective, strategy };
+                        }
+                    }
+                }
+            }
+        }
+        return null;
     }
     static { this.ɵfac = function PhaseTimelineCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhaseTimelineCardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhaseTimelineCardComponent, selectors: [["symphiq-phase-timeline-card"]], inputs: { phase: [1, "phase"], viewMode: [1, "viewMode"], isLast: [1, "isLast"], allGoals: [1, "allGoals"] }, decls: 12, vars: 12, consts: [[1, "rounded-lg", "p-5", "relative", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4", "relative"], [1, "z-10", 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", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "flex-1"], [1, "font-bold", "text-lg", "mb-4", 3, "ngClass"], [1, "mb-4"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out", 3, "grid-template-rows"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer"], [1, "text-sm", "font-semibold", "mb-2", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex", "flex-wrap", "gap-2"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-md", 3, "ngClass"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-md", 3, "click", "ngClass"], ["size", "w-3.5 h-3.5", 1, "flex-shrink-0", "opacity-60", 3, "icon"], ["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 2"], [1, "flex", "flex-wrap", "gap-3"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "space-y-1.5"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 13l4 4L19 7"], [1, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer", 3, "click"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"]], template: function PhaseTimelineCardComponent_Template(rf, ctx) { if (rf & 1) {
@@ -81852,11 +81864,18 @@ class StrategyRecommendationsModalContentComponent {
         this.allInsights = input([], ...(ngDevMode ? [{ debugName: "allInsights" }] : []));
         this.allBusinessInsights = input([], ...(ngDevMode ? [{ debugName: "allBusinessInsights" }] : []));
         this.currentModalState = input(...(ngDevMode ? [undefined, { debugName: "currentModalState" }] : []));
+        this.expandedRecommendationId = input(...(ngDevMode ? [undefined, { debugName: "expandedRecommendationId" }] : []));
         this.modalService = inject(ModalService);
         this.metricFormatter = inject(MetricFormatterService);
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
         this.expandedImplementationSteps = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedImplementationSteps" }] : []));
         this.expandedRecommendations = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedRecommendations" }] : []));
+        this.expandRecommendationEffect = effect(() => {
+            const recId = this.expandedRecommendationId();
+            if (recId) {
+                this.expandedRecommendations.set(new Set([recId]));
+            }
+        }, ...(ngDevMode ? [{ debugName: "expandRecommendationEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
         this.cardClasses = computed(() => {
             if (this.isDark()) {
                 return 'bg-slate-800/40 border border-slate-700/40';
@@ -82681,7 +82700,7 @@ class StrategyRecommendationsModalContentComponent {
         return 'border border-slate-300 bg-white text-slate-700';
     }
     static { this.ɵfac = function StrategyRecommendationsModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StrategyRecommendationsModalContentComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrategyRecommendationsModalContentComponent, selectors: [["symphiq-strategy-recommendations-modal-content"]], inputs: { strategy: [1, "strategy"], objectiveTitle: [1, "objectiveTitle"], goalTitle: [1, "goalTitle"], viewMode: [1, "viewMode"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], allBusinessInsights: [1, "allBusinessInsights"], currentModalState: [1, "currentModalState"] }, decls: 9, vars: 5, consts: [[1, "space-y-6"], [1, "p-6", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "mb-5"], [1, "flex", "flex-wrap", "gap-2.5"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", 3, "ngClass"], [1, "rounded", "p-5", "transition-all", "duration-200", "hover:shadow-lg", 3, "ngClass", "cursor-pointer"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "rounded", "p-5", "transition-all", "duration-200", "hover:shadow-lg", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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, "flex-1", "min-w-0"], [1, "mb-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-2", "mb-3"], [1, "font-medium", "text-lg", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "mb-4"], [1, "flex", "flex-wrap", "gap-2.5", "mb-4"], [1, "px-2", "py-1", "rounded", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2", "mb-4"], ["type", "button", 1, "flex", "items-center", "gap-2", "transition-colors", "duration-200", "cursor-pointer", 3, "ngClass"], [1, "grid", "transition-all", "duration-300", "ease-in-out"], [1, "overflow-hidden", "-mx-2", "px-2"], [1, "pt-4", "transition-opacity", "duration-300"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-5"], [1, "pt-4", "border-t", 3, "ngClass"], [1, "pt-4", "border-t", "lg:col-span-2", 3, "ngClass"], [1, "pt-6", "border-t", "lg:col-span-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "px-2.5", "py-1.5", "rounded-full", "text-xs", "font-medium", "flex", "items-center", "gap-1.5", 3, "ngClass", "libSymphiqTooltip", "tooltipType", "tooltipPosition", "tooltipDelay"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], [1, "font-semibold"], [1, "opacity-80"], ["type", "button", 1, "flex", "items-center", "gap-2", "transition-colors", "duration-200", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "text-sm", "flex", "items-start", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 13l4 4L19 7"], [1, "text-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "space-y-3"], [1, "text-xs", "font-medium", "mb-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-2", "py-1", "rounded-full", "text-xs", 3, "ngClass"], [1, "ml-1", "opacity-75"], ["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"], [1, "p-3", "rounded", 3, "ngClass"], [1, "flex", "items-start", "gap-2", "mb-2"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "flex", "items-start", "gap-2", "mt-2"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"], [1, "text-sm", 3, "ngClass"], ["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, "p-3", "rounded", "border", 3, "ngClass"], [1, "w-7", "h-7", "rounded-full", "flex", "items-center", "justify-center", "border-2", "flex-shrink-0", "font-bold", "text-xs", 3, "ngClass"], [1, "text-sm", "font-medium", "mb-1", 3, "ngClass"], [1, "text-xs", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", 3, "ngClass"], ["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-sm", "font-medium", "mb-2", 3, "ngClass"], [1, "mt-2"], [1, "inline-block", "px-2", "py-1", "rounded-full", "text-xs", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"], [3, "relatedFocusAreas", "viewMode"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "px-1", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], ["type", "button", 1, "w-full", "text-left", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-lg", "active:scale-[0.98]", "cursor-pointer", "group", 3, "ngClass"], ["type", "button", 1, "w-full", "text-left", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-lg", "active:scale-[0.98]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["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, "text-lg", "font-bold", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-colors", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], ["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, "space-y-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "px-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", "rotate-180", 3, "ngClass"]], template: function StrategyRecommendationsModalContentComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrategyRecommendationsModalContentComponent, selectors: [["symphiq-strategy-recommendations-modal-content"]], inputs: { strategy: [1, "strategy"], objectiveTitle: [1, "objectiveTitle"], goalTitle: [1, "goalTitle"], viewMode: [1, "viewMode"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], allBusinessInsights: [1, "allBusinessInsights"], currentModalState: [1, "currentModalState"], expandedRecommendationId: [1, "expandedRecommendationId"] }, decls: 9, vars: 5, consts: [[1, "space-y-6"], [1, "p-6", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "mb-5"], [1, "flex", "flex-wrap", "gap-2.5"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", 3, "ngClass"], [1, "rounded", "p-5", "transition-all", "duration-200", "hover:shadow-lg", 3, "ngClass", "cursor-pointer"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "rounded", "p-5", "transition-all", "duration-200", "hover:shadow-lg", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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, "flex-1", "min-w-0"], [1, "mb-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-2", "mb-3"], [1, "font-medium", "text-lg", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "mb-4"], [1, "flex", "flex-wrap", "gap-2.5", "mb-4"], [1, "px-2", "py-1", "rounded", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2", "mb-4"], ["type", "button", 1, "flex", "items-center", "gap-2", "transition-colors", "duration-200", "cursor-pointer", 3, "ngClass"], [1, "grid", "transition-all", "duration-300", "ease-in-out"], [1, "overflow-hidden", "-mx-2", "px-2"], [1, "pt-4", "transition-opacity", "duration-300"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-5"], [1, "pt-4", "border-t", 3, "ngClass"], [1, "pt-4", "border-t", "lg:col-span-2", 3, "ngClass"], [1, "pt-6", "border-t", "lg:col-span-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "px-2.5", "py-1.5", "rounded-full", "text-xs", "font-medium", "flex", "items-center", "gap-1.5", 3, "ngClass", "libSymphiqTooltip", "tooltipType", "tooltipPosition", "tooltipDelay"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], [1, "font-semibold"], [1, "opacity-80"], ["type", "button", 1, "flex", "items-center", "gap-2", "transition-colors", "duration-200", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "text-sm", "flex", "items-start", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 13l4 4L19 7"], [1, "text-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "space-y-3"], [1, "text-xs", "font-medium", "mb-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-2", "py-1", "rounded-full", "text-xs", 3, "ngClass"], [1, "ml-1", "opacity-75"], ["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"], [1, "p-3", "rounded", 3, "ngClass"], [1, "flex", "items-start", "gap-2", "mb-2"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "flex", "items-start", "gap-2", "mt-2"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"], [1, "text-sm", 3, "ngClass"], ["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, "p-3", "rounded", "border", 3, "ngClass"], [1, "w-7", "h-7", "rounded-full", "flex", "items-center", "justify-center", "border-2", "flex-shrink-0", "font-bold", "text-xs", 3, "ngClass"], [1, "text-sm", "font-medium", "mb-1", 3, "ngClass"], [1, "text-xs", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", 3, "ngClass"], ["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-sm", "font-medium", "mb-2", 3, "ngClass"], [1, "mt-2"], [1, "inline-block", "px-2", "py-1", "rounded-full", "text-xs", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"], [3, "relatedFocusAreas", "viewMode"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "px-1", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], ["type", "button", 1, "w-full", "text-left", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-lg", "active:scale-[0.98]", "cursor-pointer", "group", 3, "ngClass"], ["type", "button", 1, "w-full", "text-left", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-lg", "active:scale-[0.98]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["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, "text-lg", "font-bold", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-colors", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], ["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, "space-y-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "px-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", "rotate-180", 3, "ngClass"]], template: function StrategyRecommendationsModalContentComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵconditionalCreate(2, StrategyRecommendationsModalContentComponent_Conditional_2_Template, 3, 2, "div", 2);
             i0.ɵɵconditionalCreate(3, StrategyRecommendationsModalContentComponent_Conditional_3_Template, 5, 3, "div", 2);
@@ -83189,7 +83208,7 @@ class StrategyRecommendationsModalContentComponent {
     </div>
   `
             }]
-    }], null, { strategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "strategy", required: false }] }], objectiveTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectiveTitle", required: false }] }], goalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalTitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], allBusinessInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allBusinessInsights", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
+    }], null, { strategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "strategy", required: false }] }], objectiveTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectiveTitle", required: false }] }], goalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalTitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], allBusinessInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allBusinessInsights", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }], expandedRecommendationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedRecommendationId", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrategyRecommendationsModalContentComponent, { className: "StrategyRecommendationsModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/strategy-recommendations-modal-content.component.ts", lineNumber: 489 }); })();
 
 const _c0$9 = a0 => ({ name: "chevron-right", source: a0 });
@@ -93050,7 +93069,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template(rf, ct
 } if (rf & 2) {
     const data_r23 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("strategy", data_r23.strategy)("objectiveTitle", data_r23.objectiveTitle)("goalTitle", data_r23.goalTitle)("viewMode", data_r23.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("strategy", data_r23.strategy)("objectiveTitle", data_r23.objectiveTitle)("goalTitle", data_r23.goalTitle)("viewMode", data_r23.viewMode)("expandedRecommendationId", data_r23.expandedRecommendationId)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 16);
@@ -94077,7 +94096,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopProfileStatusCard = _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: [1, "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"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 52, consts: [["shopProfileStatusCard", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["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", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "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"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 52, consts: [["shopProfileStatusCard", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["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", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
             i0.ɵɵelementStart(2, "div");
@@ -94104,7 +94123,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵconditionalCreate(16, SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template, 1, 8, "symphiq-goal-card", 12);
             i0.ɵɵconditionalCreate(17, SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template, 1, 2, "symphiq-goal-objectives-modal-content", 13);
             i0.ɵɵconditionalCreate(18, SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template, 1, 3, "symphiq-objective-strategies-modal-content", 14);
-            i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template, 1, 9, "symphiq-strategy-recommendations-modal-content", 15);
+            i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template, 1, 10, "symphiq-strategy-recommendations-modal-content", 15);
             i0.ɵɵconditionalCreate(20, SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template, 1, 3, "symphiq-category-detail-modal-content", 16);
             i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template, 1, 4, "symphiq-strength-detail-modal-content", 17);
             i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template, 1, 5, "symphiq-gap-detail-modal-content", 18);
@@ -94763,6 +94782,7 @@ class SymphiqProfileAnalysisDashboardComponent {
                 [objectiveTitle]="data.objectiveTitle"
                 [goalTitle]="data.goalTitle"
                 [viewMode]="data.viewMode"
+                [expandedRecommendationId]="data.expandedRecommendationId"
                 [allMetrics]="allMetrics()"
                 [allCharts]="allCharts()"
                 [allInsights]="allInsights()"
@@ -94885,7 +94905,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 810 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 811 }); })();
 
 class ScrollProgressBarComponent {
     constructor() {