@eric-emg/symphiq-components 1.3.57 → 1.3.58

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 (6) hide show
  1. package/fesm2022/symphiq-components.mjs +321 -253
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles.css +3 -10
  5. package/types/symphiq-components.d.ts +95 -91
  6. package/types/symphiq-components.d.ts.map +1 -1
package/types/symphiq-components.d.ts CHANGED
@@ -1137,7 +1137,7 @@ declare class ModalComponent {
1137
1137
  private animatedTrendValues;
1138
1138
  private animationFrames;
1139
1139
  isOpen: _angular_core.Signal<boolean>;
1140
- 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>;
1140
+ 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>;
1141
1141
  charts: _angular_core.Signal<AiChartInterface[]>;
1142
1142
  modalKey: _angular_core.Signal<number>;
1143
1143
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1156,7 +1156,7 @@ declare class ModalComponent {
1156
1156
  description: string;
1157
1157
  icon: string;
1158
1158
  } | null>;
1159
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1159
+ metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1160
1160
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1161
1161
  metricsListInsightContext: _angular_core.Signal<{
1162
1162
  title: string;
@@ -1164,7 +1164,7 @@ declare class ModalComponent {
1164
1164
  businessContext: string;
1165
1165
  priority: number;
1166
1166
  } | null>;
1167
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1167
+ chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1168
1168
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1169
1169
  chartsListInsightContext: _angular_core.Signal<{
1170
1170
  title: string;
@@ -1172,7 +1172,7 @@ declare class ModalComponent {
1172
1172
  businessContext: string;
1173
1173
  priority: number;
1174
1174
  } | null>;
1175
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1175
+ recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1176
1176
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1177
1177
  recommendationsListInsightContext: _angular_core.Signal<{
1178
1178
  title: string;
@@ -1180,7 +1180,7 @@ declare class ModalComponent {
1180
1180
  businessContext: string;
1181
1181
  priority: number;
1182
1182
  } | null>;
1183
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1183
+ competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1184
1184
  competitiveAnalysisContext: _angular_core.Signal<{
1185
1185
  title: string;
1186
1186
  description: string;
@@ -1478,7 +1478,7 @@ declare class ViewModeSwitcherModalComponent {
1478
1478
  protected modalClasses: _angular_core.Signal<"bg-slate-800/95 border border-slate-700/50" | "bg-white/95 border border-slate-200">;
1479
1479
  protected headerClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700/50">;
1480
1480
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
1481
- protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1481
+ protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1482
1482
  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">;
1483
1483
  protected contentClasses: _angular_core.Signal<"bg-slate-800/50" | "bg-slate-50/50">;
1484
1484
  protected badgeClasses: _angular_core.Signal<"bg-amber-100 text-amber-700 border border-amber-200" | "bg-amber-500/20 text-amber-400 border border-amber-500/30">;
@@ -1596,7 +1596,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1596
1596
  private chartsById;
1597
1597
  headerClass: _angular_core.Signal<string>;
1598
1598
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1599
- headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1599
+ headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1600
1600
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1601
1601
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1602
1602
  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">;
@@ -1736,7 +1736,7 @@ declare class MetricCardComponent {
1736
1736
  glowClass: _angular_core.Signal<"" | "shadow-emerald-500/50 shadow-lg animate-pulse-glow">;
1737
1737
  deltaValue: _angular_core.Signal<number>;
1738
1738
  deltaPercent: _angular_core.Signal<number>;
1739
- deltaClass: _angular_core.Signal<"text-slate-400" | "text-emerald-400" | "text-red-400">;
1739
+ deltaClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-slate-400">;
1740
1740
  openInsightModal(insight: InsightBlockInterface): void;
1741
1741
  openInsightsModal(): void;
1742
1742
  openChartModal(chart: AiChartInterface): void;
@@ -1769,7 +1769,7 @@ declare class MetricCardComponent {
1769
1769
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1770
1770
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1771
1771
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1772
- competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1772
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1773
1773
  competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1774
1774
  competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1775
1775
  getCompetitiveScoreIcon(): string;
@@ -1821,9 +1821,9 @@ declare class InsightCardComponent {
1821
1821
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1822
1822
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1823
1823
  recommendationsContainerClass: _angular_core.Signal<string>;
1824
- priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60">;
1825
- priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
1826
- priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
1824
+ priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60">;
1825
+ priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
1826
+ priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
1827
1827
  containerLightClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50">;
1828
1828
  containerDarkClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
1829
1829
  containerClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
@@ -2044,10 +2044,10 @@ declare class OverallAssessmentComponent {
2044
2044
  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">;
2045
2045
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
2046
2046
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
2047
- trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
2047
+ trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
2048
2048
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
2049
2049
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
2050
- trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
2050
+ trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
2051
2051
  formattedRevenueTrend: _angular_core.Signal<string>;
2052
2052
  formattedRevenueTarget: _angular_core.Signal<string>;
2053
2053
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2349,12 +2349,12 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2349
2349
  private computeMetricTooltip;
2350
2350
  formattedRevenueValue: _angular_core.Signal<string>;
2351
2351
  formattedRevenueTrend: _angular_core.Signal<string>;
2352
- revenueStatusIcon: _angular_core.Signal<"↑" | "•" | "→" | "⚠">;
2352
+ revenueStatusIcon: _angular_core.Signal<"↑" | "→" | "⚠" | "•">;
2353
2353
  hasCompetitiveData: _angular_core.Signal<boolean>;
2354
2354
  hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
2355
2355
  overallCompetitiveDescription: _angular_core.Signal<string>;
2356
2356
  overallCompetitiveLabel: _angular_core.Signal<_jebgem_model.CompetitiveScoreEnum | "N/A">;
2357
- overallCompetitiveIcon: _angular_core.Signal<"↑" | "↔" | "↓" | "•">;
2357
+ overallCompetitiveIcon: _angular_core.Signal<"↑" | "•" | "↔" | "↓">;
2358
2358
  competitiveScore: _angular_core.Signal<string>;
2359
2359
  gradeTooltip: _angular_core.Signal<{
2360
2360
  title: string;
@@ -2391,7 +2391,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2391
2391
  competitiveTooltip: _angular_core.Signal<{
2392
2392
  industry: string;
2393
2393
  metricBenchmark: string;
2394
- competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2394
+ competitiveScore: "LAGGING" | "LEADING" | "COMPETITIVE";
2395
2395
  description: string;
2396
2396
  keyOpportunities: string;
2397
2397
  }>;
@@ -2486,11 +2486,11 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
2486
2486
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">;
2487
2487
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2488
2488
  protected highlightBoxClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50 border-blue-300">;
2489
- protected highlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
2490
- protected highlightTitleClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
2489
+ protected highlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2490
+ protected highlightTitleClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
2491
2491
  protected highlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2492
2492
  protected nextStepsBoxClasses: _angular_core.Signal<"bg-amber-500/10 border-amber-500/30" | "bg-amber-50 border-amber-200">;
2493
- protected nextStepsIconClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
2493
+ protected nextStepsIconClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
2494
2494
  protected nextStepsTitleClasses: _angular_core.Signal<"text-amber-400" | "text-amber-700">;
2495
2495
  protected nextStepsTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2496
2496
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqWelcomeDashboardComponent, never>;
@@ -2607,7 +2607,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2607
2607
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2608
2608
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2609
2609
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2610
- protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2610
+ protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2611
2611
  protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2612
2612
  protected inputClasses(fieldName: string): string;
2613
2613
  protected urlPrefixClasses: _angular_core.Signal<"bg-slate-100 text-slate-600 border-slate-300" | "bg-slate-600 text-slate-300 border-slate-600">;
@@ -2616,27 +2616,27 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2616
2616
  protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
2617
2617
  protected radioLabelClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2618
2618
  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">;
2619
- protected checkboxLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2619
+ protected checkboxLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2620
2620
  protected errorClasses: _angular_core.Signal<string>;
2621
- protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2621
+ protected viewLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2622
2622
  protected viewValueClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2623
2623
  protected viewLinkClasses: _angular_core.Signal<"text-blue-600 hover:text-blue-700" | "text-blue-400 hover:text-blue-300">;
2624
- protected editButtonClasses: _angular_core.Signal<"bg-blue-500 text-white hover:bg-blue-600" | "bg-blue-600 text-white hover:bg-blue-700">;
2624
+ protected editButtonClasses: _angular_core.Signal<"bg-blue-600 text-white hover:bg-blue-700" | "bg-blue-500 text-white hover:bg-blue-600">;
2625
2625
  protected stickyButtonContainerClasses: _angular_core.Signal<"bg-white/90 border-slate-200" | "bg-slate-900/90 border-slate-700">;
2626
- 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">;
2627
- 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">;
2628
- protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2629
- protected focusAreaProgressCountClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400">;
2626
+ protected cancelButtonClasses: _angular_core.Signal<"bg-slate-200 text-slate-700 hover:bg-slate-300" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
2627
+ protected continueButtonClasses: _angular_core.Signal<"bg-slate-300 text-slate-500" | "bg-slate-700 text-slate-500" | "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">;
2628
+ protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2629
+ protected focusAreaProgressCountClasses: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-blue-400" | "text-blue-600">;
2630
2630
  protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
2631
- 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">;
2632
- 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">;
2631
+ protected focusAreaProgressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-emerald-400 to-teal-400" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-blue-400 to-cyan-400">;
2632
+ protected progressBadgeClasses: _angular_core.Signal<"bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-700">;
2633
2633
  protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
2634
2634
  protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2635
2635
  protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2636
2636
  protected focusAreaViewTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2637
- protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2637
+ protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2638
2638
  protected statusBadgeClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2639
- protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2639
+ protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2640
2640
  protected toolChipViewClasses: _angular_core.Signal<"bg-white text-emerald-700 border border-emerald-200" | "bg-slate-800 text-emerald-300 border border-emerald-700">;
2641
2641
  protected validationMessageClasses: _angular_core.Signal<"bg-orange-50 text-orange-700 border border-orange-200" | "bg-orange-900/30 text-orange-400 border border-orange-700">;
2642
2642
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqCreateAccountDashboardComponent, never>;
@@ -2671,9 +2671,9 @@ declare class FocusAreaQuestionComponent {
2671
2671
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2672
2672
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2673
2673
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2674
- protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2675
- 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">;
2676
- protected radioDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2674
+ protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2675
+ protected notAnsweredBadgeClasses: _angular_core.Signal<"bg-orange-900/30 text-orange-400 border border-orange-700" | "bg-orange-100 text-orange-700 border border-orange-200">;
2676
+ protected radioDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2677
2677
  protected toolsLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2678
2678
  protected toolsButtonClasses: _angular_core.Signal<"bg-red-50 border-red-300 hover:border-red-400 hover:bg-red-100 text-slate-900" | "bg-red-900/20 border-red-700 hover:border-red-600 hover:bg-red-900/30 text-white" | "bg-white border-slate-300 hover:border-blue-400 hover:bg-blue-50 text-slate-900" | "bg-slate-700 border-slate-600 hover:border-blue-400 hover:bg-slate-600 text-white">;
2679
2679
  protected toolChipClasses: _angular_core.Signal<"bg-blue-100 text-blue-700 border border-blue-200" | "bg-blue-900/30 text-blue-300 border border-blue-700">;
@@ -2712,7 +2712,7 @@ declare class FocusAreaToolsModalComponent {
2712
2712
  protected checkboxLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2713
2713
  protected textareaClasses: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400 border-slate-300 focus:border-blue-500 focus:ring-blue-500" | "bg-slate-700 text-white placeholder-slate-500 border-slate-600 focus:border-blue-400 focus:ring-blue-400">;
2714
2714
  protected footerClasses: _angular_core.Signal<"bg-gradient-to-r from-slate-50 to-white border-slate-200" | "bg-gradient-to-r from-slate-900 to-slate-800 border-slate-700">;
2715
- 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">;
2715
+ protected cancelButtonClasses: _angular_core.Signal<"bg-slate-200 text-slate-700 hover:bg-slate-300" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
2716
2716
  protected saveButtonClasses: _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">;
2717
2717
  constructor();
2718
2718
  onEscapeKey(): void;
@@ -3449,7 +3449,7 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
3449
3449
  baseZIndex: _angular_core.Signal<number>;
3450
3450
  backdropZIndex: _angular_core.Signal<number>;
3451
3451
  contentZIndex: _angular_core.Signal<number>;
3452
- visualizationType: _angular_core.Signal<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
3452
+ visualizationType: _angular_core.Signal<"custom" | "horizontal-bar" | "circular-progress" | "napkin-visual" | null>;
3453
3453
  horizontalBarData: _angular_core.Signal<{
3454
3454
  percentage: number;
3455
3455
  label: string;
@@ -4183,11 +4183,11 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
4183
4183
  getProgressBarContainerClasses(): string;
4184
4184
  getCardFooterClasses(): string;
4185
4185
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4186
- protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
4186
+ protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-100 text-purple-600" | "bg-purple-500/20 text-purple-400">;
4187
4187
  protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4188
4188
  protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4189
- protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
4190
- protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4189
+ protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-50/50 border-blue-300" | "bg-blue-500/10 border-blue-500/30">;
4190
+ protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4191
4191
  protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4192
4192
  protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4193
4193
  protected statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
@@ -4395,7 +4395,7 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
4395
4395
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4396
4396
  protected sectionCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4397
4397
  protected sectionIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-50 text-blue-600">;
4398
- protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4398
+ protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4399
4399
  private formatGradeInText;
4400
4400
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, never>;
4401
4401
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, "symphiq-profile-analysis-focus-area-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "isMarkingAsReviewed": { "alias": "isMarkingAsReviewed"; "required": false; "isSignal": true; }; }, { "nextStepClick": "nextStepClick"; "markAsReviewedClick": "markAsReviewedClick"; }, never, never, true, never>;
@@ -4421,6 +4421,14 @@ interface TimelineDataInterface {
4421
4421
  phase12Month?: TimelinePhaseInterface;
4422
4422
  }
4423
4423
 
4424
+ interface NextStepItem {
4425
+ title: string;
4426
+ description: string;
4427
+ strategies: StrategyV3Interface[];
4428
+ linkedGoalId?: string;
4429
+ relatedDomains?: FocusAreaDomainEnum[];
4430
+ }
4431
+
4424
4432
  interface SourceAnalysisRequestEvent {
4425
4433
  analysisType?: ProfileAnalysisTypeEnum;
4426
4434
  analysisId?: number;
@@ -4506,11 +4514,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4506
4514
  fillIns: UnifiedGoalInterface[];
4507
4515
  thankless: UnifiedGoalInterface[];
4508
4516
  }>;
4509
- protected nextSteps: _angular_core.Signal<{
4510
- title: string;
4511
- description: string;
4512
- strategies: StrategyV3Interface[];
4513
- }[]>;
4517
+ protected nextSteps: _angular_core.Signal<NextStepItem[]>;
4514
4518
  protected shouldShowReviewFooter: _angular_core.Signal<boolean>;
4515
4519
  protected welcomeBannerClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white" | "bg-gradient-to-r from-blue-900/80 via-cyan-900/80 to-teal-900/80 text-white border border-blue-700/50">;
4516
4520
  protected welcomeIconClasses: _angular_core.Signal<"bg-white/20 text-white" | "bg-white/10 text-white">;
@@ -4523,7 +4527,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4523
4527
  protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4524
4528
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/50 border border-slate-700">;
4525
4529
  protected goalTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4526
- protected goalDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4530
+ protected goalDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4527
4531
  protected timeframeBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
4528
4532
  protected cardBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4529
4533
  protected moreBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-400">;
@@ -4531,11 +4535,11 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4531
4535
  protected timelineContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4532
4536
  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">;
4533
4537
  protected timelineItemTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4534
- protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4538
+ protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4535
4539
  protected objectivesLabelClasses: _angular_core.Signal<string>;
4536
4540
  protected objectiveItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4537
4541
  protected moreObjectivesClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4538
- protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4542
+ protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4539
4543
  protected matrixContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4540
4544
  protected matrixAxisLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4541
4545
  protected quadrantTitleClasses: _angular_core.Signal<"text-white" | "text-slate-800">;
@@ -4544,7 +4548,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4544
4548
  protected moreGoalsClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4545
4549
  protected emptyQuadrantClasses: _angular_core.Signal<"text-slate-400 italic" | "text-slate-500 italic">;
4546
4550
  protected stepTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4547
- protected stepDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
4551
+ protected stepDescriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
4548
4552
  protected stepBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4549
4553
  protected strategiesLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4550
4554
  protected strategyItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
@@ -4977,10 +4981,10 @@ declare class FocusAreaExecutiveSummaryComponent {
4977
4981
  protected topPrioritiesStatLabelClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4978
4982
  protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
4979
4983
  protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4980
- 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">;
4981
- protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4982
- protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
4983
- protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4984
+ protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50" | "bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10">;
4985
+ protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4986
+ protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-900" | "text-blue-100">;
4987
+ protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4984
4988
  protected onTopPrioritiesClick(): void;
4985
4989
  protected onPriorityDetailClick(event: {
4986
4990
  priority: FocusAreaTopPriorityInterface;
@@ -5019,35 +5023,35 @@ declare class MetricExecutiveSummaryComponent {
5019
5023
  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">;
5020
5024
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5021
5025
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5022
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5026
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5023
5027
  protected healthBadgeClasses: _angular_core.Signal<string>;
5024
5028
  protected pacingBadgeClasses: _angular_core.Signal<string>;
5025
5029
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5026
- protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5030
+ protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5027
5031
  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">;
5028
5032
  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">;
5029
- protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5033
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5030
5034
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5031
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
5035
+ protected yoyChangeClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-slate-400" | "text-emerald-600" | "text-slate-600" | "text-red-600">;
5032
5036
  protected getYoyIcon(): string;
5033
5037
  protected getPacingValueClasses(): string;
5034
5038
  protected getHealthValueClasses(): string;
5035
5039
  protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5036
5040
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
5037
5041
  protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
5038
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5042
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5039
5043
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5040
5044
  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">;
5041
5045
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
5042
5046
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5043
5047
  protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5044
5048
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
5045
- protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5046
- protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5049
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5050
+ protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5047
5051
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5048
5052
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
5049
5053
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5050
- protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5054
+ protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5051
5055
  protected formatMetricName(name: string): string;
5052
5056
  protected formatNumber(value: string | number | undefined): string;
5053
5057
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricExecutiveSummaryComponent, never>;
@@ -5391,7 +5395,7 @@ declare class FocusAreaStatusCardComponent {
5391
5395
  protected generatingMessage: _angular_core.Signal<"Generating Profile Questions..." | "Generating Analysis..." | "Generating...">;
5392
5396
  protected hasAnalysis: _angular_core.Signal<boolean>;
5393
5397
  protected hasProfile: _angular_core.Signal<boolean>;
5394
- protected profileCompletionPercentage: _angular_core.Signal<0 | 100 | 50>;
5398
+ protected profileCompletionPercentage: _angular_core.Signal<50 | 100 | 0>;
5395
5399
  protected isProfileComplete: _angular_core.Signal<boolean>;
5396
5400
  protected handleCardClick(): void;
5397
5401
  protected cardClasses(): string;
@@ -5566,21 +5570,21 @@ declare class SearchModalComponent {
5566
5570
  containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
5567
5571
  inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
5568
5572
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5569
- clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
5573
+ clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
5570
5574
  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">;
5571
5575
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5572
5576
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5573
- resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5577
+ resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5574
5578
  breadcrumbClass: _angular_core.Signal<string>;
5575
5579
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
5576
5580
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5577
5581
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5578
- emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
5582
+ emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
5579
5583
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5580
- emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5581
- shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
5584
+ emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5585
+ shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
5582
5586
  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">;
5583
- shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5587
+ shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5584
5588
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
5585
5589
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchModalComponent, "symphiq-search-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "results": { "alias": "results"; "required": false; "isSignal": true; }; "hasResults": { "alias": "hasResults"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "resultSelected": "resultSelected"; "close": "close"; }, never, never, true, never>;
5586
5590
  }
@@ -5636,7 +5640,7 @@ declare class GradeBadgeComponent {
5636
5640
  gradeRationale: _angular_core.InputSignal<string>;
5637
5641
  label: _angular_core.InputSignal<string>;
5638
5642
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5639
- tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
5643
+ tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
5640
5644
  isLightMode: _angular_core.Signal<boolean>;
5641
5645
  formattedGrade: _angular_core.Signal<string>;
5642
5646
  shouldPulse: _angular_core.Signal<boolean>;
@@ -5646,7 +5650,7 @@ declare class GradeBadgeComponent {
5646
5650
  explanation: string;
5647
5651
  }>;
5648
5652
  private formatGrade;
5649
- badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5653
+ badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5650
5654
  gradeBadgeClass: _angular_core.Signal<string>;
5651
5655
  private getGradeBadgeClassLight;
5652
5656
  private getGradeBadgeClassDark;
@@ -5744,26 +5748,26 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5744
5748
  protected cardContainerClasses: _angular_core.Signal<"border-2 shadow-2xl bg-slate-800/60 border-slate-700/50 backdrop-blur-xl" | "border-2 shadow-2xl bg-white/90 border-slate-200/50 backdrop-blur-xl shadow-slate-200/50">;
5745
5749
  protected backgroundOverlayClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 via-teal-500/20 to-emerald-500/30" | "bg-gradient-to-br from-emerald-400/20 via-teal-400/10 to-emerald-400/20" | "bg-gradient-to-br from-blue-500/30 via-cyan-500/20 to-blue-500/30" | "bg-gradient-to-br from-blue-400/20 via-cyan-400/10 to-blue-400/20" | "bg-gradient-to-br from-orange-500/30 via-amber-500/20 to-orange-500/30" | "bg-gradient-to-br from-orange-400/20 via-amber-400/10 to-orange-400/20" | "bg-gradient-to-br from-red-500/30 via-rose-500/20 to-red-500/30" | "bg-gradient-to-br from-red-400/20 via-rose-400/10 to-red-400/20">;
5746
5750
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
5747
- protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5751
+ protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5748
5752
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5749
- protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-red-500" | "bg-orange-500">;
5753
+ protected glowEffectClasses: _angular_core.Signal<"bg-red-500" | "bg-blue-500" | "bg-emerald-500" | "bg-orange-500">;
5750
5754
  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)]">;
5751
- 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">;
5755
+ 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">;
5752
5756
  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">;
5753
5757
  protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5754
5758
  protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5755
- 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">;
5759
+ protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-blue-400" | "text-orange-600" | "text-blue-600" | "text-red-600" | "text-orange-400">;
5756
5760
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
5757
5761
  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">;
5758
5762
  protected shimmerClasses: _angular_core.Signal<string>;
5759
5763
  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">;
5760
5764
  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">;
5761
5765
  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">;
5762
- protected nextStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "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-500/20 text-red-400">;
5766
+ protected nextStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-100 text-blue-700" | "bg-emerald-500/20 text-emerald-400" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
5763
5767
  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">;
5764
- protected currentStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "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-500/20 text-red-400">;
5768
+ protected currentStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-100 text-blue-700" | "bg-emerald-500/20 text-emerald-400" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
5765
5769
  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">;
5766
- 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">;
5770
+ protected nextDashboardBadgeClasses: _angular_core.Signal<"bg-blue-50 text-blue-600" | "bg-emerald-500/10 text-emerald-500" | "bg-emerald-50 text-emerald-600" | "bg-blue-500/10 text-blue-500" | "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">;
5767
5771
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
5768
5772
  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; }; "targets": { "alias": "targets"; "required": false; "isSignal": true; }; "isCurrentStepComplete": { "alias": "isCurrentStepComplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5769
5773
  }
@@ -5784,7 +5788,7 @@ declare class RelatedContentSidebarComponent {
5784
5788
  protected funnelInsightsCount: _angular_core.Signal<number>;
5785
5789
  protected funnelMetricsCount: _angular_core.Signal<number>;
5786
5790
  protected businessInsightsCount: _angular_core.Signal<number>;
5787
- protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5791
+ protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5788
5792
  protected onFunnelInsightsClick(): void;
5789
5793
  protected onFunnelMetricsClick(): void;
5790
5794
  protected onBusinessInsightsClick(): void;
@@ -5806,7 +5810,7 @@ declare class ContentGenerationProgressComponent {
5806
5810
  protected containerClasses: _angular_core.Signal<string>;
5807
5811
  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">;
5808
5812
  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">;
5809
- protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5813
+ protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5810
5814
  protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5811
5815
  protected progressBarContainerClasses: _angular_core.Signal<string>;
5812
5816
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
@@ -5814,7 +5818,7 @@ declare class ContentGenerationProgressComponent {
5814
5818
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
5815
5819
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
5816
5820
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
5817
- protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5821
+ protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5818
5822
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
5819
5823
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentGenerationProgressComponent, "symphiq-content-generation-progress", never, { "itemStatus": { "alias": "itemStatus"; "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; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "compactTitle": { "alias": "compactTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5820
5824
  }
@@ -5841,7 +5845,7 @@ declare class IndeterminateSpinnerComponent {
5841
5845
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5842
5846
  size: _angular_core.InputSignal<SpinnerSize>;
5843
5847
  color: _angular_core.InputSignal<string | undefined>;
5844
- svgSize: _angular_core.Signal<40 | 80 | 60>;
5848
+ svgSize: _angular_core.Signal<80 | 60 | 40>;
5845
5849
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5846
5850
  svgCircleRadius: _angular_core.Signal<number>;
5847
5851
  strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
@@ -5907,7 +5911,7 @@ declare class ChartContainerComponent {
5907
5911
  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">;
5908
5912
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5909
5913
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5910
- descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5914
+ descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5911
5915
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
5912
5916
  chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
5913
5917
  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">;
@@ -5973,7 +5977,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
5973
5977
  showAxisLabels: _angular_core.InputSignal<boolean>;
5974
5978
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5975
5979
  currencySymbol: _angular_core.InputSignal<string>;
5976
- chartHeight: _angular_core.Signal<"500px" | "175px">;
5980
+ chartHeight: _angular_core.Signal<"175px" | "500px">;
5977
5981
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
5978
5982
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
5979
5983
  chartHash: _angular_core.Signal<string>;
@@ -6010,7 +6014,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
6010
6014
  showAxisLabels: _angular_core.InputSignal<boolean>;
6011
6015
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
6012
6016
  currencySymbol: _angular_core.InputSignal<string>;
6013
- chartHeight: _angular_core.Signal<"500px" | "200px">;
6017
+ chartHeight: _angular_core.Signal<"200px" | "500px">;
6014
6018
  chartHash: _angular_core.Signal<string>;
6015
6019
  chartDiv: ElementRef;
6016
6020
  private root?;
@@ -6092,7 +6096,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
6092
6096
  isVisible: _angular_core.Signal<boolean>;
6093
6097
  tooltipType: _angular_core.Signal<string | null>;
6094
6098
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
6095
- tooltipPosition: _angular_core.Signal<"auto" | "top" | "bottom" | "left" | "right">;
6099
+ tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
6096
6100
  targetRect: _angular_core.Signal<DOMRect | null>;
6097
6101
  mousePosition: _angular_core.Signal<{
6098
6102
  x: number;
@@ -6247,11 +6251,11 @@ declare class FocusAreaDetailCardComponent {
6247
6251
  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">;
6248
6252
  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">;
6249
6253
  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">;
6250
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6254
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6251
6255
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6252
6256
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
6253
6257
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6254
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6258
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6255
6259
  protected toggleExpanded(): void;
6256
6260
  protected toggleCompetitiveGap(): void;
6257
6261
  onExpandItem(event: Event): void;
@@ -6327,11 +6331,11 @@ declare class CompetitorAnalysisCardComponent {
6327
6331
  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">;
6328
6332
  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">;
6329
6333
  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">;
6330
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6334
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6331
6335
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6332
6336
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
6333
6337
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6334
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6338
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6335
6339
  protected toggleExpanded(): void;
6336
6340
  protected navigateToItem(item: ProfileItemInterface): void;
6337
6341
  onExpandItem(event: Event): void;
@@ -6351,7 +6355,7 @@ declare class OpportunityHighlightBannerComponent {
6351
6355
  protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
6352
6356
  protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
6353
6357
  protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
6354
- protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
6358
+ protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
6355
6359
  handleClick(event: Event): void;
6356
6360
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
6357
6361
  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>;