@eric-emg/symphiq-components 1.2.179 → 1.2.181

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 +101 -51
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +53 -53
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/styles.css +3 -0
package/index.d.ts CHANGED
@@ -1002,7 +1002,7 @@ declare class ModalComponent {
1002
1002
  private animatedTrendValues;
1003
1003
  private animationFrames;
1004
1004
  isOpen: _angular_core.Signal<boolean>;
1005
- modalType: _angular_core.Signal<"insight" | "metric" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | "business-insight-detail" | null>;
1005
+ 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>;
1006
1006
  charts: _angular_core.Signal<AiChartInterface[]>;
1007
1007
  modalKey: _angular_core.Signal<number>;
1008
1008
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1021,7 +1021,7 @@ declare class ModalComponent {
1021
1021
  description: string;
1022
1022
  icon: string;
1023
1023
  } | null>;
1024
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1024
+ metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1025
1025
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1026
1026
  metricsListInsightContext: _angular_core.Signal<{
1027
1027
  title: string;
@@ -1029,7 +1029,7 @@ declare class ModalComponent {
1029
1029
  businessContext: string;
1030
1030
  priority: number;
1031
1031
  } | null>;
1032
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1032
+ chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1033
1033
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1034
1034
  chartsListInsightContext: _angular_core.Signal<{
1035
1035
  title: string;
@@ -1037,7 +1037,7 @@ declare class ModalComponent {
1037
1037
  businessContext: string;
1038
1038
  priority: number;
1039
1039
  } | null>;
1040
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1040
+ recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1041
1041
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1042
1042
  recommendationsListInsightContext: _angular_core.Signal<{
1043
1043
  title: string;
@@ -1045,7 +1045,7 @@ declare class ModalComponent {
1045
1045
  businessContext: string;
1046
1046
  priority: number;
1047
1047
  } | null>;
1048
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1048
+ competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1049
1049
  competitiveAnalysisContext: _angular_core.Signal<{
1050
1050
  title: string;
1051
1051
  description: string;
@@ -1394,10 +1394,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1394
1394
  */
1395
1395
  private chartsById;
1396
1396
  headerClass: _angular_core.Signal<string>;
1397
- headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1397
+ headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1398
1398
  headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1399
1399
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1400
- sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1400
+ sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1401
1401
  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">;
1402
1402
  sortButtonClass: _angular_core.Signal<"bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200" | "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200">;
1403
1403
  formattedGeneratedDate: _angular_core.Signal<string | null>;
@@ -1560,9 +1560,9 @@ declare class MetricCardComponent {
1560
1560
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1561
1561
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1562
1562
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1563
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-700" | "text-blue-400" | "text-emerald-600" | "text-orange-600">;
1564
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1565
- competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1563
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1564
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1565
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1566
1566
  getCompetitiveScoreIcon(): string;
1567
1567
  getCompetitiveScoreLabel(): string;
1568
1568
  getCompetitiveScoreLabelFull(): string;
@@ -1612,9 +1612,9 @@ declare class InsightCardComponent {
1612
1612
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1613
1613
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1614
1614
  recommendationsContainerClass: _angular_core.Signal<string>;
1615
- 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">;
1616
- 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">;
1617
- 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">;
1615
+ 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">;
1616
+ 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">;
1617
+ 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">;
1618
1618
  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">;
1619
1619
  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">;
1620
1620
  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">;
@@ -1803,10 +1803,10 @@ declare class OverallAssessmentComponent {
1803
1803
  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">;
1804
1804
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1805
1805
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1806
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1806
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1807
1807
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1808
1808
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1809
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1809
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1810
1810
  formattedRevenueTrend: _angular_core.Signal<string>;
1811
1811
  formattedRevenueTarget: _angular_core.Signal<string>;
1812
1812
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2128,7 +2128,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2128
2128
  competitiveTooltip: _angular_core.Signal<{
2129
2129
  industry: string;
2130
2130
  metricBenchmark: string;
2131
- competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
2131
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2132
2132
  description: string;
2133
2133
  keyOpportunities: string;
2134
2134
  }>;
@@ -3301,29 +3301,29 @@ declare class MetricExecutiveSummaryComponent {
3301
3301
  protected isDark: _angular_core.Signal<boolean>;
3302
3302
  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">;
3303
3303
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3304
- protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3304
+ protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3305
3305
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3306
3306
  protected healthBadgeClasses: _angular_core.Signal<string>;
3307
3307
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3308
- protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3308
+ protected metricCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
3309
3309
  protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3310
3310
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3311
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
3311
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
3312
3312
  protected getYoyIcon(): string;
3313
3313
  protected getPacingValueClasses(): string;
3314
3314
  protected getHealthValueClasses(): string;
3315
3315
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
3316
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
3316
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
3317
3317
  protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3318
3318
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3319
3319
  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">;
3320
3320
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3321
3321
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3322
- protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3323
- protected impactBoxClasses: _angular_core.Signal<"bg-slate-50/50 border border-slate-200" | "bg-slate-800/30 border border-slate-700/30">;
3322
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3323
+ protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
3324
3324
  protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3325
3325
  protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3326
- protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3326
+ protected quickWinCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
3327
3327
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3328
3328
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3329
3329
  protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -3482,17 +3482,17 @@ declare class SearchModalComponent {
3482
3482
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3483
3483
  clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
3484
3484
  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">;
3485
- resultsContainerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
3486
- resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3485
+ resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3486
+ resultTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
3487
3487
  resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3488
3488
  breadcrumbClass: _angular_core.Signal<string>;
3489
3489
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
3490
3490
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3491
- emptyStateClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
3492
- emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
3493
- emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3491
+ emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3492
+ emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
3493
+ emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
3494
3494
  emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3495
- shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
3495
+ shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
3496
3496
  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">;
3497
3497
  shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3498
3498
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
@@ -3504,7 +3504,7 @@ declare class GradeBadgeComponent {
3504
3504
  gradeRationale: _angular_core.InputSignal<string>;
3505
3505
  label: _angular_core.InputSignal<string>;
3506
3506
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3507
- tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
3507
+ tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
3508
3508
  isLightMode: _angular_core.Signal<boolean>;
3509
3509
  formattedGrade: _angular_core.Signal<string>;
3510
3510
  shouldPulse: _angular_core.Signal<boolean>;
@@ -3591,13 +3591,13 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3591
3591
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
3592
3592
  protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3593
3593
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3594
- protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
3594
+ protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
3595
3595
  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)]">;
3596
- protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-blue-300" | "text-orange-700" | "text-red-300" | "text-emerald-300" | "text-orange-300">;
3596
+ 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">;
3597
3597
  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">;
3598
- protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3599
- protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3600
- protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-blue-400" | "text-blue-600" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
3598
+ protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3599
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3600
+ 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">;
3601
3601
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3602
3602
  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">;
3603
3603
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3623,7 +3623,7 @@ declare class RelatedContentSidebarComponent {
3623
3623
  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">;
3624
3624
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
3625
3625
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3626
- protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
3626
+ protected countClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
3627
3627
  protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3628
3628
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
3629
3629
  protected onFunnelInsightsClick(): void;
@@ -3646,9 +3646,9 @@ declare class ContentGenerationProgressComponent {
3646
3646
  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">;
3647
3647
  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">;
3648
3648
  protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3649
- protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3649
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3650
3650
  protected progressBarContainerClasses: _angular_core.Signal<string>;
3651
- protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
3651
+ protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
3652
3652
  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">;
3653
3653
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
3654
3654
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
@@ -3716,11 +3716,11 @@ declare class ChartContainerComponent {
3716
3716
  isExpanded: _angular_core.WritableSignal<boolean>;
3717
3717
  protected ChartTypeEnum: typeof ChartTypeEnum;
3718
3718
  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">;
3719
- headerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
3720
- titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3719
+ headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3720
+ titleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
3721
3721
  descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3722
3722
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
3723
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
3723
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
3724
3724
  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">;
3725
3725
  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">;
3726
3726
  isCollapsible: _angular_core.Signal<boolean>;
@@ -3738,7 +3738,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
3738
3738
  showAxisLabels: _angular_core.InputSignal<boolean>;
3739
3739
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3740
3740
  currencySymbol: _angular_core.InputSignal<string>;
3741
- chartHeight: _angular_core.Signal<"133px" | "500px">;
3741
+ chartHeight: _angular_core.Signal<"500px" | "133px">;
3742
3742
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3743
3743
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3744
3744
  chartHash: _angular_core.Signal<string>;
@@ -3782,7 +3782,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
3782
3782
  showAxisLabels: _angular_core.InputSignal<boolean>;
3783
3783
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3784
3784
  currencySymbol: _angular_core.InputSignal<string>;
3785
- chartHeight: _angular_core.Signal<"175px" | "500px">;
3785
+ chartHeight: _angular_core.Signal<"500px" | "175px">;
3786
3786
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3787
3787
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3788
3788
  chartHash: _angular_core.Signal<string>;
@@ -3819,7 +3819,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
3819
3819
  showAxisLabels: _angular_core.InputSignal<boolean>;
3820
3820
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3821
3821
  currencySymbol: _angular_core.InputSignal<string>;
3822
- chartHeight: _angular_core.Signal<"200px" | "500px">;
3822
+ chartHeight: _angular_core.Signal<"500px" | "200px">;
3823
3823
  chartHash: _angular_core.Signal<string>;
3824
3824
  chartDiv: ElementRef;
3825
3825
  private root?;
@@ -3855,7 +3855,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
3855
3855
  showAxisLabels: _angular_core.InputSignal<boolean>;
3856
3856
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3857
3857
  currencySymbol: _angular_core.InputSignal<string>;
3858
- chartHeight: _angular_core.Signal<"133px" | "500px">;
3858
+ chartHeight: _angular_core.Signal<"500px" | "133px">;
3859
3859
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3860
3860
  chartHash: _angular_core.Signal<string>;
3861
3861
  chartDiv: ElementRef;
@@ -3896,7 +3896,7 @@ declare class TooltipContainerComponent {
3896
3896
  isVisible: _angular_core.Signal<boolean>;
3897
3897
  tooltipType: _angular_core.Signal<string | null>;
3898
3898
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
3899
- tooltipPosition: _angular_core.Signal<"auto" | "top" | "left" | "right" | "bottom">;
3899
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
3900
3900
  targetRect: _angular_core.Signal<DOMRect | null>;
3901
3901
  mousePosition: _angular_core.Signal<{
3902
3902
  x: number;
@@ -4218,9 +4218,9 @@ declare class SkeletonFocusAreaCardComponent {
4218
4218
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4219
4219
  protected isDark: _angular_core.Signal<boolean>;
4220
4220
  protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
4221
- protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4222
- protected textSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4223
- protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4221
+ protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4222
+ protected textSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4223
+ protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4224
4224
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonFocusAreaCardComponent, never>;
4225
4225
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFocusAreaCardComponent, "symphiq-skeleton-focus-area-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4226
4226
  }
@@ -4229,10 +4229,10 @@ declare class SkeletonCompetitorCardComponent {
4229
4229
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4230
4230
  protected isDark: _angular_core.Signal<boolean>;
4231
4231
  protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
4232
- protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4233
- protected textSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4234
- protected boxSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4235
- protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4232
+ protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4233
+ protected textSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4234
+ protected boxSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4235
+ protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4236
4236
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCompetitorCardComponent, never>;
4237
4237
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCompetitorCardComponent, "symphiq-skeleton-competitor-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4238
4238
  }