@eric-emg/symphiq-components 1.2.243 → 1.2.245

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 +658 -317
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +79 -65
  4. package/index.d.ts.map +1 -1
  5. package/package.json +2 -2
  6. package/styles.css +4 -1
package/index.d.ts CHANGED
@@ -1057,7 +1057,7 @@ declare class ModalComponent {
1057
1057
  private animatedTrendValues;
1058
1058
  private animationFrames;
1059
1059
  isOpen: _angular_core.Signal<boolean>;
1060
- 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>;
1060
+ modalType: _angular_core.Signal<"chart" | "metric" | "insight" | "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
1061
  charts: _angular_core.Signal<AiChartInterface[]>;
1062
1062
  modalKey: _angular_core.Signal<number>;
1063
1063
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1076,7 +1076,7 @@ declare class ModalComponent {
1076
1076
  description: string;
1077
1077
  icon: string;
1078
1078
  } | null>;
1079
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1079
+ metricsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1080
1080
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1081
1081
  metricsListInsightContext: _angular_core.Signal<{
1082
1082
  title: string;
@@ -1084,7 +1084,7 @@ declare class ModalComponent {
1084
1084
  businessContext: string;
1085
1085
  priority: number;
1086
1086
  } | null>;
1087
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1087
+ chartsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1088
1088
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1089
1089
  chartsListInsightContext: _angular_core.Signal<{
1090
1090
  title: string;
@@ -1092,7 +1092,7 @@ declare class ModalComponent {
1092
1092
  businessContext: string;
1093
1093
  priority: number;
1094
1094
  } | null>;
1095
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1095
+ recommendationsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1096
1096
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1097
1097
  recommendationsListInsightContext: _angular_core.Signal<{
1098
1098
  title: string;
@@ -1100,7 +1100,7 @@ declare class ModalComponent {
1100
1100
  businessContext: string;
1101
1101
  priority: number;
1102
1102
  } | null>;
1103
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1103
+ competitiveAnalysisData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1104
1104
  competitiveAnalysisContext: _angular_core.Signal<{
1105
1105
  title: string;
1106
1106
  description: string;
@@ -1450,7 +1450,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1450
1450
  private chartsById;
1451
1451
  headerClass: _angular_core.Signal<string>;
1452
1452
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1453
- headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1453
+ headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1454
1454
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1455
1455
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1456
1456
  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">;
@@ -1667,9 +1667,9 @@ declare class InsightCardComponent {
1667
1667
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1668
1668
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1669
1669
  recommendationsContainerClass: _angular_core.Signal<string>;
1670
- 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">;
1671
- 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">;
1672
- 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">;
1670
+ 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">;
1671
+ 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">;
1672
+ 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">;
1673
1673
  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">;
1674
1674
  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">;
1675
1675
  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">;
@@ -1858,10 +1858,10 @@ declare class OverallAssessmentComponent {
1858
1858
  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">;
1859
1859
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1860
1860
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1861
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1861
+ trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1862
1862
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1863
1863
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1864
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1864
+ trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1865
1865
  formattedRevenueTrend: _angular_core.Signal<string>;
1866
1866
  formattedRevenueTarget: _angular_core.Signal<string>;
1867
1867
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2183,7 +2183,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2183
2183
  competitiveTooltip: _angular_core.Signal<{
2184
2184
  industry: string;
2185
2185
  metricBenchmark: string;
2186
- competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
2186
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2187
2187
  description: string;
2188
2188
  keyOpportunities: string;
2189
2189
  }>;
@@ -2715,6 +2715,13 @@ declare class PacingStatusBadgeComponent {
2715
2715
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<PacingStatusBadgeComponent, "symphiq-pacing-status-badge", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "pacingPercentage": { "alias": "pacingPercentage"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "showAsFullText": { "alias": "showAsFullText"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "showEmphasizedPercentage": { "alias": "showEmphasizedPercentage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2716
2716
  }
2717
2717
 
2718
+ interface ProgressToTargetData {
2719
+ currentValue: number;
2720
+ paceValue: number;
2721
+ targetValue: number;
2722
+ status: 'ahead' | 'on-pace' | 'behind';
2723
+ }
2724
+
2718
2725
  declare class MetricReportModalComponent {
2719
2726
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
2720
2727
  metricEnum: _angular_core.InputSignal<string>;
@@ -2739,13 +2746,18 @@ declare class MetricReportModalComponent {
2739
2746
  protected ytdDateRange: _angular_core.Signal<string>;
2740
2747
  protected ytdDateRangeWithYear: _angular_core.Signal<string>;
2741
2748
  protected priorYearDateRange: _angular_core.Signal<string>;
2749
+ protected ytdStartDate: _angular_core.Signal<string>;
2750
+ protected ytdEndDate: _angular_core.Signal<string>;
2751
+ protected priorYearStartDate: _angular_core.Signal<string>;
2752
+ protected priorYearEndDate: _angular_core.Signal<string>;
2742
2753
  protected gapAnalysisText: _angular_core.Signal<string>;
2743
2754
  protected progressToTarget: _angular_core.Signal<number>;
2755
+ protected progressToTargetData: _angular_core.Signal<ProgressToTargetData | null>;
2744
2756
  protected chartDescriptionText: _angular_core.Signal<string>;
2745
2757
  protected pacingChartData: _angular_core.Signal<AiChartInterface | null>;
2746
- private generateMockCurrentYearData;
2747
- private generateMockLastYearData;
2748
- private generateMockTargetData;
2758
+ private generateCurrentYearData;
2759
+ private generatePriorYearData;
2760
+ private generateProjectionData;
2749
2761
  protected formatMetricValue(value: number, metric: string, fromUiData?: boolean): string;
2750
2762
  protected getMetricTitle(metric: MetricTargetCalculation): string;
2751
2763
  protected formatPercentage(value: number, decimals: number): string;
@@ -2767,6 +2779,7 @@ declare class MetricReportModalComponent {
2767
2779
  protected sectionCardClasses(): string;
2768
2780
  protected sectionTitleClasses(): string;
2769
2781
  protected labelClasses(): string;
2782
+ protected dateLabelClasses(): string;
2770
2783
  protected valueClasses(): string;
2771
2784
  protected targetValueClasses(): string;
2772
2785
  protected projectedValueClasses(): string;
@@ -2776,6 +2789,7 @@ declare class MetricReportModalComponent {
2776
2789
  protected tableHeaderClasses(): string;
2777
2790
  protected tableRowClasses(): string;
2778
2791
  protected infoIconClasses(): string;
2792
+ protected headerInfoIconClasses(): string;
2779
2793
  protected footerClasses(): string;
2780
2794
  protected closeFooterButtonClasses(): string;
2781
2795
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricReportModalComponent, never>;
@@ -3122,7 +3136,7 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
3122
3136
  baseZIndex: _angular_core.Signal<number>;
3123
3137
  backdropZIndex: _angular_core.Signal<number>;
3124
3138
  contentZIndex: _angular_core.Signal<number>;
3125
- visualizationType: _angular_core.Signal<"circular-progress" | "horizontal-bar" | "napkin-visual" | "custom" | null>;
3139
+ visualizationType: _angular_core.Signal<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
3126
3140
  horizontalBarData: _angular_core.Signal<{
3127
3141
  percentage: number;
3128
3142
  label: string;
@@ -3481,33 +3495,33 @@ declare class MetricExecutiveSummaryComponent {
3481
3495
  protected iconSource: IconSourceEnum;
3482
3496
  protected isDark: _angular_core.Signal<boolean>;
3483
3497
  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">;
3484
- protected titleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3498
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3485
3499
  protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3486
3500
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3487
3501
  protected healthBadgeClasses: _angular_core.Signal<string>;
3488
3502
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3489
3503
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3490
- protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3491
- protected metricValueClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3492
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
3504
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3505
+ protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3506
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
3493
3507
  protected getYoyIcon(): string;
3494
3508
  protected getPacingValueClasses(): string;
3495
3509
  protected getHealthValueClasses(): string;
3496
- protected narrativeClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-600/20" | "bg-white border border-slate-200">;
3510
+ protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
3497
3511
  protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
3498
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3499
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3512
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3513
+ protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3500
3514
  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">;
3501
3515
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3502
- protected priorityTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3516
+ protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3503
3517
  protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3504
- protected impactBoxClasses: _angular_core.Signal<"bg-slate-50/50 border border-slate-200" | "bg-slate-800/30 border border-slate-700/30">;
3518
+ protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
3505
3519
  protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3506
- protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3520
+ protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3507
3521
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3508
3522
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3509
- protected quickWinTextClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3510
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3523
+ protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3524
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3511
3525
  protected getEffortBadgeClasses(effort: string | undefined): string;
3512
3526
  protected getImpactBadgeClasses(impact: string | undefined): string;
3513
3527
  protected formatMetricName(name: string): string;
@@ -3552,7 +3566,7 @@ declare class CircularProgressComponent implements OnInit, OnDestroy {
3552
3566
  backgroundColor: _angular_core.InputSignal<string>;
3553
3567
  showPercentage: _angular_core.InputSignal<boolean>;
3554
3568
  textClasses: _angular_core.InputSignal<string>;
3555
- strokeLinecap: _angular_core.InputSignal<"square" | "round" | "butt">;
3569
+ strokeLinecap: _angular_core.InputSignal<"round" | "butt" | "square">;
3556
3570
  animationDuration: _angular_core.InputSignal<number>;
3557
3571
  animationDelay: _angular_core.InputSignal<number>;
3558
3572
  private elementRef;
@@ -3661,21 +3675,21 @@ declare class SearchModalComponent {
3661
3675
  containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
3662
3676
  inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
3663
3677
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3664
- clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
3678
+ clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
3665
3679
  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">;
3666
3680
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3667
3681
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3668
- resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3682
+ resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3669
3683
  breadcrumbClass: _angular_core.Signal<string>;
3670
- typeBadgeClass: _angular_core.Signal<"bg-slate-700 text-slate-300" | "bg-slate-100 text-slate-600">;
3684
+ typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
3671
3685
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3672
3686
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3673
- emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
3687
+ emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
3674
3688
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3675
- emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3689
+ emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3676
3690
  shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
3677
3691
  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">;
3678
- shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3692
+ shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3679
3693
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
3680
3694
  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>;
3681
3695
  }
@@ -3685,7 +3699,7 @@ declare class GradeBadgeComponent {
3685
3699
  gradeRationale: _angular_core.InputSignal<string>;
3686
3700
  label: _angular_core.InputSignal<string>;
3687
3701
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3688
- tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
3702
+ tooltipPosition: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
3689
3703
  isLightMode: _angular_core.Signal<boolean>;
3690
3704
  formattedGrade: _angular_core.Signal<string>;
3691
3705
  shouldPulse: _angular_core.Signal<boolean>;
@@ -3695,7 +3709,7 @@ declare class GradeBadgeComponent {
3695
3709
  explanation: string;
3696
3710
  }>;
3697
3711
  private formatGrade;
3698
- badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3712
+ badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3699
3713
  gradeBadgeClass: _angular_core.Signal<string>;
3700
3714
  private getGradeBadgeClassLight;
3701
3715
  private getGradeBadgeClassDark;
@@ -3770,15 +3784,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3770
3784
  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">;
3771
3785
  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">;
3772
3786
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
3773
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3787
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3774
3788
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3775
3789
  protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
3776
3790
  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)]">;
3777
- protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-blue-300" | "text-emerald-300" | "text-orange-700" | "text-red-300" | "text-orange-300">;
3791
+ protected gradeLabelClasses: _angular_core.Signal<"text-blue-300" | "text-blue-700" | "text-emerald-300" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-orange-300">;
3778
3792
  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">;
3779
3793
  protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3780
3794
  protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3781
- protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
3795
+ protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
3782
3796
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3783
3797
  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">;
3784
3798
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3800,13 +3814,13 @@ declare class RelatedContentSidebarComponent {
3800
3814
  protected funnelInsightsCount: _angular_core.Signal<number>;
3801
3815
  protected funnelMetricsCount: _angular_core.Signal<number>;
3802
3816
  protected businessInsightsCount: _angular_core.Signal<number>;
3803
- protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3817
+ protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3804
3818
  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">;
3805
3819
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
3806
3820
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3807
3821
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
3808
- protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3809
- protected chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
3822
+ protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3823
+ protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
3810
3824
  protected onFunnelInsightsClick(): void;
3811
3825
  protected onFunnelMetricsClick(): void;
3812
3826
  protected onBusinessInsightsClick(): void;
@@ -3826,15 +3840,15 @@ declare class ContentGenerationProgressComponent {
3826
3840
  protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-50 to-white" | "bg-gradient-to-br from-slate-900 to-slate-800">;
3827
3841
  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">;
3828
3842
  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">;
3829
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3843
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3830
3844
  protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3831
3845
  protected progressBarContainerClasses: _angular_core.Signal<string>;
3832
- protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
3846
+ protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
3833
3847
  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">;
3834
3848
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
3835
3849
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
3836
3850
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
3837
- protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3851
+ protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3838
3852
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
3839
3853
  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>;
3840
3854
  }
@@ -3861,11 +3875,11 @@ declare class IndeterminateSpinnerComponent {
3861
3875
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3862
3876
  size: _angular_core.InputSignal<SpinnerSize>;
3863
3877
  color: _angular_core.InputSignal<string | undefined>;
3864
- svgSize: _angular_core.Signal<40 | 80 | 60>;
3878
+ svgSize: _angular_core.Signal<80 | 40 | 60>;
3865
3879
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
3866
3880
  svgCircleRadius: _angular_core.Signal<number>;
3867
3881
  strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
3868
- dotSize: _angular_core.Signal<5 | 10 | 7>;
3882
+ dotSize: _angular_core.Signal<10 | 5 | 7>;
3869
3883
  containerClasses: _angular_core.Signal<{
3870
3884
  'w-10 h-10': boolean;
3871
3885
  'w-16 h-16': boolean;
@@ -3899,9 +3913,9 @@ declare class ChartContainerComponent {
3899
3913
  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">;
3900
3914
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3901
3915
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3902
- descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3916
+ descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3903
3917
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
3904
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
3918
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
3905
3919
  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">;
3906
3920
  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">;
3907
3921
  isCollapsible: _angular_core.Signal<boolean>;
@@ -3919,7 +3933,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
3919
3933
  showAxisLabels: _angular_core.InputSignal<boolean>;
3920
3934
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3921
3935
  currencySymbol: _angular_core.InputSignal<string>;
3922
- chartHeight: _angular_core.Signal<"133px" | "500px">;
3936
+ chartHeight: _angular_core.Signal<"500px" | "133px">;
3923
3937
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3924
3938
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3925
3939
  chartHash: _angular_core.Signal<string>;
@@ -3963,7 +3977,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
3963
3977
  showAxisLabels: _angular_core.InputSignal<boolean>;
3964
3978
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3965
3979
  currencySymbol: _angular_core.InputSignal<string>;
3966
- chartHeight: _angular_core.Signal<"175px" | "500px">;
3980
+ chartHeight: _angular_core.Signal<"500px" | "175px">;
3967
3981
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3968
3982
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3969
3983
  chartHash: _angular_core.Signal<string>;
@@ -4000,7 +4014,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
4000
4014
  showAxisLabels: _angular_core.InputSignal<boolean>;
4001
4015
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4002
4016
  currencySymbol: _angular_core.InputSignal<string>;
4003
- chartHeight: _angular_core.Signal<"200px" | "500px">;
4017
+ chartHeight: _angular_core.Signal<"500px" | "200px">;
4004
4018
  chartHash: _angular_core.Signal<string>;
4005
4019
  chartDiv: ElementRef;
4006
4020
  private root?;
@@ -4078,7 +4092,7 @@ declare class TooltipContainerComponent {
4078
4092
  isVisible: _angular_core.Signal<boolean>;
4079
4093
  tooltipType: _angular_core.Signal<string | null>;
4080
4094
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
4081
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
4095
+ tooltipPosition: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "auto">;
4082
4096
  targetRect: _angular_core.Signal<DOMRect | null>;
4083
4097
  mousePosition: _angular_core.Signal<{
4084
4098
  x: number;
@@ -4103,7 +4117,7 @@ declare class TooltipContainerComponent {
4103
4117
  shouldCenter: _angular_core.Signal<boolean>;
4104
4118
  containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
4105
4119
  contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
4106
- textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
4120
+ textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
4107
4121
  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">;
4108
4122
  transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
4109
4123
  constructor();
@@ -4215,7 +4229,7 @@ declare class FocusAreaDetailCardComponent {
4215
4229
  protected isActuallyExpanded: _angular_core.Signal<boolean>;
4216
4230
  protected forceExpandedValue: _angular_core.Signal<boolean>;
4217
4231
  protected shouldAnimateExpand: _angular_core.Signal<boolean>;
4218
- protected iconSize: _angular_core.Signal<"w-7 h-7" | "w-6 h-6">;
4232
+ protected iconSize: _angular_core.Signal<"w-6 h-6" | "w-7 h-7">;
4219
4233
  protected relatedRecommendations: _angular_core.Signal<_jebgem_model.ProfileAnalysisRecommendationInterface[]>;
4220
4234
  protected statusLabel: _angular_core.Signal<string>;
4221
4235
  protected statusBadgeType: _angular_core.Signal<BadgeType>;
@@ -4280,7 +4294,7 @@ declare class CompetitorAnalysisCardComponent {
4280
4294
  protected isActuallyExpanded: _angular_core.Signal<boolean>;
4281
4295
  protected isExpandedMode: _angular_core.Signal<boolean>;
4282
4296
  protected shouldAnimateExpand: _angular_core.Signal<boolean>;
4283
- protected iconSize: _angular_core.Signal<"w-7 h-7" | "w-6 h-6">;
4297
+ protected iconSize: _angular_core.Signal<"w-6 h-6" | "w-7 h-7">;
4284
4298
  protected animationType: _angular_core.Signal<"none" | "slide-up">;
4285
4299
  constructor();
4286
4300
  protected hasCompanyInfo: _angular_core.Signal<boolean>;
@@ -4335,7 +4349,7 @@ declare class OpportunityHighlightBannerComponent {
4335
4349
  protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
4336
4350
  protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
4337
4351
  protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
4338
- protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
4352
+ protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
4339
4353
  handleClick(event: Event): void;
4340
4354
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
4341
4355
  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>;
@@ -4400,9 +4414,9 @@ declare class SkeletonFocusAreaCardComponent {
4400
4414
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4401
4415
  protected isDark: _angular_core.Signal<boolean>;
4402
4416
  protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
4403
- protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4404
- protected textSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4405
- protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4417
+ protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4418
+ protected textSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4419
+ protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4406
4420
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonFocusAreaCardComponent, never>;
4407
4421
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFocusAreaCardComponent, "symphiq-skeleton-focus-area-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4408
4422
  }
@@ -4411,10 +4425,10 @@ declare class SkeletonCompetitorCardComponent {
4411
4425
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4412
4426
  protected isDark: _angular_core.Signal<boolean>;
4413
4427
  protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
4414
- protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4415
- protected textSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4416
- protected boxSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4417
- protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4428
+ protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4429
+ protected textSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4430
+ protected boxSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4431
+ protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4418
4432
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCompetitorCardComponent, never>;
4419
4433
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCompetitorCardComponent, "symphiq-skeleton-competitor-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4420
4434
  }