@eric-emg/symphiq-components 1.2.553 → 1.2.555

package/index.d.ts

@@ -1091,7 +1091,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    metricsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1099,7 +1099,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    chartsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1107,7 +1107,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1115,7 +1115,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1671,7 +1671,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-700" | "text-blue-400" | "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;
@@ -2197,7 +2197,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     topMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     formattedRevenueValue: _angular_core.Signal<string>;
     formattedRevenueTrend: _angular_core.Signal<string>;
-    revenueStatusIcon: _angular_core.Signal<"↑" | "•" | "→" | "⚠">;
+    revenueStatusIcon: _angular_core.Signal<"↑" | "→" | "⚠" | "•">;
     hasCompetitiveData: _angular_core.Signal<boolean>;
     hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
     overallCompetitiveDescription: _angular_core.Signal<string>;
@@ -2239,7 +2239,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     competitiveTooltip: _angular_core.Signal<{
         industry: string;
         metricBenchmark: string;
-        competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
+        competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
         description: string;
         keyOpportunities: string;
     }>;
@@ -2827,6 +2827,7 @@ declare class MetricReportModalComponent {
     pacingResponse: _angular_core.InputSignal<PacingResponseInterface | undefined>;
     trendChartData: _angular_core.InputSignal<AiChartInterface | null>;
     currencySymbol: _angular_core.InputSignal<string>;
+    showLiveIndicator: _angular_core.InputSignal<boolean>;
     isOpen: _angular_core.InputSignal<boolean>;
     closed: _angular_core.OutputEmitterRef<void>;
     protected showDefinition: _angular_core.WritableSignal<boolean>;
@@ -2910,7 +2911,7 @@ declare class MetricReportModalComponent {
     protected footerClasses(): string;
     protected closeFooterButtonClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricReportModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricReportModalComponent, "symphiq-metric-report-modal", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "metricEnum": { "alias": "metricEnum"; "required": false; "isSignal": true; }; "metricData": { "alias": "metricData"; "required": false; "isSignal": true; }; "contributingMetrics": { "alias": "contributingMetrics"; "required": false; "isSignal": true; }; "pacingResponse": { "alias": "pacingResponse"; "required": false; "isSignal": true; }; "trendChartData": { "alias": "trendChartData"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricReportModalComponent, "symphiq-metric-report-modal", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "metricEnum": { "alias": "metricEnum"; "required": false; "isSignal": true; }; "metricData": { "alias": "metricData"; "required": false; "isSignal": true; }; "contributingMetrics": { "alias": "contributingMetrics"; "required": false; "isSignal": true; }; "pacingResponse": { "alias": "pacingResponse"; "required": false; "isSignal": true; }; "trendChartData": { "alias": "trendChartData"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "showLiveIndicator": { "alias": "showLiveIndicator"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
 }
 
 declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -3554,6 +3555,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
         targetValue?: string;
         projectedValue?: string;
         pacingStatus?: _jebgem_model.PacingStatusEnum;
+        pacingStatusDescription?: string;
         yoyChange?: string;
         topPriorities?: _jebgem_model.MetricTopPriorityInterface[];
         quickWins?: _jebgem_model.QuickWinItemInterface[];
@@ -3693,25 +3695,23 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     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; }; "isMarkingAsReviewed": { "alias": "isMarkingAsReviewed"; "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"; "markAsReviewedClick": "markAsReviewedClick"; }, never, never, true, never>;
 }
 
+interface WhatYoullSeeBelowItem {
+    title: string;
+    description: string;
+}
+
 declare class ShopWelcomeBannerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     businessName: _angular_core.InputSignal<string>;
     isOnboarded: _angular_core.InputSignal<boolean>;
     analysisDate: _angular_core.InputSignal<Date | undefined>;
+    protected readonly whatYoullSeeBelowItems: WhatYoullSeeBelowItem[];
     protected formattedAnalysisDate: _angular_core.Signal<string | null>;
     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; }; "analysisDate": { "alias": "analysisDate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -3928,6 +3928,7 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     protected readonly ProfileAnalysisReviewStatusEnum: typeof ProfileAnalysisReviewStatusEnum;
     protected readonly focusAreaStatusConfig: Partial<ProfileAnalysisStatusConfig>;
     protected readonly focusAreaCardConfig: Partial<ProfileAnalysisCardConfig>;
+    protected readonly whatYoullSeeBelowItems: WhatYoullSeeBelowItem[];
     private readonly COLLAPSE_THRESHOLD;
     private readonly EXPAND_THRESHOLD;
     onScroll(): void;
@@ -3952,6 +3953,7 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
         latest: Date;
     } | null>;
     formattedAnalysisDateRange: _angular_core.Signal<string | null>;
+    analysisDatePreposition: _angular_core.Signal<string>;
     genericCardData: _angular_core.Signal<ProfileAnalysisCardData<FocusAreaDomainEnum, ProfileFocusAreaInterface>[]>;
     handleCardClick(event: CardClickEvent<FocusAreaDomainEnum, ProfileFocusAreaInterface>): void;
     handleFooterClick(profileFocusArea: ProfileFocusAreaInterface | null): void;
@@ -3973,10 +3975,6 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     getWelcomeBannerHighlightIconClasses(): string;
     getWelcomeBannerHighlightTitleClasses(): string;
     getWelcomeBannerHighlightListClasses(): string;
-    getWelcomeBannerNextStepsClasses(): string;
-    getWelcomeBannerNextStepsIconClasses(): string;
-    getWelcomeBannerNextStepsTitleClasses(): string;
-    getWelcomeBannerNextStepsTextClasses(): string;
     getStatusComponentContainerClasses(): string;
     getStatusSectionTitleClasses(): string;
     private getIconForDomain;
@@ -4273,6 +4271,8 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
         latest: Date;
     } | null>;
     formattedAnalysisDateRange: _angular_core.Signal<string | null>;
