@eric-emg/symphiq-components 1.2.413 → 1.2.414

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 +4 -5
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +50 -50
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -1060,7 +1060,7 @@ declare class ModalComponent {
1060
1060
  private animatedTrendValues;
1061
1061
  private animationFrames;
1062
1062
  isOpen: _angular_core.Signal<boolean>;
1063
- 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>;
1063
+ 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>;
1064
1064
  charts: _angular_core.Signal<AiChartInterface[]>;
1065
1065
  modalKey: _angular_core.Signal<number>;
1066
1066
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1079,7 +1079,7 @@ declare class ModalComponent {
1079
1079
  description: string;
1080
1080
  icon: string;
1081
1081
  } | null>;
1082
- metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1082
+ metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1083
1083
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1084
1084
  metricsListInsightContext: _angular_core.Signal<{
1085
1085
  title: string;
@@ -1087,7 +1087,7 @@ declare class ModalComponent {
1087
1087
  businessContext: string;
1088
1088
  priority: number;
1089
1089
  } | null>;
1090
- chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1090
+ chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1091
1091
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1092
1092
  chartsListInsightContext: _angular_core.Signal<{
1093
1093
  title: string;
@@ -1095,7 +1095,7 @@ declare class ModalComponent {
1095
1095
  businessContext: string;
1096
1096
  priority: number;
1097
1097
  } | null>;
1098
- recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1098
+ recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1099
1099
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1100
1100
  recommendationsListInsightContext: _angular_core.Signal<{
1101
1101
  title: string;
@@ -1103,7 +1103,7 @@ declare class ModalComponent {
1103
1103
  businessContext: string;
1104
1104
  priority: number;
1105
1105
  } | null>;
1106
- competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1106
+ competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1107
1107
  competitiveAnalysisContext: _angular_core.Signal<{
1108
1108
  title: string;
1109
1109
  description: string;
@@ -1456,7 +1456,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1456
1456
  private chartsById;
1457
1457
  headerClass: _angular_core.Signal<string>;
1458
1458
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1459
- headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1459
+ headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1460
1460
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1461
1461
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1462
1462
  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,7 +1588,7 @@ declare class MetricCardComponent {
1588
1588
  glowClass: _angular_core.Signal<"" | "shadow-emerald-500/50 shadow-lg animate-pulse-glow">;
1589
1589
  deltaValue: _angular_core.Signal<number>;
1590
1590
  deltaPercent: _angular_core.Signal<number>;
1591
- deltaClass: _angular_core.Signal<"text-slate-400" | "text-emerald-400" | "text-red-400">;
1591
+ deltaClass: _angular_core.Signal<"text-emerald-400" | "text-slate-400" | "text-red-400">;
1592
1592
  openInsightModal(insight: InsightBlockInterface): void;
1593
1593
  openInsightsModal(): void;
1594
1594
  openChartModal(chart: AiChartInterface): void;
@@ -1621,9 +1621,9 @@ declare class MetricCardComponent {
1621
1621
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1622
1622
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1623
1623
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1624
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1625
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1626
- competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1624
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1625
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1626
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1627
1627
  getCompetitiveScoreIcon(): string;
1628
1628
  getCompetitiveScoreLabel(): string;
1629
1629
  getCompetitiveScoreLabelFull(): string;
@@ -1673,9 +1673,9 @@ declare class InsightCardComponent {
1673
1673
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1674
1674
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1675
1675
  recommendationsContainerClass: _angular_core.Signal<string>;
1676
- 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">;
1677
- 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">;
1678
- 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">;
1676
+ 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">;
1677
+ 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">;
1678
+ 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">;
1679
1679
  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">;
1680
1680
  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">;
1681
1681
  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">;
@@ -1864,10 +1864,10 @@ declare class OverallAssessmentComponent {
1864
1864
  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">;
1865
1865
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1866
1866
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1867
- trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1867
+ trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
1868
1868
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1869
1869
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1870
- trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1870
+ trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
1871
1871
  formattedRevenueTrend: _angular_core.Signal<string>;
1872
1872
  formattedRevenueTarget: _angular_core.Signal<string>;
1873
1873
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2189,7 +2189,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2189
2189
  competitiveTooltip: _angular_core.Signal<{
2190
2190
  industry: string;
2191
2191
  metricBenchmark: string;
2192
- competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2192
+ competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
2193
2193
  description: string;
2194
2194
  keyOpportunities: string;
2195
2195
  }>;
@@ -3829,32 +3829,32 @@ declare class MetricExecutiveSummaryComponent {
3829
3829
  protected isDark: _angular_core.Signal<boolean>;
3830
3830
  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">;
3831
3831
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3832
- protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3832
+ protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3833
3833
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3834
3834
  protected healthBadgeClasses: _angular_core.Signal<string>;
3835
3835
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3836
3836
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3837
- protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3837
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3838
3838
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3839
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
3839
+ protected yoyChangeClasses: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-slate-400" | "text-slate-600" | "text-red-400" | "text-red-600">;
3840
3840
  protected getYoyIcon(): string;
3841
3841
  protected getPacingValueClasses(): string;
3842
3842
  protected getHealthValueClasses(): string;
3843
3843
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
3844
3844
  protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
3845
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3845
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3846
3846
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3847
3847
  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">;
3848
3848
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3849
3849
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3850
- protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3850
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3851
3851
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
3852
3852
  protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3853
- protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3853
+ protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3854
3854
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3855
3855
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3856
3856
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3857
- protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3857
+ protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3858
3858
  protected getEffortBadgeClasses(effort: string | undefined): string;
3859
3859
  protected getImpactBadgeClasses(impact: string | undefined): string;
3860
3860
  protected formatMetricName(name: string): string;
@@ -4185,21 +4185,21 @@ declare class SearchModalComponent {
4185
4185
  containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
4186
4186
  inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
4187
4187
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4188
- clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
4188
+ clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
4189
4189
  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">;
4190
4190
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4191
4191
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
4192
- resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4192
+ resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4193
4193
  breadcrumbClass: _angular_core.Signal<string>;
4194
- typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
4194
+ typeBadgeClass: _angular_core.Signal<"bg-slate-700 text-slate-300" | "bg-slate-100 text-slate-600">;
4195
4195
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4196
4196
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4197
- emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
4197
+ emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
4198
4198
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
4199
- emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4200
- shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
4199
+ emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4200
+ shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
4201
4201
  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">;
4202
- shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4202
+ shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4203
4203
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
4204
4204
  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>;
4205
4205
  }
@@ -4209,7 +4209,7 @@ declare class GradeBadgeComponent {
4209
4209
  gradeRationale: _angular_core.InputSignal<string>;
4210
4210
  label: _angular_core.InputSignal<string>;
4211
4211
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4212
- tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
4212
+ tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
4213
4213
  isLightMode: _angular_core.Signal<boolean>;
4214
4214
  formattedGrade: _angular_core.Signal<string>;
4215
4215
  shouldPulse: _angular_core.Signal<boolean>;
@@ -4219,7 +4219,7 @@ declare class GradeBadgeComponent {
4219
4219
  explanation: string;
4220
4220
  }>;
4221
4221
  private formatGrade;
4222
- badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4222
+ badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4223
4223
  gradeBadgeClass: _angular_core.Signal<string>;
4224
4224
  private getGradeBadgeClassLight;
4225
4225
  private getGradeBadgeClassDark;
@@ -4294,15 +4294,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
4294
4294
  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">;
4295
4295
  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">;
4296
4296
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
4297
- protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4297
+ protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4298
4298
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
4299
4299
  protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
4300
4300
  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)]">;
4301
- 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">;
4301
+ protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
4302
4302
  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">;
4303
- protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4304
- protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4305
- 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">;
4303
+ protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4304
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4305
+ protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600" | "text-orange-600" | "text-orange-400">;
4306
4306
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
4307
4307
  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">;
4308
4308
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -4324,13 +4324,13 @@ declare class RelatedContentSidebarComponent {
4324
4324
  protected funnelInsightsCount: _angular_core.Signal<number>;
4325
4325
  protected funnelMetricsCount: _angular_core.Signal<number>;
4326
4326
  protected businessInsightsCount: _angular_core.Signal<number>;
4327
- protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4327
+ protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4328
4328
  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">;
4329
4329
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
4330
4330
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4331
4331
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4332
- protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4333
- protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
4332
+ protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4333
+ protected chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
4334
4334
  protected onFunnelInsightsClick(): void;
4335
4335
  protected onFunnelMetricsClick(): void;
4336
4336
  protected onBusinessInsightsClick(): void;
@@ -4350,15 +4350,15 @@ declare class ContentGenerationProgressComponent {
4350
4350
  protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-50 to-white" | "bg-gradient-to-br from-slate-900 to-slate-800">;
4351
4351
  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">;
4352
4352
  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">;
4353
- protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4354
- protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4353
+ protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4354
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4355
4355
  protected progressBarContainerClasses: _angular_core.Signal<string>;
4356
4356
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4357
4357
  protected progressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600 shadow-lg shadow-blue-500/40" | "bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-500 shadow-lg shadow-blue-400/40">;
4358
4358
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
4359
4359
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
4360
4360
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
4361
- protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4361
+ protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4362
4362
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
4363
4363
  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; }; }, {}, never, never, true, never>;
4364
4364
  }
@@ -4451,9 +4451,9 @@ declare class ChartContainerComponent {
4451
4451
  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">;
4452
4452
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4453
4453
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
4454
- descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4454
+ descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4455
4455
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
4456
- chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
4456
+ chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
4457
4457
  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">;
4458
4458
  closeButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700/50 text-slate-400 hover:bg-slate-600/50">;
4459
4459
  isCollapsible: _angular_core.Signal<boolean>;
@@ -4517,7 +4517,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
4517
4517
  showAxisLabels: _angular_core.InputSignal<boolean>;
4518
4518
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4519
4519
  currencySymbol: _angular_core.InputSignal<string>;
4520
- chartHeight: _angular_core.Signal<"500px" | "175px">;
4520
+ chartHeight: _angular_core.Signal<"175px" | "500px">;
4521
4521
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
4522
4522
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
4523
4523
  chartHash: _angular_core.Signal<string>;
@@ -4554,7 +4554,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
4554
4554
  showAxisLabels: _angular_core.InputSignal<boolean>;
4555
4555
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4556
4556
  currencySymbol: _angular_core.InputSignal<string>;
4557
- chartHeight: _angular_core.Signal<"500px" | "200px">;
4557
+ chartHeight: _angular_core.Signal<"200px" | "500px">;
4558
4558
  chartHash: _angular_core.Signal<string>;
4559
4559
  chartDiv: ElementRef;
4560
4560
  private root?;
@@ -4632,7 +4632,7 @@ declare class TooltipContainerComponent {
4632
4632
  isVisible: _angular_core.Signal<boolean>;
4633
4633
  tooltipType: _angular_core.Signal<string | null>;
4634
4634
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
4635
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
4635
+ tooltipPosition: _angular_core.Signal<"auto" | "top" | "left" | "right" | "bottom">;
4636
4636
  targetRect: _angular_core.Signal<DOMRect | null>;
4637
4637
  mousePosition: _angular_core.Signal<{
4638
4638
  x: number;
@@ -4657,7 +4657,7 @@ declare class TooltipContainerComponent {
4657
4657
  shouldCenter: _angular_core.Signal<boolean>;
4658
4658
  containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
4659
4659
  contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
4660
- textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
4660
+ textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
4661
4661
  viewMoreButtonClass: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-200 hover:border-blue-400 hover:text-blue-800 active:bg-blue-300" | "bg-blue-500/10 text-blue-400 border border-blue-500/20 hover:bg-blue-500/30 hover:border-blue-500/40 hover:text-blue-300 active:bg-blue-500/40">;
4662
4662
  transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
4663
4663
  constructor();
@@ -4889,7 +4889,7 @@ declare class OpportunityHighlightBannerComponent {
4889
4889
  protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
4890
4890
  protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
4891
4891
  protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
4892
- protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
4892
+ protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
4893
4893
  handleClick(event: Event): void;
4894
4894
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
4895
4895
  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>;