@eric-emg/symphiq-components 1.2.556 → 1.2.557

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/symphiq-components.mjs +1505 -1498
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +154 -110
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -1072,7 +1072,7 @@ declare class ModalComponent {
1072
1072
  private animatedTrendValues;
1073
1073
  private animationFrames;
1074
1074
  isOpen: _angular_core.Signal<boolean>;
1075
- 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>;
1075
+ 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>;
1076
1076
  charts: _angular_core.Signal<AiChartInterface[]>;
1077
1077
  modalKey: _angular_core.Signal<number>;
1078
1078
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1091,7 +1091,7 @@ declare class ModalComponent {
1091
1091
  description: string;
1092
1092
  icon: string;
1093
1093
  } | null>;
1094
- metricsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1094
+ metricsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1095
1095
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1096
1096
  metricsListInsightContext: _angular_core.Signal<{
1097
1097
  title: string;
@@ -1099,7 +1099,7 @@ declare class ModalComponent {
1099
1099
  businessContext: string;
1100
1100
  priority: number;
1101
1101
  } | null>;
1102
- chartsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1102
+ chartsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1103
1103
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1104
1104
  chartsListInsightContext: _angular_core.Signal<{
1105
1105
  title: string;
@@ -1107,7 +1107,7 @@ declare class ModalComponent {
1107
1107
  businessContext: string;
1108
1108
  priority: number;
1109
1109
  } | null>;
1110
- recommendationsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1110
+ recommendationsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1111
1111
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1112
1112
  recommendationsListInsightContext: _angular_core.Signal<{
1113
1113
  title: string;
@@ -1115,7 +1115,7 @@ declare class ModalComponent {
1115
1115
  businessContext: string;
1116
1116
  priority: number;
1117
1117
  } | null>;
1118
- competitiveAnalysisData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1118
+ competitiveAnalysisData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1119
1119
  competitiveAnalysisContext: _angular_core.Signal<{
1120
1120
  title: string;
1121
1121
  description: string;
@@ -1383,20 +1383,42 @@ declare class ViewModeSwitcherModalComponent {
1383
1383
  modeSelected: _angular_core.OutputEmitterRef<DisplayModeEnum>;
1384
1384
  protected DisplayModeEnum: typeof DisplayModeEnum;
1385
1385
  protected selectMode(mode: DisplayModeEnum): void;
1386
- protected backdropClasses(): string;
1387
- protected modalClasses(): string;
1388
- protected headerClasses(): string;
1389
- protected titleClasses(): string;
1390
- protected descriptionClasses(): string;
1391
- protected closeButtonClasses(): string;
1392
- protected contentClasses(): string;
1393
- protected getOptionClasses(mode: DisplayModeEnum): string;
1394
- protected getIconContainerClasses(mode: DisplayModeEnum): string;
1395
- protected getOptionTitleClasses(mode: DisplayModeEnum): string;
1396
- protected getOptionDescriptionClasses(mode: DisplayModeEnum): string;
1397
- protected getBadgeClasses(): string;
1398
- protected spinnerClasses(): string;
1399
- protected loadingTextClasses(): string;
1386
+ private isDark;
1387
+ protected optionsDisplay: _angular_core.Signal<{
1388
+ simplified: {
1389
+ optionClasses: string;
1390
+ iconContainerClasses: string;
1391
+ titleClasses: string;
1392
+ descriptionClasses: string;
1393
+ };
1394
+ compact: {
1395
+ optionClasses: string;
1396
+ iconContainerClasses: string;
1397
+ titleClasses: string;
1398
+ descriptionClasses: string;
1399
+ };
1400
+ expanded: {
1401
+ optionClasses: string;
1402
+ iconContainerClasses: string;
1403
+ titleClasses: string;
1404
+ descriptionClasses: string;
1405
+ };
1406
+ }>;
1407
+ private computeOptionDisplay;
1408
+ private computeOptionClasses;
1409
+ private computeIconContainerClasses;
1410
+ private computeOptionTitleClasses;
1411
+ private computeOptionDescriptionClasses;
1412
+ protected backdropClasses: _angular_core.Signal<"bg-slate-900/15" | "bg-slate-950/25">;
1413
+ protected modalClasses: _angular_core.Signal<"bg-slate-800/95 border border-slate-700/50" | "bg-white/95 border border-slate-200">;
1414
+ protected headerClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700/50">;
1415
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
1416
+ protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1417
+ protected closeButtonClasses: _angular_core.Signal<"text-slate-600 hover:text-slate-900 hover:bg-slate-100" | "text-slate-400 hover:text-white hover:bg-slate-700">;
1418
+ protected contentClasses: _angular_core.Signal<"bg-slate-800/50" | "bg-slate-50/50">;
1419
+ protected badgeClasses: _angular_core.Signal<"bg-amber-100 text-amber-700 border border-amber-200" | "bg-amber-500/20 text-amber-400 border border-amber-500/30">;
1420
+ protected spinnerClasses: _angular_core.Signal<"border-blue-500" | "border-blue-600">;
1421
+ protected loadingTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1400
1422
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewModeSwitcherModalComponent, never>;
1401
1423
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViewModeSwitcherModalComponent, "symphiq-view-mode-switcher-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "currentMode": { "alias": "currentMode"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "close": "close"; "modeSelected": "modeSelected"; }, never, never, true, never>;
1402
1424
  }
@@ -1505,7 +1527,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1505
1527
  private chartsById;
1506
1528
  headerClass: _angular_core.Signal<string>;
1507
1529
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1508
- headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1530
+ headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1509
1531
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1510
1532
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1511
1533
  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">;
@@ -1671,9 +1693,9 @@ declare class MetricCardComponent {
1671
1693
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1672
1694
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1673
1695
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1674
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-blue-700" | "text-emerald-600" | "text-orange-600">;
1675
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1676
- competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1696
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-400" | "text-blue-700" | "text-orange-600">;
1697
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1698
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1677
1699
  getCompetitiveScoreIcon(): string;
1678
1700
  getCompetitiveScoreLabel(): string;
1679
1701
  getCompetitiveScoreLabelFull(): string;
@@ -1946,10 +1968,10 @@ declare class OverallAssessmentComponent {
1946
1968
  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">;
1947
1969
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1948
1970
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1949
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1971
+ trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1950
1972
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1951
1973
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1952
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1974
+ trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1953
1975
  formattedRevenueTrend: _angular_core.Signal<string>;
1954
1976
  formattedRevenueTarget: _angular_core.Signal<string>;
1955
1977
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2088,12 +2110,20 @@ declare class CompetitivePositioningSummaryComponent {
2088
2110
  competitiveStats: _angular_core.Signal<CompetitiveStats>;
2089
2111
  narrativeSummary: _angular_core.Signal<string>;
2090
2112
  containerClass: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2113
+ protected scoreDotClasses: _angular_core.Signal<{
2114
+ leading: string;
2115
+ competitive: string;
2116
+ lagging: string;
2117
+ }>;
2118
+ protected competitiveStatusDisplay: _angular_core.Signal<{
2119
+ badgeClass: string;
2120
+ shouldPulse: boolean;
2121
+ icon: string;
2122
+ label: string;
2123
+ }>;
2124
+ private computeCompetitiveStatusBadgeClass;
2125
+ private computeCompetitiveStatusIcon;
2091
2126
  getHealthScoreBadgeClass(): string;
2092
- getCompetitiveStatusBadgeClass(): string;
2093
- shouldPulseStatus(): boolean;
2094
- getCompetitiveStatusIcon(): string;
2095
- getCompetitiveStatusLabel(): string;
2096
- getScoreDotClass(type: string): string;
2097
2127
  formatCategoryName(category: string): string;
2098
2128
  competitiveScoreTooltip: _angular_core.Signal<{
2099
2129
  industry: string;
@@ -2243,12 +2273,12 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2243
2273
  private computeMetricTooltip;
2244
2274
  formattedRevenueValue: _angular_core.Signal<string>;
2245
2275
  formattedRevenueTrend: _angular_core.Signal<string>;
2246
- revenueStatusIcon: _angular_core.Signal<"↑" | "→" | "⚠" | "•">;
2276
+ revenueStatusIcon: _angular_core.Signal<"↑" | "•" | "→" | "⚠">;
2247
2277
  hasCompetitiveData: _angular_core.Signal<boolean>;
2248
2278
  hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
2249
2279
  overallCompetitiveDescription: _angular_core.Signal<string>;
2250
2280
  overallCompetitiveLabel: _angular_core.Signal<_jebgem_model.CompetitiveScoreEnum | "N/A">;
2251
- overallCompetitiveIcon: _angular_core.Signal<"↑" | "•" | "↔" | "↓">;
2281
+ overallCompetitiveIcon: _angular_core.Signal<"↑" | "↔" | "↓" | "•">;
2252
2282
  competitiveScore: _angular_core.Signal<string>;
2253
2283
  gradeTooltip: _angular_core.Signal<{
2254
2284
  title: string;
@@ -2285,7 +2315,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2285
2315
  competitiveTooltip: _angular_core.Signal<{
2286
2316
  industry: string;
2287
2317
  metricBenchmark: string;
2288
- competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
2318
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2289
2319
  description: string;
2290
2320
  keyOpportunities: string;
2291
2321
  }>;
@@ -2329,7 +2359,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2329
2359
  buttonClass: _angular_core.Signal<string>;
2330
2360
  competitiveBadgeClass: _angular_core.Signal<string>;
2331
2361
  shouldPulseCompetitiveBadge: _angular_core.Signal<boolean>;
2332
- 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">;
2362
+ 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)]">;
2333
2363
  shouldPulseOverallCompetitive: _angular_core.Signal<boolean>;
2334
2364
  statusIconClass: _angular_core.Signal<string>;
2335
2365
  insightsCardClass: _angular_core.Signal<string>;
@@ -2498,8 +2528,8 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2498
2528
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2499
2529
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2500
2530
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2501
- protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2502
- protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2531
+ protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2532
+ protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2503
2533
  protected inputClasses(fieldName: string): string;
2504
2534
  protected urlPrefixClasses: _angular_core.Signal<"bg-slate-100 text-slate-600 border-slate-300" | "bg-slate-600 text-slate-300 border-slate-600">;
2505
2535
  protected urlInputClasses(fieldName: string): string;
@@ -2507,23 +2537,23 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2507
2537
  protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
2508
2538
  protected radioLabelClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2509
2539
  protected checkboxClasses: _angular_core.Signal<"text-blue-600 border-slate-300 focus:ring-blue-500" | "text-blue-400 border-slate-600 focus:ring-blue-400 bg-slate-700">;
2510
- protected checkboxLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2540
+ protected checkboxLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2511
2541
  protected errorClasses: _angular_core.Signal<string>;
2512
- protected viewLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2542
+ protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2513
2543
  protected viewValueClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2514
2544
  protected viewLinkClasses: _angular_core.Signal<"text-blue-600 hover:text-blue-700" | "text-blue-400 hover:text-blue-300">;
2515
- protected editButtonClasses: _angular_core.Signal<"bg-blue-600 text-white hover:bg-blue-700" | "bg-blue-500 text-white hover:bg-blue-600">;
2545
+ protected editButtonClasses: _angular_core.Signal<"bg-blue-500 text-white hover:bg-blue-600" | "bg-blue-600 text-white hover:bg-blue-700">;
2516
2546
  protected stickyButtonContainerClasses: _angular_core.Signal<"bg-white/90 border-slate-200" | "bg-slate-900/90 border-slate-700">;
2517
- protected cancelButtonClasses: _angular_core.Signal<"bg-slate-200 text-slate-700 hover:bg-slate-300" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
2518
- protected continueButtonClasses: _angular_core.Signal<"bg-slate-300 text-slate-500" | "bg-slate-700 text-slate-500" | "bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 text-white" | "bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white">;
2519
- protected progressBadgeClasses: _angular_core.Signal<"bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-700">;
2547
+ protected cancelButtonClasses: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-200 text-slate-700 hover:bg-slate-300">;
2548
+ protected continueButtonClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 text-white" | "bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white" | "bg-slate-300 text-slate-500" | "bg-slate-700 text-slate-500">;
2549
+ protected progressBadgeClasses: _angular_core.Signal<"bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-700">;
2520
2550
  protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
2521
2551
  protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2522
2552
  protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2523
2553
  protected focusAreaViewTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2524
- protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2554
+ protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2525
2555
  protected statusBadgeClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2526
- protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2556
+ protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2527
2557
  protected toolChipViewClasses: _angular_core.Signal<"bg-white text-emerald-700 border border-emerald-200" | "bg-slate-800 text-emerald-300 border border-emerald-700">;
2528
2558
  protected validationMessageClasses: _angular_core.Signal<"bg-orange-50 text-orange-700 border border-orange-200" | "bg-orange-900/30 text-orange-400 border border-orange-700">;
2529
2559
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqCreateAccountDashboardComponent, never>;
@@ -2558,10 +2588,10 @@ declare class FocusAreaQuestionComponent {
2558
2588
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2559
2589
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2560
2590
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2561
- protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2562
- protected notAnsweredBadgeClasses: _angular_core.Signal<"bg-orange-900/30 text-orange-400 border border-orange-700" | "bg-orange-100 text-orange-700 border border-orange-200">;
2563
- protected radioDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2564
- protected toolsLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2591
+ protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2592
+ protected notAnsweredBadgeClasses: _angular_core.Signal<"bg-orange-100 text-orange-700 border border-orange-200" | "bg-orange-900/30 text-orange-400 border border-orange-700">;
2593
+ protected radioDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2594
+ protected toolsLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2565
2595
  protected toolsButtonClasses: _angular_core.Signal<"bg-red-50 border-red-300 hover:border-red-400 hover:bg-red-100 text-slate-900" | "bg-red-900/20 border-red-700 hover:border-red-600 hover:bg-red-900/30 text-white" | "bg-white border-slate-300 hover:border-blue-400 hover:bg-blue-50 text-slate-900" | "bg-slate-700 border-slate-600 hover:border-blue-400 hover:bg-slate-600 text-white">;
2566
2596
  protected toolChipClasses: _angular_core.Signal<"bg-blue-100 text-blue-700 border border-blue-200" | "bg-blue-900/30 text-blue-300 border border-blue-700">;
2567
2597
  protected placeholderClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
@@ -2594,12 +2624,12 @@ declare class FocusAreaToolsModalComponent {
2594
2624
  protected headerClasses: _angular_core.Signal<"bg-gradient-to-r from-white to-slate-50 border-slate-200" | "bg-gradient-to-r from-slate-800 to-slate-900 border-slate-700">;
2595
2625
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2596
2626
  protected closeButtonClasses: _angular_core.Signal<"text-slate-500 hover:bg-slate-100 hover:text-slate-700" | "text-slate-400 hover:bg-slate-700 hover:text-slate-200">;
2597
- protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2627
+ protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2598
2628
  protected checkboxClasses: _angular_core.Signal<"text-blue-600 border-slate-300 focus:ring-blue-500" | "text-blue-400 border-slate-600 focus:ring-blue-400 bg-slate-700">;
2599
- protected checkboxLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2629
+ protected checkboxLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2600
2630
  protected textareaClasses: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400 border-slate-300 focus:border-blue-500 focus:ring-blue-500" | "bg-slate-700 text-white placeholder-slate-500 border-slate-600 focus:border-blue-400 focus:ring-blue-400">;
2601
2631
  protected footerClasses: _angular_core.Signal<"bg-gradient-to-r from-slate-50 to-white border-slate-200" | "bg-gradient-to-r from-slate-900 to-slate-800 border-slate-700">;
2602
- protected cancelButtonClasses: _angular_core.Signal<"bg-slate-200 text-slate-700 hover:bg-slate-300" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
2632
+ protected cancelButtonClasses: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-200 text-slate-700 hover:bg-slate-300">;
2603
2633
  protected saveButtonClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 text-white" | "bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white">;
2604
2634
  constructor();
2605
2635
  onEscapeKey(): void;
@@ -2861,7 +2891,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2861
2891
  private animateValue;
2862
2892
  protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
2863
2893
  protected containerClasses: _angular_core.Signal<string>;
2864
- protected targetRotation: _angular_core.Signal<1 | -1 | 0>;
2894
+ protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
2865
2895
  protected rotationStyle: _angular_core.Signal<string>;
2866
2896
  protected fullBadgeRotationStyle: _angular_core.Signal<string>;
2867
2897
  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">;
@@ -2876,7 +2906,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2876
2906
  protected animatedPercentage: _angular_core.Signal<string>;
2877
2907
  protected extractPercentage: _angular_core.Signal<string>;
2878
2908
  protected displayTextWithoutPercentage: _angular_core.Signal<string>;
2879
- protected overlayBadgeClasses: _angular_core.Signal<"bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
2909
+ protected overlayBadgeClasses: _angular_core.Signal<"bg-emerald-500 text-white" | "bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
2880
2910
  protected overlaySizeClasses: _angular_core.Signal<"px-2 py-1.5 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1 -mr-1 z-10 inline-flex items-center gap-0.5 tabular-nums" | "px-2.5 py-2 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1 tabular-nums">;
2881
2911
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
2882
2912
  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>;
@@ -3329,7 +3359,7 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
3329
3359
  baseZIndex: _angular_core.Signal<number>;
3330
3360
  backdropZIndex: _angular_core.Signal<number>;
3331
3361
  contentZIndex: _angular_core.Signal<number>;
3332
- visualizationType: _angular_core.Signal<"custom" | "horizontal-bar" | "circular-progress" | "napkin-visual" | null>;
3362
+ visualizationType: _angular_core.Signal<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
3333
3363
  horizontalBarData: _angular_core.Signal<{
3334
3364
  percentage: number;
3335
3365
  label: string;
@@ -4071,6 +4101,9 @@ declare class SymphiqProfileFocusAreaDashboardComponent {
4071
4101
  forDemo: _angular_core.InputSignal<boolean>;
4072
4102
  currentUser: _angular_core.InputSignal<UserInterface | undefined>;
4073
4103
  embedded: _angular_core.InputSignal<boolean>;
4104
+ scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | undefined>;
4105
+ scrollElement: _angular_core.InputSignal<HTMLElement | null>;
4106
+ scrollProgress: _angular_core.WritableSignal<number>;
4074
4107
  startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
4075
4108
  answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
4076
4109
  continueClick: _angular_core.OutputEmitterRef<void>;
@@ -4094,7 +4127,7 @@ declare class SymphiqProfileFocusAreaDashboardComponent {
4094
4127
  protected getEmptyStateTitleClasses(): string;
4095
4128
  protected getEmptyStateSubtitleClasses(): string;
4096
4129
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileFocusAreaDashboardComponent, never>;
4097
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileFocusAreaDashboardComponent, "symphiq-profile-focus-area-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileFocusArea": { "alias": "profileFocusArea"; "required": false; "isSignal": true; }; "profileFocusAreaQuestions": { "alias": "profileFocusAreaQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "answerSave": "answerSave"; "continueClick": "continueClick"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
4130
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileFocusAreaDashboardComponent, "symphiq-profile-focus-area-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileFocusArea": { "alias": "profileFocusArea"; "required": false; "isSignal": true; }; "profileFocusAreaQuestions": { "alias": "profileFocusAreaQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "answerSave": "answerSave"; "continueClick": "continueClick"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
4098
4131
  }
4099
4132
 
4100
4133
  type ProfileModalData$1 = {
@@ -4372,6 +4405,9 @@ declare class SymphiqProfileMetricDashboardComponent {
4372
4405
  forDemo: _angular_core.InputSignal<boolean>;
4373
4406
  currentUser: _angular_core.InputSignal<UserInterface | undefined>;
4374
4407
  embedded: _angular_core.InputSignal<boolean>;
4408
+ scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | undefined>;
4409
+ scrollElement: _angular_core.InputSignal<HTMLElement | null>;
4410
+ scrollProgress: _angular_core.WritableSignal<number>;
4375
4411
  startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
4376
4412
  answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
4377
4413
  continueClick: _angular_core.OutputEmitterRef<void>;
@@ -4395,7 +4431,7 @@ declare class SymphiqProfileMetricDashboardComponent {
4395
4431
  protected getEmptyStateTitleClasses(): string;
4396
4432
  protected getEmptyStateSubtitleClasses(): string;
4397
4433
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileMetricDashboardComponent, never>;
4398
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileMetricDashboardComponent, "symphiq-profile-metric-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileMetric": { "alias": "profileMetric"; "required": false; "isSignal": true; }; "funnelMetric": { "alias": "funnelMetric"; "required": false; "isSignal": true; }; "profileMetricQuestions": { "alias": "profileMetricQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "answerSave": "answerSave"; "continueClick": "continueClick"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
4434
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileMetricDashboardComponent, "symphiq-profile-metric-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileMetric": { "alias": "profileMetric"; "required": false; "isSignal": true; }; "funnelMetric": { "alias": "funnelMetric"; "required": false; "isSignal": true; }; "profileMetricQuestions": { "alias": "profileMetricQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "answerSave": "answerSave"; "continueClick": "continueClick"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
4399
4435
  }
4400
4436
 
4401
4437
  interface ChartDataPoint {
@@ -4643,21 +4679,21 @@ declare class FocusAreaExecutiveSummaryComponent {
4643
4679
  private computeImpactBadgeClasses;
4644
4680
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4645
4681
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4646
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4647
- protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4682
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4683
+ protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4648
4684
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
4649
4685
  protected topPrioritiesStatCardClasses: _angular_core.Signal<"bg-purple-50 border-2 border-purple-200 hover:border-purple-400 hover:shadow-lg hover:shadow-purple-100/50" | "bg-purple-500/10 border-2 border-purple-500/30 hover:border-purple-400/50 hover:shadow-lg hover:shadow-purple-500/10">;
4650
4686
  protected topPrioritiesStatLabelClasses: _angular_core.Signal<"text-purple-700" | "text-purple-400">;
4651
4687
  protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
4652
4688
  protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-700" | "text-purple-400">;
4653
- protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50" | "bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10">;
4689
+ protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10" | "bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50">;
4654
4690
  protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4655
- protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-900" | "text-blue-100">;
4691
+ protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
4656
4692
  protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4657
4693
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200 hover:border-blue-300 hover:shadow-xl" | "bg-slate-800/50 border border-slate-700/50 hover:border-blue-500/50 hover:shadow-xl hover:shadow-blue-500/10">;
4658
4694
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4659
4695
  protected numberBadgeClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-400 to-cyan-400 text-white" | "bg-gradient-to-br from-blue-500 to-cyan-500 text-white">;
4660
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4696
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4661
4697
  protected onTopPrioritiesClick(): void;
4662
4698
  protected onPriorityDetailClick(event: {
4663
4699
  priority: FocusAreaTopPriorityInterface;
@@ -4684,36 +4720,36 @@ declare class MetricExecutiveSummaryComponent {
4684
4720
  protected projectedValue: _angular_core.Signal<string | undefined>;
4685
4721
  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">;
4686
4722
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4687
- protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4688
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4723
+ protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4724
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4689
4725
  protected healthBadgeClasses: _angular_core.Signal<string>;
4690
4726
  protected pacingBadgeClasses: _angular_core.Signal<string>;
4691
4727
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4692
- protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4728
+ protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4693
4729
  protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30" | "bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100">;
4694
4730
  protected viewReportButtonClasses: _angular_core.Signal<"bg-slate-700/50 text-slate-300 border border-slate-600 hover:bg-slate-600/50" | "bg-slate-100 text-slate-700 border border-slate-300 hover:bg-slate-200">;
4695
- protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4731
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4696
4732
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4697
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
4733
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
4698
4734
  protected getYoyIcon(): string;
4699
4735
  protected getPacingValueClasses(): string;
4700
4736
  protected getHealthValueClasses(): string;
4701
4737
  protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4702
4738
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
4703
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4704
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4739
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4740
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4705
4741
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4706
4742
  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">;
4707
4743
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
4708
4744
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4709
- protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4745
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4710
4746
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
4711
- protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4712
- protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4747
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4748
+ protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4713
4749
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4714
4750
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
4715
4751
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4716
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4752
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4717
4753
  protected getEffortBadgeClasses(effort: string | undefined): string;
4718
4754
  protected getImpactBadgeClasses(impact: string | undefined): string;
4719
4755
  protected formatMetricName(name: string): string;
@@ -5081,7 +5117,7 @@ declare class CircularProgressComponent implements OnInit, OnDestroy {
5081
5117
  backgroundColor: _angular_core.InputSignal<string>;
5082
5118
  showPercentage: _angular_core.InputSignal<boolean>;
5083
5119
  textClasses: _angular_core.InputSignal<string>;
5084
- strokeLinecap: _angular_core.InputSignal<"square" | "round" | "butt">;
5120
+ strokeLinecap: _angular_core.InputSignal<"round" | "butt" | "square">;
5085
5121
  animationDuration: _angular_core.InputSignal<number>;
5086
5122
  animationDelay: _angular_core.InputSignal<number>;
5087
5123
  private elementRef;
@@ -5186,28 +5222,35 @@ declare class SearchModalComponent {
5186
5222
  clearSearch(): void;
5187
5223
  closeModal(): void;
5188
5224
  selectResult(result: BusinessSearchResult): void;
5189
- getResultClass(index: number): string;
5190
- getTypeIconBgClass(type: string): string;
5191
- getTypeIconClass(type: string): string;
5192
- getTypeBadgeText(result: BusinessSearchResult): string;
5225
+ protected resultsDisplay: _angular_core.Signal<{
5226
+ result: BusinessSearchResult;
5227
+ resultClass: string;
5228
+ typeIconBgClass: string;
5229
+ typeIconClass: string;
5230
+ typeBadgeText: string;
5231
+ }[]>;
5232
+ private computeResultClass;
5233
+ private computeTypeIconBgClass;
5234
+ private computeTypeIconClass;
5235
+ private computeTypeBadgeText;
5193
5236
  containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
5194
5237
  inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
5195
5238
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5196
- clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
5239
+ clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
5197
5240
  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">;
5198
5241
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5199
5242
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5200
- resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5243
+ resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5201
5244
  breadcrumbClass: _angular_core.Signal<string>;
5202
- typeBadgeClass: _angular_core.Signal<"bg-slate-700 text-slate-300" | "bg-slate-100 text-slate-600">;
5245
+ typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
5203
5246
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5204
5247
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5205
5248
  emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
5206
5249
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5207
- emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5250
+ emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5208
5251
  shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
5209
5252
  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">;
5210
- shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5253
+ shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5211
5254
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
5212
5255
  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>;
5213
5256
  }
@@ -5259,7 +5302,7 @@ declare class GradeBadgeComponent {
5259
5302
  gradeRationale: _angular_core.InputSignal<string>;
5260
5303
  label: _angular_core.InputSignal<string>;
5261
5304
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5262
- tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
5305
+ tooltipPosition: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
5263
5306
  isLightMode: _angular_core.Signal<boolean>;
5264
5307
  formattedGrade: _angular_core.Signal<string>;
5265
5308
  shouldPulse: _angular_core.Signal<boolean>;
@@ -5269,7 +5312,7 @@ declare class GradeBadgeComponent {
5269
5312
  explanation: string;
5270
5313
  }>;
5271
5314
  private formatGrade;
5272
- badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5315
+ badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5273
5316
  gradeBadgeClass: _angular_core.Signal<string>;
5274
5317
  private getGradeBadgeClassLight;
5275
5318
  private getGradeBadgeClassDark;
@@ -5351,15 +5394,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5351
5394
  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">;
5352
5395
  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">;
5353
5396
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
5354
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5397
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5355
5398
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5356
- protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
5399
+ protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
5357
5400
  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)]">;
5358
- protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-emerald-300" | "text-blue-300" | "text-orange-700" | "text-red-300" | "text-orange-300">;
5401
+ 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">;
5359
5402
  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">;
5360
- protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5361
- protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5362
- protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
5403
+ protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5404
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5405
+ protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-blue-400" | "text-blue-600" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
5363
5406
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
5364
5407
  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">;
5365
5408
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -5381,12 +5424,12 @@ declare class RelatedContentSidebarComponent {
5381
5424
  protected funnelInsightsCount: _angular_core.Signal<number>;
5382
5425
  protected funnelMetricsCount: _angular_core.Signal<number>;
5383
5426
  protected businessInsightsCount: _angular_core.Signal<number>;
5384
- protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5427
+ protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5385
5428
  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">;
5386
5429
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
5387
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5430
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5388
5431
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5389
- protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5432
+ protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5390
5433
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
5391
5434
  protected onFunnelInsightsClick(): void;
5392
5435
  protected onFunnelMetricsClick(): void;
@@ -5409,15 +5452,15 @@ declare class ContentGenerationProgressComponent {
5409
5452
  protected containerClasses: _angular_core.Signal<string>;
5410
5453
  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">;
5411
5454
  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">;
5412
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5413
- protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5455
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5456
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5414
5457
  protected progressBarContainerClasses: _angular_core.Signal<string>;
5415
5458
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
5416
5459
  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">;
5417
5460
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
5418
5461
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
5419
5462
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
5420
- protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5463
+ protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5421
5464
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
5422
5465
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentGenerationProgressComponent, "symphiq-content-generation-progress", never, { "itemStatus": { "alias": "itemStatus"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "compactTitle": { "alias": "compactTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5423
5466
  }
@@ -5447,8 +5490,8 @@ declare class IndeterminateSpinnerComponent {
5447
5490
  svgSize: _angular_core.Signal<60 | 40 | 80>;
5448
5491
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5449
5492
  svgCircleRadius: _angular_core.Signal<number>;
5450
- strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
5451
- dotSize: _angular_core.Signal<5 | 10 | 7>;
5493
+ strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
5494
+ dotSize: _angular_core.Signal<10 | 5 | 7>;
5452
5495
  containerClasses: _angular_core.Signal<{
5453
5496
  'w-10 h-10': boolean;
5454
5497
  'w-[60px] h-[60px]': boolean;
@@ -5510,7 +5553,7 @@ declare class ChartContainerComponent {
5510
5553
  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">;
5511
5554
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5512
5555
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5513
- descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5556
+ descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5514
5557
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
5515
5558
  chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
5516
5559
  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">;
@@ -5533,7 +5576,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
5533
5576
  height: _angular_core.InputSignal<string | undefined>;
5534
5577
  chartHeight: _angular_core.Signal<string>;
5535
5578
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
5536
- tooltipTextColor: _angular_core.Signal<0 | 16777215>;
5579
+ tooltipTextColor: _angular_core.Signal<16777215 | 0>;
5537
5580
  chartHash: _angular_core.Signal<string>;
5538
5581
  chartDiv: ElementRef;
5539
5582
  private root?;
@@ -5576,7 +5619,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
5576
5619
  showAxisLabels: _angular_core.InputSignal<boolean>;
5577
5620
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5578
5621
  currencySymbol: _angular_core.InputSignal<string>;
5579
- chartHeight: _angular_core.Signal<"500px" | "175px">;
5622
+ chartHeight: _angular_core.Signal<"175px" | "500px">;
5580
5623
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
5581
5624
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
5582
5625
  chartHash: _angular_core.Signal<string>;
@@ -5613,7 +5656,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
5613
5656
  showAxisLabels: _angular_core.InputSignal<boolean>;
5614
5657
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5615
5658
  currencySymbol: _angular_core.InputSignal<string>;
5616
- chartHeight: _angular_core.Signal<"500px" | "200px">;
5659
+ chartHeight: _angular_core.Signal<"200px" | "500px">;
5617
5660
  chartHash: _angular_core.Signal<string>;
5618
5661
  chartDiv: ElementRef;
5619
5662
  private root?;
@@ -5650,6 +5693,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
5650
5693
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5651
5694
  currencySymbol: _angular_core.InputSignal<string>;
5652
5695
  height: _angular_core.InputSignal<string | undefined>;
5696
+ disableInteractions: _angular_core.InputSignal<boolean>;
5653
5697
  chartHeight: _angular_core.Signal<string>;
5654
5698
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
5655
5699
  chartHash: _angular_core.Signal<string>;
@@ -5678,7 +5722,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
5678
5722
  private cleanupIntersectionObserver;
5679
5723
  private createChart;
5680
5724
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AreaChartComponent, never>;
5681
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChartComponent, "symphiq-area-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5725
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChartComponent, "symphiq-area-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "disableInteractions": { "alias": "disableInteractions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5682
5726
  }
5683
5727
 
5684
5728
  declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
@@ -5694,7 +5738,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
5694
5738
  isVisible: _angular_core.Signal<boolean>;
5695
5739
  tooltipType: _angular_core.Signal<string | null>;
5696
5740
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
5697
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
5741
+ tooltipPosition: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "auto">;
5698
5742
  targetRect: _angular_core.Signal<DOMRect | null>;
5699
5743
  mousePosition: _angular_core.Signal<{
5700
5744
  x: number;
@@ -5719,7 +5763,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
5719
5763
  shouldCenter: _angular_core.Signal<boolean>;
5720
5764
  containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
5721
5765
  contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
5722
- textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
5766
+ textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
5723
5767
  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">;
5724
5768
  transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
5725
5769
  constructor();
@@ -5849,11 +5893,11 @@ declare class FocusAreaDetailCardComponent {
5849
5893
  protected metaLabelClasses: _angular_core.Signal<"text-xs font-medium text-slate-400 uppercase tracking-wide" | "text-xs font-medium text-slate-600 uppercase tracking-wide">;
5850
5894
  protected toolChipClasses: _angular_core.Signal<"px-2.5 py-1 rounded-md bg-emerald-500/10 text-emerald-300 text-xs border border-emerald-500/30" | "px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs border border-emerald-200">;
5851
5895
  protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
5852
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5896
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5853
5897
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
5854
5898
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
5855
5899
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
5856
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5900
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5857
5901
  protected toggleExpanded(): void;
5858
5902
  protected toggleCompetitiveGap(): void;
5859
5903
  onExpandItem(event: CustomEvent): void;
@@ -5929,11 +5973,11 @@ declare class CompetitorAnalysisCardComponent {
5929
5973
  protected linkClasses: _angular_core.Signal<"text-sm text-blue-400 hover:text-blue-300 underline transition-colors" | "text-sm text-blue-600 hover:text-blue-700 underline transition-colors">;
5930
5974
  protected listItemClasses: _angular_core.Signal<"text-sm text-slate-200 leading-relaxed flex items-start" | "text-sm text-slate-600 leading-relaxed flex items-start">;
5931
5975
  protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
5932
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5976
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5933
5977
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
5934
5978
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
5935
5979
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
5936
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5980
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5937
5981
  protected toggleExpanded(): void;
5938
5982
  protected navigateToItem(item: ProfileItemInterface): void;
5939
5983
  onExpandItem(event: CustomEvent): void;
@@ -5953,7 +5997,7 @@ declare class OpportunityHighlightBannerComponent {
5953
5997
  protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
5954
5998
  protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
5955
5999
  protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
5956
- protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
6000
+ protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
5957
6001
  handleClick(event: Event): void;
5958
6002
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
5959
6003
  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>;