+    analysisDatePreposition: _angular_core.Signal<string>;
+    protected readonly whatYoullSeeBelowItems: WhatYoullSeeBelowItem[];
     genericCardData: _angular_core.Signal<ProfileAnalysisCardData<MetricEnum, ProfileMetricInterface>[]>;
     getCurrentMetricForConfidence(): string | undefined;
     handleCardClick(event: CardClickEvent<MetricEnum, ProfileMetricInterface>): void;
@@ -4282,14 +4282,6 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
     getWelcomeBannerIconClasses(): string;
     getWelcomeBannerTitleClasses(): string;
     getWelcomeBannerTextClasses(): string;
-    getWelcomeBannerHighlightClasses(): string;
-    getWelcomeBannerHighlightIconClasses(): string;
-    getWelcomeBannerHighlightTitleClasses(): string;
-    getWelcomeBannerHighlightListClasses(): string;
-    getWelcomeBannerNextStepsClasses(): string;
-    getWelcomeBannerNextStepsIconClasses(): string;
-    getWelcomeBannerNextStepsTitleClasses(): string;
-    getWelcomeBannerNextStepsTextClasses(): string;
     private getIconForMetric;
     private getMetricDescription;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileMetricsAnalysesDashboardComponent, never>;
@@ -4441,6 +4433,7 @@ declare class SymphiqProfileAnalysisMetricDashboardComponent implements OnInit,
         targetValue?: string;
         projectedValue?: string;
         pacingStatus?: _jebgem_model.PacingStatusEnum;
+        pacingStatusDescription?: string;
         yoyChange?: string;
         topPriorities?: _jebgem_model.MetricTopPriorityInterface[];
         quickWins?: _jebgem_model.QuickWinItemInterface[];
