@eric-emg/symphiq-components 1.3.35 → 1.3.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/symphiq-components.mjs +1543 -617
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/symphiq-components.d.ts +64 -63
  5. package/types/symphiq-components.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eric-emg/symphiq-components",
3
- "version": "1.3.35",
3
+ "version": "1.3.37",
4
4
  "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
5
5
  "author": "Your Organization",
6
6
  "license": "MIT",
package/types/symphiq-components.d.ts CHANGED
@@ -1122,7 +1122,7 @@ declare class ModalComponent {
1122
1122
  private animatedTrendValues;
1123
1123
  private animationFrames;
1124
1124
  isOpen: _angular_core.Signal<boolean>;
1125
- 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>;
1125
+ 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>;
1126
1126
  charts: _angular_core.Signal<AiChartInterface[]>;
1127
1127
  modalKey: _angular_core.Signal<number>;
1128
1128
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1141,7 +1141,7 @@ declare class ModalComponent {
1141
1141
  description: string;
1142
1142
  icon: string;
1143
1143
  } | null>;
1144
- metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1144
+ metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1145
1145
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1146
1146
  metricsListInsightContext: _angular_core.Signal<{
1147
1147
  title: string;
@@ -1149,7 +1149,7 @@ declare class ModalComponent {
1149
1149
  businessContext: string;
1150
1150
  priority: number;
1151
1151
  } | null>;
1152
- chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1152
+ chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1153
1153
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1154
1154
  chartsListInsightContext: _angular_core.Signal<{
1155
1155
  title: string;
@@ -1157,7 +1157,7 @@ declare class ModalComponent {
1157
1157
  businessContext: string;
1158
1158
  priority: number;
1159
1159
  } | null>;
1160
- recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1160
+ recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1161
1161
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1162
1162
  recommendationsListInsightContext: _angular_core.Signal<{
1163
1163
  title: string;
@@ -1165,7 +1165,7 @@ declare class ModalComponent {
1165
1165
  businessContext: string;
1166
1166
  priority: number;
1167
1167
  } | null>;
1168
- competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1168
+ competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1169
1169
  competitiveAnalysisContext: _angular_core.Signal<{
1170
1170
  title: string;
1171
1171
  description: string;
@@ -1462,7 +1462,7 @@ declare class ViewModeSwitcherModalComponent {
1462
1462
  protected backdropClasses: _angular_core.Signal<"bg-slate-950/25" | "bg-slate-900/15">;
1463
1463
  protected modalClasses: _angular_core.Signal<"bg-slate-800/95 border border-slate-700/50" | "bg-white/95 border border-slate-200">;
1464
1464
  protected headerClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700/50">;
1465
- protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
1465
+ protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
1466
1466
  protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1467
1467
  protected closeButtonClasses: _angular_core.Signal<"text-slate-600 hover:text-slate-900 hover:bg-slate-100" | "text-slate-400 hover:text-white hover:bg-slate-700">;
1468
1468
  protected contentClasses: _angular_core.Signal<"bg-slate-800/50" | "bg-slate-50/50">;
@@ -1580,10 +1580,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1580
1580
  */
1581
1581
  private chartsById;
1582
1582
  headerClass: _angular_core.Signal<string>;
1583
- headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1583
+ headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1584
1584
  headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1585
1585
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1586
- sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1586
+ sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1587
1587
  selectClass: _angular_core.Signal<"bg-white text-slate-900 border-slate-300 hover:border-blue-400 transition-all duration-200" | "bg-slate-700 text-white border-slate-600 hover:border-slate-500 transition-all duration-200">;
1588
1588
  sortButtonClass: _angular_core.Signal<"bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200" | "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200">;
1589
1589
  formattedGeneratedDate: _angular_core.Signal<string | null>;
@@ -1754,7 +1754,7 @@ declare class MetricCardComponent {
1754
1754
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1755
1755
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1756
1756
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1757
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1757
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1758
1758
  competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1759
1759
  competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1760
1760
  getCompetitiveScoreIcon(): string;
@@ -2471,8 +2471,8 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
2471
2471
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">;
2472
2472
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2473
2473
  protected highlightBoxClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50 border-blue-300">;
2474
- protected highlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2475
- protected highlightTitleClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
2474
+ protected highlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
2475
+ protected highlightTitleClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
2476
2476
  protected highlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2477
2477
  protected nextStepsBoxClasses: _angular_core.Signal<"bg-amber-500/10 border-amber-500/30" | "bg-amber-50 border-amber-200">;
2478
2478
  protected nextStepsIconClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
@@ -2591,7 +2591,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2591
2591
  protected containerWrapperClasses: _angular_core.Signal<"" | "min-h-screen">;
2592
2592
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2593
2593
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2594
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2594
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2595
2595
  protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2596
2596
  protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2597
2597
  protected inputClasses(fieldName: string): string;
@@ -2599,26 +2599,26 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2599
2599
  protected urlInputClasses(fieldName: string): string;
2600
2600
  protected radioPlatformClasses(platform: ShopPlatformEnum): string;
2601
2601
  protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
2602
- protected radioLabelClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2602
+ protected radioLabelClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2603
2603
  protected checkboxClasses: _angular_core.Signal<"text-blue-600 border-slate-300 focus:ring-blue-500" | "text-blue-400 border-slate-600 focus:ring-blue-400 bg-slate-700">;
2604
2604
  protected checkboxLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2605
2605
  protected errorClasses: _angular_core.Signal<string>;
2606
2606
  protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2607
- protected viewValueClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2607
+ protected viewValueClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2608
2608
  protected viewLinkClasses: _angular_core.Signal<"text-blue-600 hover:text-blue-700" | "text-blue-400 hover:text-blue-300">;
2609
2609
  protected editButtonClasses: _angular_core.Signal<"bg-blue-500 text-white hover:bg-blue-600" | "bg-blue-600 text-white hover:bg-blue-700">;
2610
2610
  protected stickyButtonContainerClasses: _angular_core.Signal<"bg-white/90 border-slate-200" | "bg-slate-900/90 border-slate-700">;
2611
2611
  protected cancelButtonClasses: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-200 text-slate-700 hover:bg-slate-300">;
2612
2612
  protected continueButtonClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 text-white" | "bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white" | "bg-slate-300 text-slate-500" | "bg-slate-700 text-slate-500">;
2613
2613
  protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2614
- protected focusAreaProgressCountClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-blue-400" | "text-blue-600">;
2614
+ protected focusAreaProgressCountClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400">;
2615
2615
  protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
2616
- protected focusAreaProgressBarFillClasses: _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-emerald-400 to-teal-400" | "bg-gradient-to-r from-blue-400 to-cyan-400">;
2616
+ protected focusAreaProgressBarFillClasses: _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-emerald-500 to-teal-500" | "bg-gradient-to-r from-emerald-400 to-teal-400">;
2617
2617
  protected progressBadgeClasses: _angular_core.Signal<"bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-700">;
2618
2618
  protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
2619
2619
  protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2620
2620
  protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2621
- protected focusAreaViewTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2621
+ protected focusAreaViewTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2622
2622
  protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2623
2623
  protected statusBadgeClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2624
2624
  protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -2655,7 +2655,7 @@ declare class FocusAreaQuestionComponent {
2655
2655
  private computeRadioLabelClasses;
2656
2656
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2657
2657
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2658
- protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2658
+ protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2659
2659
  protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2660
2660
  protected notAnsweredBadgeClasses: _angular_core.Signal<"bg-orange-100 text-orange-700 border border-orange-200" | "bg-orange-900/30 text-orange-400 border border-orange-700">;
2661
2661
  protected radioDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -2690,7 +2690,7 @@ declare class FocusAreaToolsModalComponent {
2690
2690
  protected backdropClasses: _angular_core.Signal<"bg-black/15" | "bg-black/40">;
2691
2691
  protected containerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
2692
2692
  protected headerClasses: _angular_core.Signal<"bg-gradient-to-r from-white to-slate-50 border-slate-200" | "bg-gradient-to-r from-slate-800 to-slate-900 border-slate-700">;
2693
- protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2693
+ protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2694
2694
  protected closeButtonClasses: _angular_core.Signal<"text-slate-500 hover:bg-slate-100 hover:text-slate-700" | "text-slate-400 hover:bg-slate-700 hover:text-slate-200">;
2695
2695
  protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2696
2696
  protected checkboxClasses: _angular_core.Signal<"text-blue-600 border-slate-300 focus:ring-blue-500" | "text-blue-400 border-slate-600 focus:ring-blue-400 bg-slate-700">;
@@ -2959,7 +2959,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2959
2959
  private animateValue;
2960
2960
  protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
2961
2961
  protected containerClasses: _angular_core.Signal<string>;
2962
- protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
2962
+ protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
2963
2963
  protected rotationStyle: _angular_core.Signal<string>;
2964
2964
  protected fullBadgeRotationStyle: _angular_core.Signal<string>;
2965
2965
  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">;
@@ -2974,7 +2974,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2974
2974
  protected animatedPercentage: _angular_core.Signal<string>;
2975
2975
  protected extractPercentage: _angular_core.Signal<string>;
2976
2976
  protected displayTextWithoutPercentage: _angular_core.Signal<string>;
2977
- 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">;
2977
+ 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">;
2978
2978
  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">;
2979
2979
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
2980
2980
  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>;
@@ -4172,11 +4172,11 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
4172
4172
  getCardFooterClasses(): string;
4173
4173
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4174
4174
  protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
4175
- protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4175
+ protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4176
4176
  protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4177
4177
  protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
4178
- protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4179
- protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4178
+ protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4179
+ protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4180
4180
  protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4181
4181
  protected statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
4182
4182
  protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
@@ -4378,9 +4378,9 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
4378
4378
  } | null;
4379
4379
  protected handleDisplayModeChange(mode: DisplayModeEnum): void;
4380
4380
  protected getAnalysisSubtitle(): string;
4381
- protected containerClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4381
+ protected containerClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4382
4382
  protected progressCardClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/40 border-slate-700/50">;
4383
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4383
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4384
4384
  protected sectionCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4385
4385
  protected sectionIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-50 text-blue-600">;
4386
4386
  protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -4436,6 +4436,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4436
4436
  protected isLightMode: _angular_core.Signal<boolean>;
4437
4437
  protected isSimplifiedView: _angular_core.Signal<boolean>;
4438
4438
  protected selfContentStatus: _angular_core.Signal<AiDynamicContentStatusEnum | undefined>;
4439
+ protected isGenerating: _angular_core.Signal<boolean>;
4439
4440
  protected isCompactView: _angular_core.Signal<boolean>;
4440
4441
  protected isExpandedView: _angular_core.Signal<boolean>;
4441
4442
  protected displayModeLabel: _angular_core.Signal<"Simplified" | "Compact" | "Expanded">;
@@ -4490,11 +4491,11 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4490
4491
  protected welcomeSubtitleClasses: _angular_core.Signal<string>;
4491
4492
  protected welcomeDescriptionClasses: _angular_core.Signal<string>;
4492
4493
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4493
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4494
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4494
4495
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4495
- protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4496
+ protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4496
4497
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/50 border border-slate-700">;
4497
- protected goalTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4498
+ protected goalTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4498
4499
  protected goalDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4499
4500
  protected timeframeBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
4500
4501
  protected cardBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
@@ -4502,12 +4503,12 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4502
4503
  protected relatedMetricsButtonClasses: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" | "bg-blue-900/30 text-blue-300 border border-blue-700 hover:bg-blue-900/50">;
4503
4504
  protected timelineContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4504
4505
  protected timelineLineClasses: _angular_core.Signal<"bg-gradient-to-b from-blue-400 via-cyan-400 to-teal-400" | "bg-gradient-to-b from-blue-600 via-cyan-600 to-teal-600">;
4505
- protected timelineItemTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4506
+ protected timelineItemTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4506
4507
  protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4507
4508
  protected objectivesLabelClasses: _angular_core.Signal<string>;
4508
4509
  protected objectiveItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4509
4510
  protected moreObjectivesClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4510
- protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4511
+ protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4511
4512
  protected matrixContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4512
4513
  protected matrixAxisLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4513
4514
  protected quadrantTitleClasses: _angular_core.Signal<"text-white" | "text-slate-800">;
@@ -4515,8 +4516,8 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4515
4516
  protected sourceIndicatorClasses: _angular_core.Signal<"bg-slate-200 text-slate-600 px-1.5 py-0.5 rounded-full" | "bg-slate-600 text-slate-300 px-1.5 py-0.5 rounded-full">;
4516
4517
  protected moreGoalsClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4517
4518
  protected emptyQuadrantClasses: _angular_core.Signal<"text-slate-400 italic" | "text-slate-500 italic">;
4518
- protected stepTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4519
- protected stepDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
4519
+ protected stepTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4520
+ protected stepDescriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
4520
4521
  protected stepBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4521
4522
  protected strategiesLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4522
4523
  protected strategyItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
@@ -4664,7 +4665,7 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
4664
4665
  handleCloseSearchModal(): void;
4665
4666
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4666
4667
  protected welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
4667
- protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4668
+ protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4668
4669
  protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4669
4670
  private getIconForMetric;
4670
4671
  private getMetricDescription;
@@ -4955,8 +4956,8 @@ declare class FocusAreaExecutiveSummaryComponent {
4955
4956
  private computeEffortBadgeClasses;
4956
4957
  private computeImpactBadgeClasses;
4957
4958
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4958
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4959
- protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4959
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4960
+ protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4960
4961
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4961
4962
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
4962
4963
  protected topPrioritiesStatCardClasses: _angular_core.Signal<"bg-purple-50 border-2 border-purple-200 hover:border-purple-400 hover:shadow-lg hover:shadow-purple-100/50" | "bg-purple-500/10 border-2 border-purple-500/30 hover:border-purple-400/50 hover:shadow-lg hover:shadow-purple-500/10">;
@@ -4964,9 +4965,9 @@ declare class FocusAreaExecutiveSummaryComponent {
4964
4965
  protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
4965
4966
  protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4966
4967
  protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10" | "bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50">;
4967
- protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4968
+ protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4968
4969
  protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
4969
- protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4970
+ protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4970
4971
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200 hover:border-blue-300 hover:shadow-xl" | "bg-slate-800/50 border border-slate-700/50 hover:border-blue-500/50 hover:shadow-xl hover:shadow-blue-500/10">;
4971
4972
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4972
4973
  protected numberBadgeClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-400 to-cyan-400 text-white" | "bg-gradient-to-br from-blue-500 to-cyan-500 text-white">;
@@ -5009,12 +5010,12 @@ declare class MetricExecutiveSummaryComponent {
5009
5010
  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">;
5010
5011
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5011
5012
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5012
- protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5013
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5013
5014
  protected healthBadgeClasses: _angular_core.Signal<string>;
5014
5015
  protected pacingBadgeClasses: _angular_core.Signal<string>;
5015
5016
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5016
- protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5017
- protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30" | "bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100">;
5017
+ protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5018
+ protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" | "bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30">;
5018
5019
  protected viewReportButtonClasses: _angular_core.Signal<"bg-slate-700/50 text-slate-300 border border-slate-600 hover:bg-slate-600/50" | "bg-slate-100 text-slate-700 border border-slate-300 hover:bg-slate-200">;
5019
5020
  protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5020
5021
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
@@ -5024,7 +5025,7 @@ declare class MetricExecutiveSummaryComponent {
5024
5025
  protected getHealthValueClasses(): string;
5025
5026
  protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5026
5027
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
5027
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
5028
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
5028
5029
  protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5029
5030
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5030
5031
  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">;
@@ -5032,7 +5033,7 @@ declare class MetricExecutiveSummaryComponent {
5032
5033
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5033
5034
  protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5034
5035
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
5035
- protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5036
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5036
5037
  protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5037
5038
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5038
5039
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
@@ -5559,14 +5560,14 @@ declare class SearchModalComponent {
5559
5560
  clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
5560
5561
  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">;
5561
5562
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5562
- resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5563
+ resultTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5563
5564
  resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5564
5565
  breadcrumbClass: _angular_core.Signal<string>;
5565
5566
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
5566
5567
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5567
5568
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5568
- emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
5569
- emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5569
+ emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
5570
+ emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5570
5571
  emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5571
5572
  shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
5572
5573
  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">;
@@ -5609,7 +5610,7 @@ declare class DashboardHeaderComponent implements OnInit {
5609
5610
  protected onTitleMouseLeave(): void;
5610
5611
  formattedGeneratedDate: _angular_core.Signal<string>;
5611
5612
  formatDate(dateString: string): string;
5612
- headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5613
+ headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5613
5614
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
5614
5615
  protected getHeaderClasses(): string;
5615
5616
  protected getMainTitleClasses(): string;
@@ -5736,22 +5737,22 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5736
5737
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
5737
5738
  protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5738
5739
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5739
- protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
5740
+ protected glowEffectClasses: _angular_core.Signal<"bg-red-500" | "bg-blue-500" | "bg-emerald-500" | "bg-orange-500">;
5740
5741
  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)]">;
5741
5742
  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">;
5742
5743
  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">;
5743
5744
  protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5744
5745
  protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5745
- 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">;
5746
+ protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
5746
5747
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
5747
5748
  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">;
5748
5749
  protected shimmerClasses: _angular_core.Signal<string>;
5749
- 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">;
5750
+ 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">;
5750
5751
  protected potentialProgressBarClasses: _angular_core.Signal<"opacity-40 bg-gradient-to-r from-emerald-500/50 via-teal-500/50 to-emerald-600/50" | "opacity-40 bg-gradient-to-r from-emerald-400/50 via-teal-400/50 to-emerald-500/50" | "opacity-40 bg-gradient-to-r from-blue-500/50 via-cyan-500/50 to-blue-600/50" | "opacity-40 bg-gradient-to-r from-blue-400/50 via-cyan-400/50 to-blue-500/50" | "opacity-40 bg-gradient-to-r from-orange-500/50 via-amber-500/50 to-orange-600/50" | "opacity-40 bg-gradient-to-r from-orange-400/50 via-amber-400/50 to-orange-500/50" | "opacity-40 bg-gradient-to-r from-red-500/50 via-rose-500/50 to-red-600/50" | "opacity-40 bg-gradient-to-r from-red-400/50 via-rose-400/50 to-red-500/50">;
5751
5752
  protected nextStepCalloutClasses: _angular_core.Signal<"bg-slate-100 text-slate-700 border border-slate-200" | "bg-slate-700/50 text-slate-300 border border-slate-600/50">;
5752
- protected nextStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-100 text-red-700" | "bg-red-500/20 text-red-400">;
5753
+ protected nextStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-500/20 text-blue-400" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
5753
5754
  protected currentStepCalloutClasses: _angular_core.Signal<"bg-slate-100 text-slate-700 border border-slate-200" | "bg-slate-700/50 text-slate-300 border border-slate-600/50">;
5754
- protected currentStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-100 text-red-700" | "bg-red-500/20 text-red-400">;
5755
+ protected currentStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-500/20 text-blue-400" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
5755
5756
  protected nextDashboardCalloutClasses: _angular_core.Signal<"bg-slate-800/30 text-slate-400 border border-slate-700/30" | "bg-slate-50 text-slate-500 border border-slate-100">;
5756
5757
  protected nextDashboardBadgeClasses: _angular_core.Signal<"bg-emerald-500/10 text-emerald-500" | "bg-emerald-50 text-emerald-600" | "bg-blue-500/10 text-blue-500" | "bg-blue-50 text-blue-600" | "bg-orange-500/10 text-orange-500" | "bg-orange-50 text-orange-600" | "bg-red-500/10 text-red-500" | "bg-red-50 text-red-600">;
5757
5758
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
@@ -5774,8 +5775,8 @@ declare class RelatedContentSidebarComponent {
5774
5775
  protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5775
5776
  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">;
5776
5777
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
5777
- protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5778
- protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5778
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5779
+ protected countClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
5779
5780
  protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5780
5781
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
5781
5782
  protected onFunnelInsightsClick(): void;
@@ -5837,8 +5838,8 @@ declare class IndeterminateSpinnerComponent {
5837
5838
  svgSize: _angular_core.Signal<40 | 80 | 60>;
5838
5839
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5839
5840
  svgCircleRadius: _angular_core.Signal<number>;
5840
- strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
5841
- dotSize: _angular_core.Signal<5 | 10 | 7>;
5841
+ strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
5842
+ dotSize: _angular_core.Signal<10 | 5 | 7>;
5842
5843
  containerClasses: _angular_core.Signal<{
5843
5844
  'w-10 h-10': boolean;
5844
5845
  'w-[60px] h-[60px]': boolean;
@@ -5880,7 +5881,7 @@ declare class UserDisplayComponent {
5880
5881
  avatarSize: _angular_core.InputSignal<AvatarSize>;
5881
5882
  showEmail: _angular_core.InputSignal<boolean>;
5882
5883
  protected displayName: _angular_core.Signal<string>;
5883
- protected nameClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5884
+ protected nameClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
5884
5885
  protected emailClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5885
5886
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserDisplayComponent, never>;
5886
5887
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserDisplayComponent, "symphiq-user-display", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showEmail": { "alias": "showEmail"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -5899,7 +5900,7 @@ declare class ChartContainerComponent {
5899
5900
  protected ChartTypeEnum: typeof ChartTypeEnum;
5900
5901
  containerClass: _angular_core.Signal<"bg-white border-slate-200 hover:border-blue-300 hover:shadow-blue-100/50" | "bg-slate-800 border-slate-700 hover:border-slate-600 hover:shadow-slate-900/50">;
5901
5902
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5902
- titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5903
+ titleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5903
5904
  descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5904
5905
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
5905
5906
  chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
@@ -6085,7 +6086,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
6085
6086
  isVisible: _angular_core.Signal<boolean>;
6086
6087
  tooltipType: _angular_core.Signal<string | null>;
6087
6088
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
6088
- tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
6089
+ tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
6089
6090
  targetRect: _angular_core.Signal<DOMRect | null>;
6090
6091
  mousePosition: _angular_core.Signal<{
6091
6092
  x: number;
@@ -6240,11 +6241,11 @@ declare class FocusAreaDetailCardComponent {
6240
6241
  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">;
6241
6242
  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">;
6242
6243
  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">;
6243
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6244
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6244
6245
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6245
6246
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
6246
6247
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6247
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6248
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6248
6249
  protected toggleExpanded(): void;
6249
6250
  protected toggleCompetitiveGap(): void;
6250
6251
  onExpandItem(event: Event): void;
@@ -6320,11 +6321,11 @@ declare class CompetitorAnalysisCardComponent {
6320
6321
  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">;
6321
6322
  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">;
6322
6323
  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">;
6323
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6324
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6324
6325
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6325
6326
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
6326
6327
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6327
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6328
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6328
6329
  protected toggleExpanded(): void;
6329
6330
  protected navigateToItem(item: ProfileItemInterface): void;
6330
6331
  onExpandItem(event: Event): void;