@eric-emg/symphiq-components 1.2.422 → 1.2.423

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _jebgem_model from '@jebgem/model';
-import { FocusAreaTopPriorityInterface, MetricTopPriorityInterface, ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, ProfileAnalysisInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, ChartTypeEnum, IconSourceEnum } from '@jebgem/model';
+import { FocusAreaTopPriorityInterface, MetricTopPriorityInterface, ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, ProfileAnalysisInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, AccountInterface, ProfileShopInterface, ProfileShopQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ProfileFocusAreaInterface, ChartTypeEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as _angular_core from '@angular/core';
 import { OnInit, AfterViewInit, ElementRef, WritableSignal, OnDestroy, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
@@ -11,22 +11,8 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as _jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface from '@jebgem/model/lib/funnel-analysis/performance-overview-structured-v3.interface';
 import { FormGroup } from '@angular/forms';
 import { ScrollCustomEvent as ScrollCustomEvent$1 } from '@symphiq-components/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/shop-welcome-banner.component';
-export * from '@symphiq-components/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/metric-welcome-banner.component';
-export * from '@symphiq-components/components/profile-analyses-focus-areas-dashboard/focus-area-executive-summary.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/metric-executive-summary.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/subscription-value-proposition-card.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/sticky-subscription-continue-button.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-status-card.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-category-list.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-view-toggle.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-sticky-footer.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-questions-modal.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-question-card.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-question-answer.component';
-export * from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/focus-area-status-card.component';
+import { ShopProfileStatusCardComponent as ShopProfileStatusCardComponent$1 } from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-status-card.component';
+import { ProfileQuestionAnswerSaveEvent as ProfileQuestionAnswerSaveEvent$1 } from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-question-answer.component';
 
 interface FunnelMetricOrder {
     metric: string;
@@ -1076,7 +1062,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    modalType: _angular_core.Signal<"insight" | "metric" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
+    modalType: _angular_core.Signal<"metric" | "insight" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
     charts: _angular_core.Signal<AiChartInterface[]>;
     modalKey: _angular_core.Signal<number>;
     insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1095,7 +1081,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1103,7 +1089,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1111,7 +1097,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1119,7 +1105,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1663,7 +1649,7 @@ declare class MetricCardComponent {
     competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
-    competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-blue-700" | "text-emerald-600" | "text-orange-600">;
+    competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
     competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
     getCompetitiveScoreIcon(): string;
@@ -1906,10 +1892,10 @@ declare class OverallAssessmentComponent {
     revenueTrendArrowPath: _angular_core.Signal<"M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" | "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" | "M3 10h11m0 0l-4-4m4 4l-4 4">;
     lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
     darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
-    trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
+    trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
     lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
     darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
-    trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
+    trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
     formattedRevenueTrend: _angular_core.Signal<string>;
     formattedRevenueTarget: _angular_core.Signal<string>;
     hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2231,7 +2217,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     competitiveTooltip: _angular_core.Signal<{
         industry: string;
         metricBenchmark: string;
-        competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
+        competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
         description: string;
         keyOpportunities: string;
     }>;
@@ -2795,7 +2781,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     private animateValue;
     protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
     protected containerClasses: _angular_core.Signal<string>;
-    protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
+    protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
     protected rotationStyle: _angular_core.Signal<string>;
     protected fullBadgeRotationStyle: _angular_core.Signal<string>;
     protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-1.5" | "inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-2">;
@@ -2810,7 +2796,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     protected animatedPercentage: _angular_core.Signal<string>;
     protected extractPercentage: _angular_core.Signal<string>;
     protected displayTextWithoutPercentage: _angular_core.Signal<string>;
-    protected overlayBadgeClasses: _angular_core.Signal<"bg-emerald-500 text-white" | "bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
+    protected overlayBadgeClasses: _angular_core.Signal<"bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
     protected overlaySizeClasses: _angular_core.Signal<"px-2 py-1.5 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1 -mr-1 z-10 inline-flex items-center gap-0.5 tabular-nums" | "px-2.5 py-2 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1 tabular-nums">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PacingStatusBadgeComponent, "symphiq-pacing-status-badge", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "pacingPercentage": { "alias": "pacingPercentage"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "showAsFullText": { "alias": "showAsFullText"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "showEmphasizedPercentage": { "alias": "showEmphasizedPercentage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -3291,6 +3277,861 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BusinessAnalysisModalComponent, "symphiq-business-analysis-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; }, { "viewInContextRequested": "viewInContextRequested"; }, never, never, true, never>;
 }
 
+type ProfileModalData = {
+    goal: GoalV3Interface;
+    viewMode: ViewModeEnum;
+} | {
+    goal: GoalV3Interface;
+    viewMode: ViewModeEnum;
+} | {
+    objective: ObjectiveV3Interface;
+    goalTitle?: string;
+    viewMode: ViewModeEnum;
+} | {
+    strategy: StrategyV3Interface;
+    objectiveTitle?: string;
+    goalTitle?: string;
+    viewMode: ViewModeEnum;
+} | {
+    category: OperationalCategoryInterface;
+    viewMode: ViewModeEnum;
+    scrollToSection?: 'strengths' | 'gaps' | 'opportunities';
+} | {
+    strength: CategoryStrengthInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+} | {
+    gap: CategoryGapInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+} | {
+    opportunity: CategoryOpportunityInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+} | null;
+declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
+    funnelModalComponent?: ModalComponent;
+    shopProfileStatusCard?: ShopProfileStatusCardComponent$1;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    constructor();
+    requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
+    createdDate: _angular_core.InputSignal<Date | undefined>;
+    embedded: _angular_core.InputSignal<boolean>;
+    profileAnalysis: _angular_core.InputSignal<ProfileAnalysisInterface | undefined>;
+    profile: _angular_core.InputSignal<ProfileInterface | undefined>;
+    funnelAnalysis: _angular_core.InputSignal<FunnelAnalysisInterface | undefined>;
+    focusAreaDetails: _angular_core.InputSignal<FocusAreaDetailInterface[] | undefined>;
+    account: _angular_core.InputSignal<AccountInterface | undefined>;
+    profileShop: _angular_core.InputSignal<ProfileShopInterface | undefined>;
+    profileShopQuestions: _angular_core.InputSignal<ProfileShopQuestionInterface[] | undefined>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[] | undefined>;
+    profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[] | undefined>;
+    itemStatusProfileShop: _angular_core.InputSignal<ItemStatusInterface | undefined>;
+    itemStatusProfileAnalysis: _angular_core.InputSignal<ItemStatusInterface | undefined>;
+    planCardInfos: _angular_core.InputSignal<PlanCardInfoInterface[] | undefined>;
+    isOnboarded: _angular_core.InputSignal<boolean>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
+    users: _angular_core.InputSignal<UserInterface[] | undefined>;
+    isLoading: _angular_core.InputSignal<boolean | undefined>;
+    forDemo: _angular_core.InputSignal<boolean>;
+    currentUser: _angular_core.InputSignal<UserInterface | undefined>;
+    maxAccessibleStepId: _angular_core.InputSignal<JourneyStepIdEnum | undefined>;
+    stepClick: _angular_core.OutputEmitterRef<number>;
+    nextStepClick: _angular_core.OutputEmitterRef<void>;
+    currencySelectionClick: _angular_core.OutputEmitterRef<CurrencyCodeEnum>;
+    editCurrencyClick: _angular_core.OutputEmitterRef<void>;
+    periodUnitChanged: _angular_core.OutputEmitterRef<ChargebeeItemPricePeriodUnitEnum>;
+    planSelected: _angular_core.OutputEmitterRef<PlanCardInfoInterface>;
+    checkoutPlanClick: _angular_core.OutputEmitterRef<ChargebeeItemPriceInterface>;
+    answerShopProfileQuestions: _angular_core.OutputEmitterRef<string | null>;
+    continueShopProfileQuestions: _angular_core.OutputEmitterRef<void>;
+    profileQuestionAnswerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
+    shopProfileAdminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
+    protected isCurrencySelectionLoading: _angular_core.WritableSignal<boolean>;
+    protected selectedCurrency: _angular_core.WritableSignal<CurrencyCodeEnum | null>;
+    protected isPlanLoading: _angular_core.WritableSignal<boolean>;
+    private planLoadingStartTime;
+    protected isEditingCurrency: _angular_core.WritableSignal<boolean>;
+    protected editingCurrencySelection: _angular_core.WritableSignal<CurrencyCodeEnum | null>;
+    protected selectedPeriodUnit: _angular_core.Signal<ChargebeeItemPricePeriodUnitEnum>;
+    protected showPlanSelection: _angular_core.Signal<boolean | undefined>;
+    private accountSignal;
+    private accountInputEffect;
+    private profileIndexEffect;
+    protected isSubscriptionActive: _angular_core.Signal<boolean>;
+    protected hasBillingCurrency: _angular_core.Signal<boolean>;
+    protected hasCurrencySelected: _angular_core.Signal<boolean>;
+    protected shouldShowContinueButton: _angular_core.Signal<boolean>;
+    protected shouldShowStickyButton: _angular_core.Signal<boolean>;
+    protected shouldShowShopProfileStickyFooter: _angular_core.Signal<boolean | undefined>;
+    protected isProfileShopGenerating: _angular_core.Signal<boolean>;
+    protected isProfileAnalysisGenerating: _angular_core.Signal<boolean>;
+    protected profileAnalysisGeneratingTitle: _angular_core.Signal<"Generating Your Metric Analysis" | "Generating Your Shop Profile Analysis">;
+    protected shouldShowShopProfileStatus: _angular_core.Signal<boolean | undefined>;
+    protected shouldShowHeaderControls: _angular_core.Signal<boolean>;
+    protected totalShopQuestions: _angular_core.Signal<number>;
+    protected answeredShopQuestions: _angular_core.Signal<number>;
+    protected shopQuestionsCompletionPercentage: _angular_core.Signal<number>;
+    private readonly COLLAPSE_THRESHOLD;
+    private readonly EXPAND_THRESHOLD;
+    private currencySelectionEffect;
+    private planLoadingEffect;
+    private embeddedScrollEffect;
+    protected funnelAnalysisSignal: _angular_core.WritableSignal<FunnelAnalysisInterface | undefined>;
+    protected readonly headerScrollService: HeaderScrollService;
+    protected readonly modalService: ModalService;
+    protected readonly viewModeService: ViewModeService;
+    protected readonly profileContextService: ProfileContextService;
+    protected readonly profileItemLookupService: ProfileItemLookupService;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
+    protected scrollProgress: _angular_core.WritableSignal<number>;
+    protected currentDisplayMode: _angular_core.WritableSignal<DisplayModeEnum>;
+    protected isSearchOpen: _angular_core.WritableSignal<boolean>;
+    protected isViewModeSwitcherOpen: _angular_core.WritableSignal<boolean>;
+    protected modalType: _angular_core.WritableSignal<string | null>;
+    protected modalData: _angular_core.WritableSignal<ProfileModalData>;
+    protected currentModalNavigationStack: _angular_core.WritableSignal<ModalState[]>;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    protected isSimplifiedView: _angular_core.Signal<boolean>;
+    protected isMetricAnalysis: _angular_core.Signal<boolean>;
+    protected currentStepId: _angular_core.Signal<JourneyStepIdEnum.SHOP_ANALYSIS | JourneyStepIdEnum.METRIC_ANALYSIS>;
+    protected metricName: _angular_core.Signal<string>;
+    protected metricExecutiveSummary: _angular_core.Signal<{
+        gradeRationale: string | undefined;
+        narrative: string | undefined;
+        metric?: string;
+        overallGrade?: _jebgem_model.OverallGradeEnum;
+        metricHealth?: _jebgem_model.MetricHealthEnum;
+        currentValue?: string;
+        targetValue?: string;
+        pacingStatus?: _jebgem_model.PacingStatusEnum;
+        yoyChange?: string;
+        topPriorities?: _jebgem_model.MetricTopPriorityInterface[];
+        quickWins?: _jebgem_model.QuickWinItemInterface[];
+        napkinVisual?: _jebgem_model.NapkinVisualInterface;
+    } | undefined>;
+    protected executiveSummary: _angular_core.Signal<{
+        gradeRationale: string | undefined;
+        overallGrade?: _jebgem_model.OverallGradeEnum;
+        operationalMaturity?: _jebgem_model.OperationalMaturityEnum;
+        narrative?: string;
+        keyStrengths?: _jebgem_model.KeyStrengthInterface[];
+        criticalGaps?: _jebgem_model.CriticalGapInterface[];
+        quickWins?: _jebgem_model.QuickWinItemInterface[];
+        napkinVisual?: _jebgem_model.NapkinVisualInterface;
+    } | undefined>;
+    protected sections: _angular_core.Signal<ProfileAnalysisSectionV3Interface[] | undefined>;
+    protected allGoals: _angular_core.Signal<GoalV3Interface[]>;
+    protected strategicRoadmapGoals: _angular_core.Signal<GoalV3Interface[]>;
+    protected nonStrategicSections: _angular_core.Signal<ProfileAnalysisSectionV3Interface[]>;
+    protected tocSections: _angular_core.Signal<{
+        id: string;
+        title: string;
+        subsections: never[];
+    }[]>;
+    protected displayModeLabel: _angular_core.Signal<string>;
+    protected allMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
+    protected allCharts: _angular_core.Signal<_jebgem_model.AiChartInterface[]>;
+    protected allInsights: _angular_core.Signal<_jebgem_model.InsightBlockInterface[]>;
+    protected funnelWeaknesses: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelWeaknessInterface[]>;
+    protected funnelStrengths: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelStrengthInterface[]>;
+    protected allBusinessInsights: _angular_core.Signal<ProfileAnalysisRecommendationInterface[]>;
+    onWindowScroll(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected openSearch(): void;
+    protected closeSearch(): void;
+    protected openViewModeSwitcher(): void;
+    protected closeViewModeSwitcher(): void;
+    protected openGoalModal(goal: GoalV3Interface): void;
+    protected handleMetricTopPrioritiesClick(): void;
+    protected handleMetricPriorityDetailClick(priority: TopPriorityInterface): void;
+    protected getCurrentModalState(): ModalState;
+    protected getGoalDetailData(): {
+        goal: GoalV3Interface;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getObjectiveStrategiesData(): {
+        objective: ObjectiveV3Interface;
+        goalTitle?: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getStrategyRecommendationsData(): {
+        strategy: StrategyV3Interface;
+        objectiveTitle?: string;
+        goalTitle?: string;
+        viewMode: ViewModeEnum;
+        expandedRecommendationId?: string;
+    } | null;
+    protected getCategoryDetailData(): {
+        category: OperationalCategoryInterface;
+        viewMode: ViewModeEnum;
+        scrollToSection?: 'strengths' | 'gaps' | 'opportunities';
+    } | null;
+    protected getStrengthDetailData(): {
+        strength: CategoryStrengthInterface;
+        categoryTitle: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getGapDetailData(): {
+        gap: CategoryGapInterface;
+        categoryTitle: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getOpportunityDetailData(): {
+        opportunity: CategoryOpportunityInterface;
+        categoryTitle: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected handleDisplayModeChange(mode: DisplayModeEnum): void;
+    protected handleStickyButtonClick(): void;
+    protected readonly CurrencyCodeEnum: typeof CurrencyCodeEnum;
+    protected getAnalysisSubtitle(): string;
+    protected getGradeDisplay(): string;
+    protected getContainerClasses(): string;
+    protected getBannerClasses(): string;
+    protected getProgressCardClasses(): string;
+    protected getSectionTitleClasses(): string;
+    protected getSubheadingClasses(): string;
+    protected getTextClasses(): string;
+    protected getNarrativeClasses(): string;
+    protected getKeyStrengthsStatCardClasses(): string;
+    protected getKeyStrengthsStatLabelClasses(): string;
+    protected getKeyStrengthsStatValueClasses(): string;
+    protected getKeyStrengthsButtonTextClasses(): string;
+    protected getCriticalGapsStatCardClasses(): string;
+    protected getCriticalGapsStatLabelClasses(): string;
+    protected getCriticalGapsStatValueClasses(): string;
+    protected getCriticalGapsButtonTextClasses(): string;
+    protected getQuickWinsStatCardClasses(): string;
+    protected getQuickWinsStatLabelClasses(): string;
+    protected getQuickWinsStatValueClasses(): string;
+    protected getQuickWinsButtonTextClasses(): string;
+    protected getQuickWinCardClasses(): string;
+    protected getQuickWinTextClasses(): string;
+    protected getNumberBadgeClasses(): string;
+    protected getEffortBadgeClasses(effort?: string): string;
+    protected getImpactBadgeClasses(impact?: string): string;
+    protected getMetaTextClasses(): string;
+    protected formatLabel(label?: string): string;
+    protected getSectionCardClasses(): string;
+    protected getSectionIconClasses(): string;
+    protected getSectionDescriptionClasses(): string;
+    private formatGradeInText;
+    protected onKeyStrengthsClick(summary: ExecutiveSummaryInterface): void;
+    protected onCriticalGapsClick(summary: ExecutiveSummaryInterface): void;
+    protected scrollToQuickWins(): void;
+    protected handleCurrencySelection(currency: CurrencyCodeEnum): void;
+    protected handleCurrencyChange(currency: CurrencyCodeEnum): void;
+    protected handlePeriodUnitChange(periodUnit: ChargebeeItemPricePeriodUnitEnum): void;
+    protected handlePlanSelection(plan: PlanCardInfoInterface): void;
+    protected handleEditCurrencyClick(): void;
+    protected handleCancelCurrencyEdit(): void;
+    protected handleContinueToPlans(): void;
+    protected getEditCurrencyFooterClasses(): string;
+    protected getEditCurrencyCancelButtonClasses(): string;
+    protected getEditCurrencyContinueButtonClasses(): string;
+    protected handleStartCategoryQuestions(categoryId: string): void;
+    protected handleProfileQuestionAnswerSave(event: ProfileQuestionAnswerSaveEvent$1): void;
+    protected handleShopProfileContinueClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileShopAnalysisDashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileShopAnalysisDashboardComponent, "symphiq-profile-shop-analysis-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileShop": { "alias": "profileShop"; "required": false; "isSignal": true; }; "profileShopQuestions": { "alias": "profileShopQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "itemStatusProfileShop": { "alias": "itemStatusProfileShop"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "planCardInfos": { "alias": "planCardInfos"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "currencySelectionClick": "currencySelectionClick"; "editCurrencyClick": "editCurrencyClick"; "periodUnitChanged": "periodUnitChanged"; "planSelected": "planSelected"; "checkoutPlanClick": "checkoutPlanClick"; "answerShopProfileQuestions": "answerShopProfileQuestions"; "continueShopProfileQuestions": "continueShopProfileQuestions"; "profileQuestionAnswerSave": "profileQuestionAnswerSave"; "shopProfileAdminAnswerAction": "shopProfileAdminAnswerAction"; }, never, never, true, never>;
+}
+
+declare class ShopWelcomeBannerComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    businessName: _angular_core.InputSignal<string>;
+    isOnboarded: _angular_core.InputSignal<boolean>;
+    protected containerClasses(): string;
+    protected contentClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected textClasses(): string;
+    protected highlightBoxClasses(): string;
+    protected highlightIconClasses(): string;
+    protected highlightTitleClasses(): string;
+    protected highlightListClasses(): string;
+    protected nextStepsBoxClasses(): string;
+    protected nextStepsIconClasses(): string;
+    protected nextStepsTitleClasses(): string;
+    protected nextStepsTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopWelcomeBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopWelcomeBannerComponent, "symphiq-shop-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "businessName": { "alias": "businessName"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface FocusAreaCardData {
+    domain: FocusAreaDomainEnum;
+    title: string;
+    description: string;
+    questionsAnswered: number;
+    totalQuestions: number;
+    hasAnalysis: boolean;
+    icon: string;
+    progressPercent: number;
+    status: 'complete' | 'in-progress' | 'not-started';
+}
+declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    focusAreaDetails: _angular_core.InputSignal<FocusAreaDetailInterface[]>;
+    focusAreaClicked: _angular_core.OutputEmitterRef<FocusAreaDomainEnum>;
+    scrollEvent: _angular_core.OutputEmitterRef<any>;
+    showSearchModal: _angular_core.WritableSignal<boolean>;
+    scrollProgress: _angular_core.WritableSignal<number>;
+    isLightMode: _angular_core.Signal<boolean>;
+    focusAreaCards: _angular_core.Signal<FocusAreaCardData[]>;
+    handleFocusAreaClick(domain: FocusAreaDomainEnum): void;
+    handleSearchClick(): void;
+    handleCloseSearchModal(): void;
+    handleScroll(event: any): void;
+    getContainerClasses(): string;
+    getCardClasses(): string;
+    getTitleClasses(): string;
+    getDescriptionClasses(): string;
+    getLabelClasses(): string;
+    getValueClasses(): string;
+    getProgressBarContainerClasses(): string;
+    getCardFooterClasses(): string;
+    getWelcomeBannerContainerClasses(): string;
+    getWelcomeBannerIconClasses(): string;
+    getWelcomeBannerTitleClasses(): string;
+    getWelcomeBannerTextClasses(): string;
+    getWelcomeBannerHighlightClasses(): string;
+    getWelcomeBannerHighlightIconClasses(): string;
+    getWelcomeBannerHighlightTitleClasses(): string;
+    getWelcomeBannerHighlightListClasses(): string;
+    private getIconForDomain;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, "symphiq-profile-focus-areas-analyses-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; }, { "focusAreaClicked": "focusAreaClicked"; "scrollEvent": "scrollEvent"; }, never, never, true, never>;
+}
+
+declare class MetricWelcomeBannerComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    metricName: _angular_core.InputSignal<string | undefined>;
+    isOnboarded: _angular_core.InputSignal<boolean>;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
+    protected metricDisplayName: _angular_core.Signal<string>;
+    protected metricIcon: _angular_core.Signal<{
+        name: string;
+        source: IconSourceEnum;
+    }>;
+    protected containerClasses(): string;
+    protected contentClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected textClasses(): string;
+    protected highlightBoxClasses(): string;
+    protected highlightIconClasses(): string;
+    protected highlightTitleClasses(): string;
+    protected highlightListClasses(): string;
+    protected nextStepsBoxClasses(): string;
+    protected nextStepsIconClasses(): string;
+    protected nextStepsTitleClasses(): string;
+    protected nextStepsTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricWelcomeBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricWelcomeBannerComponent, "symphiq-metric-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "metricName": { "alias": "metricName"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FocusAreaExecutiveSummaryComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    summary: _angular_core.InputSignal<FocusAreaExecutiveSummaryInterface | undefined>;
+    allGoals: _angular_core.InputSignal<GoalV3Interface[]>;
+    topPrioritiesClick: _angular_core.OutputEmitterRef<void>;
+    priorityDetailClick: _angular_core.OutputEmitterRef<{
+        priority: FocusAreaTopPriorityInterface;
+        index: number;
+    }>;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
+    protected onTopPrioritiesClick(): void;
+    protected onPriorityDetailClick(event: {
+        priority: FocusAreaTopPriorityInterface;
+        index: number;
+    }): void;
+    protected scrollToQuickWins(): void;
+    protected formatLabel(label?: string): string;
+    protected getBannerClasses(): string;
+    protected getSectionTitleClasses(): string;
+    protected getSubheadingClasses(): string;
+    protected getTextClasses(): string;
+    protected getNarrativeClasses(): string;
+    protected getTopPrioritiesStatCardClasses(): string;
+    protected getTopPrioritiesStatLabelClasses(): string;
+    protected getTopPrioritiesStatValueClasses(): string;
+    protected getTopPrioritiesButtonTextClasses(): string;
+    protected getQuickWinsStatCardClasses(): string;
+    protected getQuickWinsStatLabelClasses(): string;
+    protected getQuickWinsStatValueClasses(): string;
+    protected getQuickWinsButtonTextClasses(): string;
+    protected getQuickWinCardClasses(): string;
+    protected getQuickWinTextClasses(): string;
+    protected getNumberBadgeClasses(): string;
+    protected getEffortBadgeClasses(effort?: string): string;
+    protected getImpactBadgeClasses(impact?: string): string;
+    protected getMetaTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FocusAreaExecutiveSummaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FocusAreaExecutiveSummaryComponent, "symphiq-focus-area-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "allGoals": { "alias": "allGoals"; "required": false; "isSignal": true; }; }, { "topPrioritiesClick": "topPrioritiesClick"; "priorityDetailClick": "priorityDetailClick"; }, never, never, true, never>;
+}
+
+declare class MetricExecutiveSummaryComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    summary: _angular_core.InputSignal<MetricExecutiveSummaryInterface>;
+    metricName: _angular_core.InputSignal<string>;
+    allGoals: _angular_core.InputSignal<GoalV3Interface[] | undefined>;
+    topPrioritiesClick: _angular_core.OutputEmitterRef<void>;
+    priorityDetailClick: _angular_core.OutputEmitterRef<any>;
+    protected iconSource: IconSourceEnum;
+    protected isDark: _angular_core.Signal<boolean>;
+    protected bannerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-800/50 to-slate-800/30 border border-slate-700/50" | "bg-gradient-to-br from-white to-slate-50/50 border border-slate-200">;
+    protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
+    protected healthBadgeClasses: _angular_core.Signal<string>;
+    protected pacingBadgeClasses: _angular_core.Signal<string>;
+    protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
+    protected getYoyIcon(): string;
+    protected getPacingValueClasses(): string;
+    protected getHealthValueClasses(): string;
+    protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
+    protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
+    protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected priorityCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50 hover:border-slate-600/70" | "bg-white border border-slate-200 hover:border-slate-300">;
+    protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
+    protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
+    protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
+    protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
+    protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected getEffortBadgeClasses(effort: string | undefined): string;
+    protected getImpactBadgeClasses(impact: string | undefined): string;
+    protected formatMetricName(name: string): string;
+    protected formatLabel(str: string | undefined): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricExecutiveSummaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricExecutiveSummaryComponent, "symphiq-metric-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": true; "isSignal": true; }; "metricName": { "alias": "metricName"; "required": false; "isSignal": true; }; "allGoals": { "alias": "allGoals"; "required": false; "isSignal": true; }; }, { "topPrioritiesClick": "topPrioritiesClick"; "priorityDetailClick": "priorityDetailClick"; }, never, never, true, never>;
+}
+
+declare class SubscriptionValuePropositionCardComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    protected containerClasses(): string;
+    protected gradientOverlayClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected subtitleClasses(): string;
+    protected accomplishedBoxClasses(): string;
+    protected sectionTitleClasses(): string;
+    protected checkIconClasses(): string;
+    protected itemTextClasses(): string;
+    protected unlockBoxClasses(): string;
+    protected unlockTitleClasses(): string;
+    protected numberBadgeClasses(): string;
+    protected unlockItemTitleClasses(): string;
+    protected unlockItemDescClasses(): string;
+    protected benefitsBoxClasses(): string;
+    protected benefitsTitleClasses(): string;
+    protected benefitIconClasses(): string;
+    protected benefitTextClasses(): string;
+    protected ctaBoxClasses(): string;
+    protected ctaTextClasses(): string;
+    protected ctaSubtextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SubscriptionValuePropositionCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SubscriptionValuePropositionCardComponent, "symphiq-subscription-value-proposition-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class StickySubscriptionContinueButtonComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    isEnabled: _angular_core.InputSignal<boolean>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    continueClick: _angular_core.OutputEmitterRef<void>;
+    protected handleClick(): void;
+    protected containerClasses(): string;
+    protected buttonClasses(): string;
+    protected hintTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StickySubscriptionContinueButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StickySubscriptionContinueButtonComponent, "symphiq-sticky-subscription-continue-button", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "isEnabled": { "alias": "isEnabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "continueClick": "continueClick"; }, never, never, true, never>;
+}
+
+interface CategoryProgressItem {
+    id: string;
+    label: string;
+    name: string;
+    totalQuestions: number;
+    answeredQuestions: number;
+    progress: number;
+}
+declare class ShopProfileCategoryListComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    items: _angular_core.InputSignal<CategoryProgressItem[]>;
+    delayAnimation: _angular_core.InputSignal<boolean>;
+    itemClick: _angular_core.OutputEmitterRef<CategoryProgressItem>;
+    protected onItemClick(item: CategoryProgressItem): void;
+    protected getButtonText(item: CategoryProgressItem): string;
+    protected getCardClasses(): string;
+    protected getLabelClasses(): string;
+    protected getNameClasses(): string;
+    protected getButtonClasses(item: CategoryProgressItem): string;
+    protected getProgressBarContainerClasses(): string;
+    protected getProgressBarFillClasses(): string;
+    protected getProgressTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileCategoryListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileCategoryListComponent, "symphiq-shop-profile-category-list", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "delayAnimation": { "alias": "delayAnimation"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+type ShopProfileViewType = 'category' | 'focus-area';
+declare class ShopProfileViewToggleComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    currentView: _angular_core.InputSignal<ShopProfileViewType>;
+    viewChanged: _angular_core.OutputEmitterRef<ShopProfileViewType>;
+    protected selectView(view: ShopProfileViewType): void;
+    protected getContainerClasses(): string;
+    protected getButtonClasses(view: ShopProfileViewType): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileViewToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileViewToggleComponent, "symphiq-shop-profile-view-toggle", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentView": { "alias": "currentView"; "required": false; "isSignal": true; }; }, { "viewChanged": "viewChanged"; }, never, never, true, never>;
+}
+
+interface AnswerOption {
+    text: string;
+    isCustom: boolean;
+    isSelected: boolean;
+    tempId: string;
+}
+interface ProfileQuestionAnswerSaveEvent {
+    profileQuestionId: number;
+    answers: string[];
+}
+type SaveActionType = 'save' | 'saveAndNext' | null;
+declare class ShopProfileQuestionAnswerComponent implements AfterViewInit, OnDestroy {
+    question: _angular_core.InputSignal<ProfileShopQuestionInterface>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    viewType: _angular_core.InputSignal<"category" | "focus-area" | "all">;
+    selectedCategoryId: _angular_core.InputSignal<string | null>;
+    selectedFocusAreaId: _angular_core.InputSignal<string | null>;
+    filteredQuestions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    backClick: _angular_core.OutputEmitterRef<void>;
+    saveClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    saveAndNextClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    navigateToList: _angular_core.OutputEmitterRef<void>;
+    navigateToNextQuestion: _angular_core.OutputEmitterRef<void>;
+    scrollContainer?: ElementRef<HTMLDivElement>;
+    stickySentinel?: ElementRef<HTMLDivElement>;
+    stickyHeader?: ElementRef<HTMLDivElement>;
+    questionTitle?: ElementRef<HTMLHeadingElement>;
+    private ngZone;
+    private intersectionObserver?;
+    protected isSticky: boolean;
+    protected selectedAnswerTexts: _angular_core.WritableSignal<string[]>;
+    private initialAnswerTexts;
+    protected addOtherAnswersExpanded: _angular_core.WritableSignal<boolean>;
+    protected customAnswerText: _angular_core.WritableSignal<string>;
+    protected isSaving: _angular_core.WritableSignal<boolean>;
+    protected pendingSaveAction: _angular_core.WritableSignal<SaveActionType>;
+    private pendingQuestionId;
+    protected isCountAnimating: _angular_core.WritableSignal<boolean>;
+    private previousAnsweredCount;
+    private saveStartTime;
+    private lastLoadedQuestionId;
+    protected answerOptions: _angular_core.Signal<AnswerOption[]>;
+    protected relatedFocusAreas: _angular_core.Signal<FocusAreaDomainEnum[]>;
+    protected breadcrumbPath: _angular_core.Signal<string>;
+    protected unansweredQuestions: _angular_core.Signal<ProfileShopQuestionInterface[]>;
+    protected answeredCount: _angular_core.Signal<number>;
+    protected totalCount: _angular_core.Signal<number>;
+    protected progressPercentage: _angular_core.Signal<number>;
+    protected allQuestionsAnswered: _angular_core.Signal<boolean>;
+    protected canAddCustomAnswers: _angular_core.Signal<boolean>;
+    protected hasAnswersChanged: _angular_core.Signal<boolean>;
+    protected saveButtonsDisabled: _angular_core.Signal<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private stickyState;
+    private lastStickyChange;
+    private setupStickyObserver;
+    protected toggleAnswer(text: string): void;
+    protected toggleAddOtherAnswers(): void;
+    protected addCustomAnswers(): void;
+    protected cancelCustomAnswers(): void;
+    protected onSave(): void;
+    protected onSaveAndNext(): void;
+    protected getFocusAreaTitle(focusArea: FocusAreaDomainEnum): string;
+    protected formatCategoryName(category: string): string;
+    protected formatFocusAreaName(focusArea: string): string;
+    protected isLightMode(): boolean;
+    protected skeletonClasses(): string;
+    protected savingTextClasses(): string;
+    protected statusHeaderClasses(): string;
+    protected statusTitleClasses(): string;
+    protected progressBarContainerClasses(): string;
+    protected progressBarFillClasses(): string;
+    protected progressTextClasses(): string;
+    protected breadcrumbClasses(): string;
+    protected stickyHeaderClasses(): string;
+    protected questionTextClasses(): string;
+    protected contextTextClasses(): string;
+    protected relatedLabelClasses(): string;
+    protected focusAreaChipClasses(): string;
+    protected checkboxRowClasses(): string;
+    protected checkboxClasses(): string;
+    protected checkboxLabelClasses(): string;
+    protected textareaClasses(): string;
+    protected cancelButtonClasses(): string;
+    protected addButtonClasses(): string;
+    protected addOtherAnswersButtonClasses(): string;
+    protected footerClasses(): string;
+    protected saveButtonClasses(): string;
+    protected saveAndNextButtonClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionAnswerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionAnswerComponent, "symphiq-shop-profile-question-answer", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "filteredQuestions": { "alias": "filteredQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; "saveClick": "saveClick"; "saveAndNextClick": "saveAndNextClick"; "navigateToList": "navigateToList"; "navigateToNextQuestion": "navigateToNextQuestion"; }, never, never, true, never>;
+}
+
+declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    totalQuestions: _angular_core.InputSignal<number>;
+    answeredQuestions: _angular_core.InputSignal<number>;
+    questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
+    startAnsweringAll: _angular_core.InputSignal<boolean>;
+    currentUser: _angular_core.InputSignal<UserInterface | null | undefined>;
+    startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
+    questionAnswerRequested: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
+    answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    adminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
+    chartDiv: ElementRef;
+    private root?;
+    private chartElement?;
+    private chartSeries?;
+    private centerLabel?;
+    protected currentView: _angular_core.WritableSignal<ShopProfileViewType>;
+    protected questionsModalOpen: _angular_core.WritableSignal<boolean>;
+    protected selectedCategoryId: _angular_core.WritableSignal<string | null>;
+    protected selectedFocusAreaId: _angular_core.WritableSignal<string | null>;
+    protected showAllQuestions: _angular_core.WritableSignal<boolean>;
+    protected startDirectAnswer: _angular_core.WritableSignal<boolean>;
+    protected computedAnsweredCount: _angular_core.Signal<number>;
+    protected completionPercentage: _angular_core.Signal<number>;
+    protected notStartedPercentage: _angular_core.Signal<number>;
+    protected shouldShowFullIntro: _angular_core.Signal<boolean>;
+    protected hasQuestions: _angular_core.Signal<boolean>;
+    protected showAdminButtons: _angular_core.Signal<boolean>;
+    protected unansweredQuestions: _angular_core.Signal<number>;
+    protected questionsByCategory: _angular_core.Signal<CategoryProgressItem[]>;
+    protected questionsByFocusArea: _angular_core.Signal<CategoryProgressItem[]>;
+    protected currentGroupedQuestions: _angular_core.Signal<CategoryProgressItem[]>;
+    constructor();
+    private updateChartData;
+    protected handleViewChange(view: ShopProfileViewType): void;
+    protected handleItemClick(item: CategoryProgressItem): void;
+    protected onQuestionsModalClose(): void;
+    openAllQuestionsAnswerMode(): void;
+    protected onQuestionAnswerClick(question: ProfileShopQuestionInterface): void;
+    protected onAnswerSave(event: ProfileQuestionAnswerSaveEvent): void;
+    private formatCategoryName;
+    private formatFocusAreaName;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private createChart;
+    protected containerClasses(): string;
+    protected headerClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected subtitleClasses(): string;
+    protected contentClasses(): string;
+    protected getIntroductionContainerClasses(): string;
+    protected getIntroIconClasses(): string;
+    protected getIntroTitleClasses(): string;
+    protected getIntroTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileStatusCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStatusCardComponent, "symphiq-shop-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "startAnsweringAll": { "alias": "startAnsweringAll"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; "answerSave": "answerSave"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
+}
+
+declare class ShopProfileStickyFooterComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    totalQuestions: _angular_core.InputSignal<number>;
+    answeredQuestions: _angular_core.InputSignal<number>;
+    continueClick: _angular_core.OutputEmitterRef<void>;
+    protected buttonText: _angular_core.Signal<"Start Answering Questions" | "Review Your Answers" | "Continue Answering Questions">;
+    protected onContinueClick(): void;
+    protected getFooterClasses(): string;
+    protected getButtonClasses(): string;
+    protected getProgressTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileStickyFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStickyFooterComponent, "symphiq-shop-profile-sticky-footer", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; }, { "continueClick": "continueClick"; }, never, never, true, never>;
+}
+
+declare class ShopProfileQuestionsModalComponent {
+    isOpen: _angular_core.InputSignal<boolean>;
+    questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
+    selectedCategoryId: _angular_core.InputSignal<string | null>;
+    selectedFocusAreaId: _angular_core.InputSignal<string | null>;
+    showAllQuestions: _angular_core.InputSignal<boolean>;
+    startDirectAnswer: _angular_core.InputSignal<boolean>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    close: _angular_core.OutputEmitterRef<void>;
+    questionAnswerClick: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
+    answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    private renderer;
+    private document;
+    private hostElement;
+    private animationService;
+    modalContent?: ElementRef<HTMLDivElement>;
+    modalWrapper?: ElementRef<HTMLDivElement>;
+    scrollContainer?: ElementRef<HTMLDivElement>;
+    protected modalReady: _angular_core.WritableSignal<boolean>;
+    protected answerModeActive: _angular_core.WritableSignal<boolean>;
+    protected historyModeActive: _angular_core.WritableSignal<boolean>;
+    protected questionForAnswer: _angular_core.WritableSignal<ProfileShopQuestionInterface | null>;
+    protected questionForHistory: _angular_core.WritableSignal<ProfileShopQuestionInterface | null>;
+    protected navigationHistory: _angular_core.WritableSignal<number[]>;
+    private modalMovedToBody;
+    private snapshotAnswerIds;
+    private scrollToQuestionId;
+    protected viewType: _angular_core.Signal<"category" | "focus-area" | "all">;
+    protected displayTitle: _angular_core.Signal<string>;
+    protected filteredQuestions: _angular_core.Signal<ProfileShopQuestionInterface[]>;
+    protected answeredCount: _angular_core.Signal<number>;
+    protected totalCount: _angular_core.Signal<number>;
+    protected progressPercentage: _angular_core.Signal<number>;
+    constructor();
+    protected onBackdropClick(): void;
+    protected onClose(): void;
+    protected onQuestionAnswerClick(question: ProfileShopQuestionInterface): void;
+    protected onQuestionHistoryClick(question: ProfileShopQuestionInterface): void;
+    protected onBackFromHistoryMode(questionId?: number): void;
+    protected onBackFromAnswerMode(): void;
+    protected onSaveAnswer(event: ProfileQuestionAnswerSaveEvent): void;
+    protected onSaveAndNextAnswer(event: ProfileQuestionAnswerSaveEvent): void;
+    private snapshotAnswersForAnimation;
+    protected onNavigateToList(): void;
+    private scrollToQuestion;
+    protected onNavigateToNextQuestion(): void;
+    protected formatCategoryName(category: string): string;
+    protected formatFocusAreaName(focusArea: string): string;
+    private moveModalToBody;
+    private returnModalToHost;
+    protected isLightMode(): boolean;
+    protected backdropClasses(): string;
+    protected containerClasses(): string;
+    protected headerClasses(): string;
+    protected labelClasses(): string;
+    protected titleClasses(): string;
+    protected progressBarContainerClasses(): string;
+    protected progressBarFillClasses(): string;
+    protected progressTextClasses(): string;
+    protected closeButtonClasses(): string;
+    protected contentClasses(): string;
+    protected emptyStateIconClasses(): string;
+    protected emptyStateTitleClasses(): string;
+    protected emptyStateTextClasses(): string;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionsModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionsModalComponent, "symphiq-shop-profile-questions-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "showAllQuestions": { "alias": "showAllQuestions"; "required": false; "isSignal": true; }; "startDirectAnswer": { "alias": "startDirectAnswer"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "close": "close"; "questionAnswerClick": "questionAnswerClick"; "answerSave": "answerSave"; }, never, never, true, never>;
+}
+
+declare class ShopProfileQuestionCardComponent {
+    private animationService;
+    question: _angular_core.InputSignal<ProfileShopQuestionInterface>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    viewType: _angular_core.InputSignal<"category" | "focus-area" | "all">;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
+    answerClick: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
+    historyClick: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
+    protected questionAnswers: _angular_core.Signal<{
+        answer: AbstractItemProfileAnswerInterface;
+        user: UserInterface | undefined;
+    }[]>;
+    protected displayAnswers: _angular_core.Signal<{
+        answer: AbstractItemProfileAnswerInterface;
+        user: UserInterface | undefined;
+    }[]>;
+    protected isNewAnswer(answerId: number | undefined): boolean;
+    protected isRemovedAnswer(answerId: number | undefined): boolean;
+    protected onAnimationEnd(answerId: number | undefined): void;
+    protected isAnswered: _angular_core.Signal<boolean>;
+    protected showFocusAreaChips: _angular_core.Signal<boolean>;
+    protected relatedFocusAreas: _angular_core.Signal<FocusAreaDomainEnum[]>;
+    protected hasHistory: _angular_core.Signal<boolean>;
+    protected getFocusAreaTitle(focusArea: FocusAreaDomainEnum): string;
+    protected formatAnswerDate(date: Date | string | undefined): string;
+    protected onAnswerClick(): void;
+    protected onHistoryClick(): void;
+    protected isLightMode(): boolean;
+    protected containerClasses(): string;
+    protected questionTextClasses(): string;
+    protected contextTextClasses(): string;
+    protected relatedLabelClasses(): string;
+    protected focusAreaChipClasses(): string;
+    protected checkboxClasses(): string;
+    protected answerChipClasses(): string;
+    protected answerTextClasses(): string;
+    protected answerDateClasses(): string;
+    protected unansweredContainerClasses(): string;
+    protected emptyStateIconContainerClasses(): string;
+    protected emptyStateIconClasses(): string;
+    protected emptyStateDotClasses(): string;
+    protected unansweredLabelClasses(): string;
+    protected unansweredTextClasses(): string;
+    protected historyButtonClasses(): string;
+    protected buttonClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionCardComponent, "symphiq-shop-profile-question-card", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; }, { "answerClick": "answerClick"; "historyClick": "historyClick"; }, never, never, true, never>;
+}
+
+declare class FocusAreaStatusCardComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    focusAreaDetail: _angular_core.InputSignal<FocusAreaDetailInterface>;
+    profileFocusArea: _angular_core.InputSignal<ProfileFocusAreaInterface | undefined>;
+    profileAnalysis: _angular_core.InputSignal<ProfileAnalysisInterface | undefined>;
+    itemStatusProfileFocusArea: _angular_core.InputSignal<ItemStatusInterface | undefined>;
+    itemStatusProfileAnalysis: _angular_core.InputSignal<ItemStatusInterface | undefined>;
+    cardClick: _angular_core.OutputEmitterRef<FocusAreaDomainEnum>;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    protected focusAreaDisplayName: _angular_core.Signal<string>;
+    protected engagementStatusLabel: _angular_core.Signal<"Engaged" | "Interested" | "Not Engaged">;
+    protected focusAreaIcon: _angular_core.Signal<{
+        name: string;
+        source: IconSourceEnum;
+    }>;
+    protected isGenerating: _angular_core.Signal<boolean>;
+    protected generatingMessage: _angular_core.Signal<"Generating Profile Questions..." | "Generating Analysis..." | "Generating...">;
+    protected hasAnalysis: _angular_core.Signal<boolean>;
+    protected hasProfile: _angular_core.Signal<boolean>;
+    protected profileCompletionPercentage: _angular_core.Signal<0 | 100 | 50>;
+    protected isProfileComplete: _angular_core.Signal<boolean>;
+    protected handleCardClick(): void;
+    protected cardClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected engagementBadgeClasses(): string;
+    protected contentBoxClasses(): string;
+    protected successBoxClasses(): string;
+    protected ctaBoxClasses(): string;
+    protected statusTextClasses(): string;
+    protected statusSubtextClasses(): string;
+    protected successIconClasses(): string;
+    protected ctaIconClasses(): string;
+    protected progressBarBgClasses(): string;
+    protected progressBarFillClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FocusAreaStatusCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FocusAreaStatusCardComponent, "symphiq-focus-area-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "focusAreaDetail": { "alias": "focusAreaDetail"; "required": true; "isSignal": true; }; "profileFocusArea": { "alias": "profileFocusArea"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "itemStatusProfileFocusArea": { "alias": "itemStatusProfileFocusArea"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+}
+
 declare class HorizontalBarComponent implements OnInit, OnDestroy {
     percentage: _angular_core.InputSignal<number>;
     label: _angular_core.InputSignal<string>;
@@ -3327,7 +4168,7 @@ declare class CircularProgressComponent implements OnInit, OnDestroy {
     backgroundColor: _angular_core.InputSignal<string>;
     showPercentage: _angular_core.InputSignal<boolean>;
     textClasses: _angular_core.InputSignal<string>;
-    strokeLinecap: _angular_core.InputSignal<"round" | "butt" | "square">;
+    strokeLinecap: _angular_core.InputSignal<"square" | "round" | "butt">;
     animationDuration: _angular_core.InputSignal<number>;
     animationDelay: _angular_core.InputSignal<number>;
     private elementRef;
@@ -3358,7 +4199,7 @@ declare class VisualizationContainerComponent {
         data: unknown;
     }>;
     containerClass: _angular_core.Signal<"" | "cursor-pointer">;
-    iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
+    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
     onExpandClick(event: Event): void;
     onVisualizationClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VisualizationContainerComponent, never>;
@@ -3448,7 +4289,7 @@ declare class SearchModalComponent {
     emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
     emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
+    shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
     kbdClass: _angular_core.Signal<"bg-white border border-slate-300 text-slate-700 shadow-sm" | "bg-slate-700 border border-slate-600 text-slate-300">;
     shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
@@ -3491,7 +4332,7 @@ declare class GradeBadgeComponent {
     gradeRationale: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
+    tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
     isLightMode: _angular_core.Signal<boolean>;
     formattedGrade: _angular_core.Signal<string>;
     shouldPulse: _angular_core.Signal<boolean>;
@@ -3578,17 +4419,17 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
     protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
-    protected glowEffectClasses: _angular_core.Signal<"bg-red-500" | "bg-blue-500" | "bg-emerald-500" | "bg-orange-500">;
+    protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
     protected gradeBadgeClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 to-teal-500/30 border-2 border-emerald-500/50 shadow-[0_0_20px_rgba(16,185,129,0.3)]" | "bg-gradient-to-br from-emerald-50 to-teal-50 border-2 border-emerald-300/50 shadow-[0_0_20px_rgba(16,185,129,0.2)]" | "bg-gradient-to-br from-blue-500/30 to-cyan-500/30 border-2 border-blue-500/50 shadow-[0_0_20px_rgba(59,130,246,0.3)]" | "bg-gradient-to-br from-blue-50 to-cyan-50 border-2 border-blue-300/50 shadow-[0_0_20px_rgba(59,130,246,0.2)]" | "bg-gradient-to-br from-orange-500/30 to-amber-500/30 border-2 border-orange-500/50 shadow-[0_0_20px_rgba(249,115,22,0.3)]" | "bg-gradient-to-br from-orange-50 to-amber-50 border-2 border-orange-300/50 shadow-[0_0_20px_rgba(249,115,22,0.2)]" | "bg-gradient-to-br from-red-500/30 to-rose-500/30 border-2 border-red-500/50 shadow-[0_0_20px_rgba(239,68,68,0.3)]" | "bg-gradient-to-br from-red-50 to-rose-50 border-2 border-red-300/50 shadow-[0_0_20px_rgba(239,68,68,0.2)]">;
-    protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-orange-700" | "text-red-300" | "text-orange-300" | "text-emerald-300" | "text-blue-300">;
+    protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
     protected gradeValueClasses: _angular_core.Signal<"bg-gradient-to-b from-emerald-300 to-emerald-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-emerald-600 to-emerald-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-300 to-blue-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-600 to-blue-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-300 to-orange-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-600 to-orange-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-300 to-red-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-600 to-red-800 bg-clip-text text-transparent">;
     protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
-    protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
+    protected progressValueClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-blue-400" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
     protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
     protected progressBarClasses: _angular_core.Signal<"rounded-full overflow-hidden bg-gradient-to-r from-emerald-500 via-teal-500 to-emerald-600" | "rounded-full overflow-hidden bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600" | "rounded-full overflow-hidden bg-gradient-to-r from-orange-500 via-amber-500 to-orange-600" | "rounded-full overflow-hidden bg-gradient-to-r from-red-500 via-rose-500 to-red-600">;
     protected shimmerClasses: _angular_core.Signal<string>;
-    protected progressGlowClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-orange-500 to-amber-500" | "bg-gradient-to-r from-red-500 to-rose-500">;
+    protected progressGlowClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-orange-500 to-amber-500" | "bg-gradient-to-r from-red-500 to-rose-500">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfidenceLevelCardComponent, "symphiq-confidence-level-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentStepId": { "alias": "currentStepId"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "currentFocusAreaDomain": { "alias": "currentFocusAreaDomain"; "required": false; "isSignal": true; }; "currentMetric": { "alias": "currentMetric"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -3607,12 +4448,12 @@ declare class RelatedContentSidebarComponent {
     protected funnelMetricsCount: _angular_core.Signal<number>;
     protected businessInsightsCount: _angular_core.Signal<number>;
     protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected buttonClasses: _angular_core.Signal<"bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50" | "bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100">;
+    protected buttonClasses: _angular_core.Signal<"bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100" | "bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50">;
     protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
-    protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
     protected onFunnelInsightsClick(): void;
     protected onFunnelMetricsClick(): void;
     protected onBusinessInsightsClick(): void;
@@ -3629,7 +4470,7 @@ declare class ContentGenerationProgressComponent {
     protected progressPercentage: _angular_core.Signal<number>;
     protected progressMessage: _angular_core.Signal<string>;
     protected isLightMode: _angular_core.Signal<boolean>;
-    protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-900 to-slate-800" | "bg-gradient-to-br from-slate-50 to-white">;
+    protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-50 to-white" | "bg-gradient-to-br from-slate-900 to-slate-800">;
     protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-500 to-purple-500 text-white shadow-lg shadow-blue-500/30" | "bg-gradient-to-br from-blue-400 to-purple-400 text-white shadow-lg shadow-blue-400/30">;
     protected titleClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent" | "bg-gradient-to-r from-blue-400 via-purple-400 to-blue-400 bg-clip-text text-transparent">;
     protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -3667,11 +4508,11 @@ declare class IndeterminateSpinnerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     size: _angular_core.InputSignal<SpinnerSize>;
     color: _angular_core.InputSignal<string | undefined>;
-    svgSize: _angular_core.Signal<60 | 40 | 80>;
+    svgSize: _angular_core.Signal<40 | 80 | 60>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
-    strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
-    dotSize: _angular_core.Signal<10 | 5 | 7>;
+    strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
+    dotSize: _angular_core.Signal<5 | 10 | 7>;
     containerClasses: _angular_core.Signal<{
         'w-10 h-10': boolean;
         'w-16 h-16': boolean;
@@ -3734,8 +4575,8 @@ declare class ChartContainerComponent {
     headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
-    chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
+    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
+    chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
     expandButtonClass: _angular_core.Signal<"bg-blue-100 text-blue-600 hover:bg-blue-200" | "bg-blue-500/20 text-blue-400 hover:bg-blue-500/30">;
     closeButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700/50 text-slate-400 hover:bg-slate-600/50">;
     isCollapsible: _angular_core.Signal<boolean>;
@@ -3799,7 +4640,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"175px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "175px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
@@ -3836,7 +4677,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"200px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "200px">;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -3917,7 +4758,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
     isVisible: _angular_core.Signal<boolean>;
     tooltipType: _angular_core.Signal<string | null>;
     tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
-    tooltipPosition: _angular_core.Signal<"auto" | "top" | "left" | "right" | "bottom">;
+    tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -3942,7 +4783,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
     shouldCenter: _angular_core.Signal<boolean>;
     containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
     contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
-    textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
+    textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
     viewMoreButtonClass: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-200 hover:border-blue-400 hover:text-blue-800 active:bg-blue-300" | "bg-blue-500/10 text-blue-400 border border-blue-500/20 hover:bg-blue-500/30 hover:border-blue-500/40 hover:text-blue-300 active:bg-blue-500/40">;
     transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
     constructor();
@@ -4072,11 +4913,11 @@ declare class FocusAreaDetailCardComponent {
     protected metaLabelClasses: _angular_core.Signal<"text-xs font-medium text-slate-400 uppercase tracking-wide" | "text-xs font-medium text-slate-600 uppercase tracking-wide">;
     protected toolChipClasses: _angular_core.Signal<"px-2.5 py-1 rounded-md bg-emerald-500/10 text-emerald-300 text-xs border border-emerald-500/30" | "px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs border border-emerald-200">;
     protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected toggleCompetitiveGap(): void;
     onExpandItem(event: CustomEvent): void;
@@ -4152,11 +4993,11 @@ declare class CompetitorAnalysisCardComponent {
     protected linkClasses: _angular_core.Signal<"text-sm text-blue-400 hover:text-blue-300 underline transition-colors" | "text-sm text-blue-600 hover:text-blue-700 underline transition-colors">;
     protected listItemClasses: _angular_core.Signal<"text-sm text-slate-200 leading-relaxed flex items-start" | "text-sm text-slate-600 leading-relaxed flex items-start">;
     protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected navigateToItem(item: ProfileItemInterface): void;
     onExpandItem(event: CustomEvent): void;
@@ -4172,11 +5013,11 @@ declare class OpportunityHighlightBannerComponent {
     bannerClick: _angular_core.OutputEmitterRef<void>;
     protected iconSource: IconSourceEnum;
     protected bannerClasses: _angular_core.Signal<"bg-gradient-to-r from-amber-500/10 to-orange-500/10 border-l-amber-500 border-r border-t border-b border-amber-500/30" | "bg-gradient-to-r from-amber-50 to-orange-50 border-l-amber-500 border-r border-t border-b border-amber-200">;
-    protected iconContainerClasses: _angular_core.Signal<"bg-amber-100 text-amber-600" | "bg-amber-500/20 text-amber-400">;
+    protected iconContainerClasses: _angular_core.Signal<"bg-amber-500/20 text-amber-400" | "bg-amber-100 text-amber-600">;
     protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
     protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
     protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
-    protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
+    protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
     handleClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OpportunityHighlightBannerComponent, "symphiq-opportunity-highlight-banner", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "isDark": { "alias": "isDark"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;
@@ -4428,6 +5269,6 @@ declare function validateRevenueTarget(targetRevenue: number, calculations: Metr
     withinTolerance: boolean;
 };
 
-export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
-export type { AnimationType, AvatarSize, BusinessInsightDetailModalData, BusinessSearchResult, CategoryColorPalette, CategoryDetailModalData, ChartThemeColors, ConfettiConfig, ConfettiIntensity, CreateAccountData, CriticalGapDetailModalData, CriticalGapsListModalData, CrossDashboardRelationships, DataKey, FocusAreaGapDetailModalData, FocusAreaGapsListModalData, FocusAreaOpportunitiesListModalData, FocusAreaOpportunityDetailModalData, FocusAreaStrengthDetailModalData, FocusAreaStrengthsListModalData, FunnelMetricOrder, FunnelRatio, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, JourneyStep$1 as JourneyStep, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, RelatedMetricRatio, RevenueCalculationResult, ReverseCalculationContext, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, SemanticColors, ShadowLevel, SpinnerSize, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, TopPriorityInterface, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
+export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaStatusCardComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionAnswerComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileShopAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
+export type { AnimationType, AvatarSize, BusinessInsightDetailModalData, BusinessSearchResult, CategoryColorPalette, CategoryDetailModalData, CategoryProgressItem, ChartThemeColors, ConfettiConfig, ConfettiIntensity, CreateAccountData, CriticalGapDetailModalData, CriticalGapsListModalData, CrossDashboardRelationships, DataKey, FocusAreaGapDetailModalData, FocusAreaGapsListModalData, FocusAreaOpportunitiesListModalData, FocusAreaOpportunityDetailModalData, FocusAreaStrengthDetailModalData, FocusAreaStrengthsListModalData, FunnelMetricOrder, FunnelRatio, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, JourneyStep$1 as JourneyStep, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, ProfileQuestionAnswerSaveEvent, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, RelatedMetricRatio, RevenueCalculationResult, ReverseCalculationContext, SaveActionType, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, SemanticColors, ShadowLevel, ShopProfileViewType, SpinnerSize, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, TopPriorityInterface, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
 //# sourceMappingURL=index.d.ts.map