@eric-emg/symphiq-components 1.2.320 → 1.2.322

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 +3102 -3090
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +39 -39
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/styles.css +0 -3
package/index.d.ts CHANGED
@@ -1058,7 +1058,7 @@ declare class ModalComponent {
1058
1058
  private animatedTrendValues;
1059
1059
  private animationFrames;
1060
1060
  isOpen: _angular_core.Signal<boolean>;
1061
- 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>;
1061
+ 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>;
1062
1062
  charts: _angular_core.Signal<AiChartInterface[]>;
1063
1063
  modalKey: _angular_core.Signal<number>;
1064
1064
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1077,7 +1077,7 @@ declare class ModalComponent {
1077
1077
  description: string;
1078
1078
  icon: string;
1079
1079
  } | null>;
1080
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1080
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1081
1081
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1082
1082
  metricsListInsightContext: _angular_core.Signal<{
1083
1083
  title: string;
@@ -1085,7 +1085,7 @@ declare class ModalComponent {
1085
1085
  businessContext: string;
1086
1086
  priority: number;
1087
1087
  } | null>;
1088
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1088
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1089
1089
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1090
1090
  chartsListInsightContext: _angular_core.Signal<{
1091
1091
  title: string;
@@ -1093,7 +1093,7 @@ declare class ModalComponent {
1093
1093
  businessContext: string;
1094
1094
  priority: number;
1095
1095
  } | null>;
1096
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1096
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1097
1097
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1098
1098
  recommendationsListInsightContext: _angular_core.Signal<{
1099
1099
  title: string;
@@ -1101,7 +1101,7 @@ declare class ModalComponent {
1101
1101
  businessContext: string;
1102
1102
  priority: number;
1103
1103
  } | null>;
1104
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1104
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1105
1105
  competitiveAnalysisContext: _angular_core.Signal<{
1106
1106
  title: string;
1107
1107
  description: string;
@@ -1454,7 +1454,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1454
1454
  private chartsById;
1455
1455
  headerClass: _angular_core.Signal<string>;
1456
1456
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1457
- headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1457
+ headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1458
1458
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1459
1459
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1460
1460
  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">;
@@ -1862,10 +1862,10 @@ declare class OverallAssessmentComponent {
1862
1862
  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">;
1863
1863
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1864
1864
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1865
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1865
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1866
1866
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1867
1867
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1868
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1868
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1869
1869
  formattedRevenueTrend: _angular_core.Signal<string>;
1870
1870
  formattedRevenueTarget: _angular_core.Signal<string>;
1871
1871
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2145,7 +2145,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2145
2145
  topMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
2146
2146
  formattedRevenueValue: _angular_core.Signal<string>;
2147
2147
  formattedRevenueTrend: _angular_core.Signal<string>;
2148
- revenueStatusIcon: _angular_core.Signal<"↑" | "→" | "⚠" | "•">;
2148
+ revenueStatusIcon: _angular_core.Signal<"↑" | "•" | "→" | "⚠">;
2149
2149
  hasCompetitiveData: _angular_core.Signal<boolean>;
2150
2150
  hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
2151
2151
  overallCompetitiveDescription: _angular_core.Signal<string>;
@@ -2187,7 +2187,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2187
2187
  competitiveTooltip: _angular_core.Signal<{
2188
2188
  industry: string;
2189
2189
  metricBenchmark: string;
2190
- competitiveScore: "LAGGING" | "LEADING" | "COMPETITIVE";
2190
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2191
2191
  description: string;
2192
2192
  keyOpportunities: string;
2193
2193
  }>;
@@ -2231,7 +2231,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2231
2231
  buttonClass: _angular_core.Signal<string>;
2232
2232
  competitiveBadgeClass: _angular_core.Signal<string>;
2233
2233
  shouldPulseCompetitiveBadge: _angular_core.Signal<boolean>;
2234
- overallCompetitiveStatusBadgeClass: _angular_core.Signal<"border-2 bg-gradient-to-br from-emerald-100/90 to-emerald-50/90 text-emerald-700 border-emerald-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-blue-100/90 to-blue-50/90 text-blue-700 border-blue-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-orange-100/90 to-orange-50/90 text-orange-700 border-orange-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-slate-100/90 to-slate-50/90 text-slate-700 border-slate-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-r from-emerald-500/30 to-emerald-500/20 text-emerald-400 border-emerald-500/40 shadow-lg shadow-emerald-500/20" | "border-2 bg-gradient-to-r from-blue-500/30 to-blue-500/20 text-blue-400 border-blue-500/40 shadow-lg shadow-blue-500/20" | "border-2 bg-gradient-to-r from-orange-500/30 to-orange-500/20 text-orange-400 border-orange-500/40 shadow-lg shadow-orange-500/20" | "border-2 bg-gradient-to-r from-slate-500/20 to-slate-500/10 text-slate-400 border-slate-500/30 shadow-lg shadow-slate-500/20">;
2234
+ overallCompetitiveStatusBadgeClass: _angular_core.Signal<"border-2 bg-gradient-to-r from-emerald-500/30 to-emerald-500/20 text-emerald-400 border-emerald-500/40 shadow-lg shadow-emerald-500/20" | "border-2 bg-gradient-to-r from-blue-500/30 to-blue-500/20 text-blue-400 border-blue-500/40 shadow-lg shadow-blue-500/20" | "border-2 bg-gradient-to-r from-orange-500/30 to-orange-500/20 text-orange-400 border-orange-500/40 shadow-lg shadow-orange-500/20" | "border-2 bg-gradient-to-r from-slate-500/20 to-slate-500/10 text-slate-400 border-slate-500/30 shadow-lg shadow-slate-500/20" | "border-2 bg-gradient-to-br from-emerald-100/90 to-emerald-50/90 text-emerald-700 border-emerald-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-blue-100/90 to-blue-50/90 text-blue-700 border-blue-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-orange-100/90 to-orange-50/90 text-orange-700 border-orange-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-slate-100/90 to-slate-50/90 text-slate-700 border-slate-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]">;
2235
2235
  shouldPulseOverallCompetitive: _angular_core.Signal<boolean>;
2236
2236
  statusIconClass: _angular_core.Signal<string>;
2237
2237
  insightsCardClass: _angular_core.Signal<string>;
@@ -2751,7 +2751,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2751
2751
  private animateValue;
2752
2752
  protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
2753
2753
  protected containerClasses: _angular_core.Signal<string>;
2754
- protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
2754
+ protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
2755
2755
  protected rotationStyle: _angular_core.Signal<string>;
2756
2756
  protected fullBadgeRotationStyle: _angular_core.Signal<string>;
2757
2757
  protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-1.5" | "inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-2">;
@@ -3572,15 +3572,15 @@ declare class MetricExecutiveSummaryComponent {
3572
3572
  protected healthBadgeClasses: _angular_core.Signal<string>;
3573
3573
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3574
3574
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3575
- protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3575
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3576
3576
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3577
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-slate-600" | "text-red-600">;
3577
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
3578
3578
  protected getYoyIcon(): string;
3579
3579
  protected getPacingValueClasses(): string;
3580
3580
  protected getHealthValueClasses(): string;
3581
3581
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
3582
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
3583
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3582
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
3583
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3584
3584
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3585
3585
  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">;
3586
3586
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
@@ -3588,11 +3588,11 @@ declare class MetricExecutiveSummaryComponent {
3588
3588
  protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3589
3589
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
3590
3590
  protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3591
- protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3591
+ protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3592
3592
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3593
3593
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3594
3594
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3595
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3595
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3596
3596
  protected getEffortBadgeClasses(effort: string | undefined): string;
3597
3597
  protected getImpactBadgeClasses(impact: string | undefined): string;
3598
3598
  protected formatMetricName(name: string): string;
@@ -3746,21 +3746,21 @@ declare class SearchModalComponent {
3746
3746
  containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
3747
3747
  inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
3748
3748
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3749
- clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
3749
+ clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
3750
3750
  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">;
3751
3751
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3752
3752
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3753
- resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3753
+ resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3754
3754
  breadcrumbClass: _angular_core.Signal<string>;
3755
- typeBadgeClass: _angular_core.Signal<"bg-slate-700 text-slate-300" | "bg-slate-100 text-slate-600">;
3755
+ typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
3756
3756
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3757
3757
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3758
- emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
3758
+ emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
3759
3759
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3760
- emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3761
- shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
3760
+ emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3761
+ shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
3762
3762
  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">;
3763
- shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3763
+ shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3764
3764
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
3765
3765
  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>;
3766
3766
  }
@@ -3770,7 +3770,7 @@ declare class GradeBadgeComponent {
3770
3770
  gradeRationale: _angular_core.InputSignal<string>;
3771
3771
  label: _angular_core.InputSignal<string>;
3772
3772
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3773
- tooltipPosition: _angular_core.InputSignal<"left" | "top" | "right" | "bottom">;
3773
+ tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
3774
3774
  isLightMode: _angular_core.Signal<boolean>;
3775
3775
  formattedGrade: _angular_core.Signal<string>;
3776
3776
  shouldPulse: _angular_core.Signal<boolean>;
@@ -3780,7 +3780,7 @@ declare class GradeBadgeComponent {
3780
3780
  explanation: string;
3781
3781
  }>;
3782
3782
  private formatGrade;
3783
- badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3783
+ badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3784
3784
  gradeBadgeClass: _angular_core.Signal<string>;
3785
3785
  private getGradeBadgeClassLight;
3786
3786
  private getGradeBadgeClassDark;
@@ -3855,15 +3855,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3855
3855
  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">;
3856
3856
  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">;
3857
3857
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
3858
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3858
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3859
3859
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3860
3860
  protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
3861
3861
  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)]">;
3862
- protected gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-blue-300" | "text-emerald-300" | "text-orange-700" | "text-red-300" | "text-orange-300">;
3862
+ 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">;
3863
3863
  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">;
3864
3864
  protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3865
3865
  protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3866
- 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">;
3866
+ 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">;
3867
3867
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3868
3868
  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">;
3869
3869
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3885,12 +3885,12 @@ declare class RelatedContentSidebarComponent {
3885
3885
  protected funnelInsightsCount: _angular_core.Signal<number>;
3886
3886
  protected funnelMetricsCount: _angular_core.Signal<number>;
3887
3887
  protected businessInsightsCount: _angular_core.Signal<number>;
3888
- protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3888
+ protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3889
3889
  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">;
3890
3890
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
3891
3891
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3892
3892
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
3893
- protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3893
+ protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3894
3894
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
3895
3895
  protected onFunnelInsightsClick(): void;
3896
3896
  protected onFunnelMetricsClick(): void;
@@ -3911,7 +3911,7 @@ declare class ContentGenerationProgressComponent {
3911
3911
  protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-50 to-white" | "bg-gradient-to-br from-slate-900 to-slate-800">;
3912
3912
  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">;
3913
3913
  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">;
3914
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3914
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3915
3915
  protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3916
3916
  protected progressBarContainerClasses: _angular_core.Signal<string>;
3917
3917
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
@@ -3919,7 +3919,7 @@ declare class ContentGenerationProgressComponent {
3919
3919
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
3920
3920
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
3921
3921
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
3922
- protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3922
+ protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3923
3923
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
3924
3924
  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>;
3925
3925
  }
@@ -3984,9 +3984,9 @@ declare class ChartContainerComponent {
3984
3984
  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">;
3985
3985
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3986
3986
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3987
- descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3987
+ descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3988
3988
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
3989
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
3989
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
3990
3990
  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">;
3991
3991
  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">;
3992
3992
  isCollapsible: _angular_core.Signal<boolean>;
@@ -4050,7 +4050,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
4050
4050
  showAxisLabels: _angular_core.InputSignal<boolean>;
4051
4051
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4052
4052
  currencySymbol: _angular_core.InputSignal<string>;
4053
- chartHeight: _angular_core.Signal<"175px" | "500px">;
4053
+ chartHeight: _angular_core.Signal<"500px" | "175px">;
4054
4054
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
4055
4055
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
4056
4056
  chartHash: _angular_core.Signal<string>;
@@ -4087,7 +4087,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
4087
4087
  showAxisLabels: _angular_core.InputSignal<boolean>;
4088
4088
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4089
4089
  currencySymbol: _angular_core.InputSignal<string>;
4090
- chartHeight: _angular_core.Signal<"200px" | "500px">;
4090
+ chartHeight: _angular_core.Signal<"500px" | "200px">;
4091
4091
  chartHash: _angular_core.Signal<string>;
4092
4092
  chartDiv: ElementRef;
4093
4093
  private root?;
@@ -4165,7 +4165,7 @@ declare class TooltipContainerComponent {
4165
4165
  isVisible: _angular_core.Signal<boolean>;
4166
4166
  tooltipType: _angular_core.Signal<string | null>;
4167
4167
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
4168
- tooltipPosition: _angular_core.Signal<"left" | "top" | "right" | "bottom" | "auto">;
4168
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
4169
4169
  targetRect: _angular_core.Signal<DOMRect | null>;
4170
4170
  mousePosition: _angular_core.Signal<{
4171
4171
  x: number;