@@ -4541,6 +4534,7 @@ declare class MetricWelcomeBannerComponent {
     analysisDate: _angular_core.InputSignal<Date | undefined>;
     protected readonly IconSourceEnum: typeof IconSourceEnum;
     protected formattedAnalysisDate: _angular_core.Signal<string | null>;
+    protected whatYoullSeeBelowItems: _angular_core.Signal<WhatYoullSeeBelowItem[]>;
     protected metricDisplayName: _angular_core.Signal<string>;
     protected metricIcon: _angular_core.Signal<{
         name: string;
@@ -4551,14 +4545,6 @@ declare class MetricWelcomeBannerComponent {
     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; }; "analysisDate": { "alias": "analysisDate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4960,7 +4946,7 @@ declare class FocusAreaStatusCardComponent {
     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 | 50 | 100>;
+    protected profileCompletionPercentage: _angular_core.Signal<0 | 100 | 50>;
     protected isProfileComplete: _angular_core.Signal<boolean>;
     protected handleCardClick(): void;
     protected cardClasses(): string;
@@ -5054,14 +5040,17 @@ declare class VisualizationContainerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<VisualizationContainerComponent, "symphiq-visualization-container", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "visualizationType": { "alias": "visualizationType"; "required": false; "isSignal": true; }; "visualizationData": { "alias": "visualizationData"; "required": false; "isSignal": true; }; "disableInteraction": { "alias": "disableInteraction"; "required": false; "isSignal": true; }; }, { "visualizationClick": "visualizationClick"; }, never, ["*"], true, never>;
 }
 
+type ScrollProgressBarColorScheme = 'blue-purple' | 'blue-cyan';
 declare class ScrollProgressBarComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     progress: _angular_core.InputSignal<number>;
-    isLightMode: _angular_core.InputSignal<boolean>;
     embedded: _angular_core.InputSignal<boolean>;
-    protected getContainerClasses(): string;
-    protected getGradientClasses(): string;
+    colorScheme: _angular_core.InputSignal<ScrollProgressBarColorScheme>;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    protected containerClasses: _angular_core.Signal<string>;
+    protected barClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-blue-400 to-cyan-400" | "bg-gradient-to-r from-blue-500 to-purple-500" | "bg-gradient-to-r from-blue-400 to-purple-400">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollProgressBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollProgressBarComponent, "symphiq-scroll-progress-bar", never, { "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollProgressBarComponent, "symphiq-scroll-progress-bar", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface IconObjectInterface {
@@ -5137,7 +5126,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-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
+    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
     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>;
@@ -5285,17 +5274,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-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
+    protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-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-blue-300" | "text-emerald-300" | "text-orange-300">;
+    protected gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-blue-300" | "text-emerald-300" | "text-red-300" | "text-orange-700" | "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-emerald-400" | "text-red-400" | "text-blue-400" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
+    protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-blue-400" | "text-orange-600" | "text-red-600" | "text-blue-600" | "text-orange-400">;
     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-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">;
+    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">;
     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>;
 }
@@ -5376,10 +5365,10 @@ 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<80 | 60 | 40>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
-    strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
+    strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
     dotSize: _angular_core.Signal<10 | 5 | 7>;
     containerClasses: _angular_core.Signal<{
         'w-10 h-10': boolean;
@@ -5444,7 +5433,7 @@ declare class ChartContainerComponent {
     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-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
-    chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
+    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>;
@@ -5465,7 +5454,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
     height: _angular_core.InputSignal<string | undefined>;
     chartHeight: _angular_core.Signal<string>;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
-    tooltipTextColor: _angular_core.Signal<0 | 16777215>;
+    tooltipTextColor: _angular_core.Signal<16777215 | 0>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -5651,7 +5640,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();
@@ -6138,5 +6127,5 @@ declare function validateRevenueTarget(targetRevenue: number, calculations: Metr
 };
 
 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, SymphiqProfileAnalysisFocusAreaDashboardComponent, SymphiqProfileAnalysisMetricDashboardComponent, SymphiqProfileFocusAreaDashboardComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileMetricDashboardComponent, SymphiqProfileMetricsAnalysesDashboardComponent, 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, MetricAnalysisNavigationData, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, ProfileAnalysisNavigationData, 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 };
+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, MetricAnalysisNavigationData, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, ProfileAnalysisNavigationData, ProfileQuestionAnswerSaveEvent, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, RelatedMetricRatio, RevenueCalculationResult, ReverseCalculationContext, SaveActionType, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, ScrollProgressBarColorScheme, SemanticColors, ShadowLevel, ShopProfileViewType, SpinnerSize, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, TopPriorityInterface, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
 //# sourceMappingURL=index.d.ts.map