@eric-emg/symphiq-components 1.2.520 → 1.2.522

package/index.d.ts

@@ -1072,7 +1072,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    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>;
+    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>;
     charts: _angular_core.Signal<AiChartInterface[]>;
     modalKey: _angular_core.Signal<number>;
     insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1091,7 +1091,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | 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<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | 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<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | 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<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1478,6 +1478,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     navSections: NavSection[];
     isLightMode: _angular_core.Signal<boolean>;
     analysisData: _angular_core.Signal<FunnelAnalysisInterface | undefined>;
+    analysisCreatedDate: _angular_core.Signal<Date | undefined>;
     performanceOverview: _angular_core.Signal<PerformanceOverviewStructuredV3Interface>;
     strengths: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelStrengthInterface[]>;
     weaknesses: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelWeaknessInterface[]>;
@@ -1665,9 +1666,9 @@ 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">;
-    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">;
+    competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-blue-700" | "text-emerald-600" | "text-orange-600">;
+    competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
     getCompetitiveScoreIcon(): string;
     getCompetitiveScoreLabel(): string;
     getCompetitiveScoreLabelFull(): string;
@@ -1908,10 +1909,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-emerald-600" | "text-red-600" | "text-red-400">;
+    trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
     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-emerald-600" | "text-red-600" | "text-red-400">;
+    trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
     formattedRevenueTrend: _angular_core.Signal<string>;
     formattedRevenueTarget: _angular_core.Signal<string>;
     hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2674,9 +2675,8 @@ declare class SymphiqRevenueCalculatorDashboardComponent implements AfterViewIni
     discardChangesClick: _angular_core.OutputEmitterRef<void>;
     protected JourneyStepIdEnum: typeof JourneyStepIdEnum;
     protected ShopDataLoadStatusEnum: typeof ShopDataLoadStatusEnum;
+    protected readonly headerScrollService: HeaderScrollService;
     scrollProgress: _angular_core.WritableSignal<number>;
-    isScrolled: _angular_core.WritableSignal<boolean>;
-    private isProgrammaticScroll;
     protected isLightMode: _angular_core.Signal<boolean>;
     protected hasAnyTargets: _angular_core.Signal<boolean>;
     protected hasCurrentYearTargets: _angular_core.Signal<boolean>;
@@ -2686,9 +2686,6 @@ declare class SymphiqRevenueCalculatorDashboardComponent implements AfterViewIni
     onWindowScroll(): void;
     private updateScrollProgress;
     protected getContainerClasses(): string;
-    protected getHeaderClasses(): string;
-    protected getMainTitleClasses(): string;
-    protected getSubtitleClasses(): string;
     protected loadingMessageContainerClasses(): string;
     protected loadingMessageContentClasses(): string;
     protected loadingTitleClasses(): string;
@@ -4195,25 +4192,25 @@ declare class MetricExecutiveSummaryComponent {
     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 textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     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-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
     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 narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
     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 priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     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">;
@@ -4531,7 +4528,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;
@@ -4696,13 +4693,13 @@ declare class SearchModalComponent {
     containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
     inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
     iconClass: _angular_core.Signal<"text-slate-500" | "text-slate-400">;
-    clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
+    clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
     closeButtonClass: _angular_core.Signal<"text-slate-400 hover:text-slate-600 hover:bg-slate-100" | "text-slate-500 hover:text-slate-300 hover:bg-slate-700">;
     resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     breadcrumbClass: _angular_core.Signal<string>;
-    typeBadgeClass: _angular_core.Signal<"bg-slate-700 text-slate-300" | "bg-slate-100 text-slate-600">;
+    typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
     arrowClass: _angular_core.Signal<"text-slate-500" | "text-slate-400">;
     emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
@@ -4728,6 +4725,7 @@ declare class DashboardHeaderComponent {
     subsectionFading: _angular_core.InputSignal<boolean>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     showControls: _angular_core.InputSignal<boolean>;
+    hasCondensedLeftContent: _angular_core.InputSignal<boolean>;
     searchClick: _angular_core.OutputEmitterRef<void>;
     viewModeClick: _angular_core.OutputEmitterRef<void>;
     protected readonly headerScrollService: HeaderScrollService;
@@ -4746,7 +4744,7 @@ declare class DashboardHeaderComponent {
     protected getCondensedSubtitleClasses(): string;
     protected getViewModeButtonClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardHeaderComponent, "symphiq-dashboard-header", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewModeLabel": { "alias": "viewModeLabel"; "required": false; "isSignal": true; }; "currentSection": { "alias": "currentSection"; "required": false; "isSignal": true; }; "currentSubsection": { "alias": "currentSubsection"; "required": false; "isSignal": true; }; "sectionFading": { "alias": "sectionFading"; "required": false; "isSignal": true; }; "subsectionFading": { "alias": "subsectionFading"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; }, { "searchClick": "searchClick"; "viewModeClick": "viewModeClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardHeaderComponent, "symphiq-dashboard-header", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewModeLabel": { "alias": "viewModeLabel"; "required": false; "isSignal": true; }; "currentSection": { "alias": "currentSection"; "required": false; "isSignal": true; }; "currentSubsection": { "alias": "currentSubsection"; "required": false; "isSignal": true; }; "sectionFading": { "alias": "sectionFading"; "required": false; "isSignal": true; }; "subsectionFading": { "alias": "subsectionFading"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "hasCondensedLeftContent": { "alias": "hasCondensedLeftContent"; "required": false; "isSignal": true; }; }, { "searchClick": "searchClick"; "viewModeClick": "viewModeClick"; }, never, ["[expandedControls]", "[condensedLeftContent]", "[condensedControls]"], true, never>;
 }
 
 declare class GradeBadgeComponent {
@@ -4850,11 +4848,11 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
     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-blue-700" | "text-red-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-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-emerald-400" | "text-blue-400" | "text-emerald-600" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
+    protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600" | "text-orange-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>;
@@ -4905,7 +4903,7 @@ declare class ContentGenerationProgressComponent {
     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">;
-    protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected progressBarContainerClasses: _angular_core.Signal<string>;
     protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected progressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600 shadow-lg shadow-blue-500/40" | "bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-500 shadow-lg shadow-blue-400/40">;
@@ -4939,11 +4937,11 @@ declare class IndeterminateSpinnerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     size: _angular_core.InputSignal<SpinnerSize>;
     color: _angular_core.InputSignal<string | undefined>;
-    svgSize: _angular_core.Signal<40 | 80 | 60>;
+    svgSize: _angular_core.Signal<60 | 40 | 80>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
     strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
-    dotSize: _angular_core.Signal<5 | 10 | 7>;
+    dotSize: _angular_core.Signal<10 | 5 | 7>;
     containerClasses: _angular_core.Signal<{
         'w-10 h-10': boolean;
         'w-[60px] h-[60px]': boolean;
@@ -4996,7 +4994,7 @@ declare class ChartContainerComponent {
     isLightMode: _angular_core.InputSignal<boolean>;
     isLoading: _angular_core.InputSignal<boolean>;
     isCompactMode: _angular_core.InputSignal<boolean>;
-    collapsibleIn: _angular_core.InputSignal<"expanded" | "compact" | "never">;
+    collapsibleIn: _angular_core.InputSignal<"compact" | "expanded" | "never">;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
     chartClick: _angular_core.OutputEmitterRef<AiChartInterface>;
@@ -5007,7 +5005,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-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
+    chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
     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>;
@@ -5189,7 +5187,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<"top" | "bottom" | "left" | "right" | "auto">;
+    tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -5448,7 +5446,7 @@ declare class OpportunityHighlightBannerComponent {
     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-600" | "text-amber-400">;
+    protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
     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>;