@eric-emg/symphiq-components 1.3.4 → 1.3.6

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 +232 -157
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/symphiq-components.d.ts +124 -118
  5. package/types/symphiq-components.d.ts.map +1 -1
package/types/symphiq-components.d.ts CHANGED
@@ -1073,7 +1073,7 @@ declare class ModalComponent {
1073
1073
  private animatedTrendValues;
1074
1074
  private animationFrames;
1075
1075
  isOpen: _angular_core.Signal<boolean>;
1076
- modalType: _angular_core.Signal<"chart" | "insight" | "metric" | "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
+ 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>;
1077
1077
  charts: _angular_core.Signal<AiChartInterface[]>;
1078
1078
  modalKey: _angular_core.Signal<number>;
1079
1079
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1092,7 +1092,7 @@ declare class ModalComponent {
1092
1092
  description: string;
1093
1093
  icon: string;
1094
1094
  } | null>;
1095
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1095
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1096
1096
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1097
1097
  metricsListInsightContext: _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
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1103
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1104
1104
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1105
1105
  chartsListInsightContext: _angular_core.Signal<{
1106
1106
  title: string;
@@ -1108,7 +1108,7 @@ declare class ModalComponent {
1108
1108
  businessContext: string;
1109
1109
  priority: number;
1110
1110
  } | null>;
1111
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1111
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1112
1112
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1113
1113
  recommendationsListInsightContext: _angular_core.Signal<{
1114
1114
  title: string;
@@ -1116,7 +1116,7 @@ declare class ModalComponent {
1116
1116
  businessContext: string;
1117
1117
  priority: number;
1118
1118
  } | null>;
1119
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1119
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1120
1120
  competitiveAnalysisContext: _angular_core.Signal<{
1121
1121
  title: string;
1122
1122
  description: string;
@@ -1412,14 +1412,14 @@ declare class ViewModeSwitcherModalComponent {
1412
1412
  private computeOptionDescriptionClasses;
1413
1413
  protected backdropClasses: _angular_core.Signal<"bg-slate-950/25" | "bg-slate-900/15">;
1414
1414
  protected modalClasses: _angular_core.Signal<"bg-slate-800/95 border border-slate-700/50" | "bg-white/95 border border-slate-200">;
1415
- protected headerClasses: _angular_core.Signal<"border-slate-700/50" | "border-slate-200">;
1416
- protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
1417
- protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1415
+ protected headerClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700/50">;
1416
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
1417
+ protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1418
1418
  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">;
1419
1419
  protected contentClasses: _angular_core.Signal<"bg-slate-800/50" | "bg-slate-50/50">;
1420
1420
  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">;
1421
1421
  protected spinnerClasses: _angular_core.Signal<"border-blue-500" | "border-blue-600">;
1422
- protected loadingTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1422
+ protected loadingTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1423
1423
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewModeSwitcherModalComponent, never>;
1424
1424
  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>;
1425
1425
  }
@@ -1531,10 +1531,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1531
1531
  */
1532
1532
  private chartsById;
1533
1533
  headerClass: _angular_core.Signal<string>;
1534
- headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1535
- headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1534
+ headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1535
+ headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1536
1536
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1537
- sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1537
+ sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1538
1538
  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">;
1539
1539
  sortButtonClass: _angular_core.Signal<"bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200" | "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200">;
1540
1540
  formattedGeneratedDate: _angular_core.Signal<string | null>;
@@ -1705,9 +1705,9 @@ declare class MetricCardComponent {
1705
1705
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1706
1706
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1707
1707
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1708
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-700" | "text-blue-400" | "text-emerald-600" | "text-orange-600">;
1709
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1710
- competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1708
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-400" | "text-blue-700" | "text-orange-600">;
1709
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1710
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1711
1711
  getCompetitiveScoreIcon(): string;
1712
1712
  getCompetitiveScoreLabel(): string;
1713
1713
  getCompetitiveScoreLabelFull(): string;
@@ -1980,10 +1980,10 @@ declare class OverallAssessmentComponent {
1980
1980
  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">;
1981
1981
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1982
1982
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1983
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1983
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1984
1984
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1985
1985
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1986
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1986
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1987
1987
  formattedRevenueTrend: _angular_core.Signal<string>;
1988
1988
  formattedRevenueTarget: _angular_core.Signal<string>;
1989
1989
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2289,7 +2289,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2289
2289
  hasCompetitiveData: _angular_core.Signal<boolean>;
2290
2290
  hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
2291
2291
  overallCompetitiveDescription: _angular_core.Signal<string>;
2292
- overallCompetitiveLabel: _angular_core.Signal<"N/A" | _jebgem_model.CompetitiveScoreEnum>;
2292
+ overallCompetitiveLabel: _angular_core.Signal<_jebgem_model.CompetitiveScoreEnum | "N/A">;
2293
2293
  overallCompetitiveIcon: _angular_core.Signal<"↑" | "↔" | "↓" | "•">;
2294
2294
  competitiveScore: _angular_core.Signal<string>;
2295
2295
  gradeTooltip: _angular_core.Signal<{
@@ -2416,19 +2416,19 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
2416
2416
  ngOnDestroy(): void;
2417
2417
  private isDark;
2418
2418
  protected getContainerClasses: _angular_core.Signal<"" | "relative min-h-screen">;
2419
- protected containerClasses: _angular_core.Signal<"bg-slate-800/40 border-slate-700/50" | "bg-white border-slate-200">;
2419
+ protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/40 border-slate-700/50">;
2420
2420
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60" | "bg-gradient-to-br from-blue-50/30 via-white to-purple-50/30">;
2421
2421
  protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-500/20 to-purple-500/20 text-blue-400" | "bg-gradient-to-br from-blue-100 to-purple-100 text-blue-600">;
2422
2422
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">;
2423
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2423
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2424
2424
  protected highlightBoxClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50 border-blue-300">;
2425
- protected highlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2426
- protected highlightTitleClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
2427
- protected highlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2425
+ protected highlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
2426
+ protected highlightTitleClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
2427
+ protected highlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2428
2428
  protected nextStepsBoxClasses: _angular_core.Signal<"bg-amber-500/10 border-amber-500/30" | "bg-amber-50 border-amber-200">;
2429
2429
  protected nextStepsIconClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
2430
2430
  protected nextStepsTitleClasses: _angular_core.Signal<"text-amber-400" | "text-amber-700">;
2431
- protected nextStepsTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2431
+ protected nextStepsTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2432
2432
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqWelcomeDashboardComponent, never>;
2433
2433
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqWelcomeDashboardComponent, "symphiq-welcome-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
2434
2434
  }
@@ -2470,6 +2470,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2470
2470
  protected isLoading: _angular_core.WritableSignal<boolean>;
2471
2471
  protected isCreatingAccount: _angular_core.Signal<boolean>;
2472
2472
  protected formChanged: _angular_core.WritableSignal<boolean>;
2473
+ protected formValid: _angular_core.WritableSignal<boolean>;
2473
2474
  private originalFormValue;
2474
2475
  private loadTime;
2475
2476
  protected ShopPlatformEnum: typeof ShopPlatformEnum;
@@ -2497,6 +2498,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2497
2498
  }[]>;
2498
2499
  protected focusAreasAnswered: _angular_core.Signal<number>;
2499
2500
  protected allFocusAreasAnswered: _angular_core.Signal<boolean>;
2501
+ protected focusAreaProgressPercent: _angular_core.Signal<number>;
2500
2502
  protected currentEditingFocusAreaTitle: _angular_core.Signal<string>;
2501
2503
  protected currentEditingTools: _angular_core.Signal<string[]>;
2502
2504
  protected engagedFocusAreas: _angular_core.Signal<FocusAreaDetailInterface[]>;
@@ -2523,7 +2525,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2523
2525
  private checkFormChanged;
2524
2526
  protected isFieldInvalid(fieldName: string): boolean;
2525
2527
  protected isFormValid(): boolean;
2526
- protected isButtonEnabled(): boolean;
2528
+ protected isButtonEnabled: _angular_core.Signal<boolean>;
2527
2529
  protected handleContinue(): void;
2528
2530
  protected handleSaveFocusAreas(): void;
2529
2531
  private initializeFocusAreasMap;
@@ -2540,33 +2542,37 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2540
2542
  protected containerWrapperClasses: _angular_core.Signal<"" | "min-h-screen">;
2541
2543
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2542
2544
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2543
- protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2544
- protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2545
- protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2545
+ protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2546
+ protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2547
+ protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2546
2548
  protected inputClasses(fieldName: string): string;
2547
2549
  protected urlPrefixClasses: _angular_core.Signal<"bg-slate-100 text-slate-600 border-slate-300" | "bg-slate-600 text-slate-300 border-slate-600">;
2548
2550
  protected urlInputClasses(fieldName: string): string;
2549
2551
  protected radioPlatformClasses(platform: ShopPlatformEnum): string;
2550
2552
  protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
2551
- protected radioLabelClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2553
+ protected radioLabelClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2552
2554
  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">;
2553
- protected checkboxLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2555
+ protected checkboxLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2554
2556
  protected errorClasses: _angular_core.Signal<string>;
2555
- protected viewLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2556
- protected viewValueClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2557
+ protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2558
+ protected viewValueClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2557
2559
  protected viewLinkClasses: _angular_core.Signal<"text-blue-600 hover:text-blue-700" | "text-blue-400 hover:text-blue-300">;
2558
- protected editButtonClasses: _angular_core.Signal<"bg-blue-500 text-white hover:bg-blue-600" | "bg-blue-600 text-white hover:bg-blue-700">;
2560
+ protected editButtonClasses: _angular_core.Signal<"bg-blue-600 text-white hover:bg-blue-700" | "bg-blue-500 text-white hover:bg-blue-600">;
2559
2561
  protected stickyButtonContainerClasses: _angular_core.Signal<"bg-white/90 border-slate-200" | "bg-slate-900/90 border-slate-700">;
2560
- 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">;
2561
- 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">;
2562
+ 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">;
2563
+ 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">;
2564
+ protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2565
+ protected focusAreaProgressCountClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-blue-600" | "text-blue-400">;
2566
+ protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
2567
+ protected focusAreaProgressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-emerald-400 to-teal-400" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-blue-400 to-cyan-400">;
2562
2568
  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">;
2563
2569
  protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
2564
2570
  protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2565
2571
  protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2566
- protected focusAreaViewTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2567
- protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2572
+ protected focusAreaViewTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2573
+ protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2568
2574
  protected statusBadgeClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2569
- protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2575
+ protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2570
2576
  protected toolChipViewClasses: _angular_core.Signal<"bg-white text-emerald-700 border border-emerald-200" | "bg-slate-800 text-emerald-300 border border-emerald-700">;
2571
2577
  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">;
2572
2578
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqCreateAccountDashboardComponent, never>;
@@ -2600,11 +2606,11 @@ declare class FocusAreaQuestionComponent {
2600
2606
  private computeRadioLabelClasses;
2601
2607
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2602
2608
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2603
- protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2604
- protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2605
- 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">;
2606
- protected radioDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2607
- protected toolsLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2609
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2610
+ protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2611
+ 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">;
2612
+ protected radioDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2613
+ protected toolsLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2608
2614
  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">;
2609
2615
  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">;
2610
2616
  protected placeholderClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
@@ -2635,14 +2641,14 @@ declare class FocusAreaToolsModalComponent {
2635
2641
  protected backdropClasses: _angular_core.Signal<"bg-black/15" | "bg-black/40">;
2636
2642
  protected containerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
2637
2643
  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">;
2638
- protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2644
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2639
2645
  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">;
2640
- protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2646
+ protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2641
2647
  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">;
2642
- protected checkboxLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2648
+ protected checkboxLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2643
2649
  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">;
2644
2650
  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">;
2645
- 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">;
2651
+ 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">;
2646
2652
  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">;
2647
2653
  constructor();
2648
2654
  onEscapeKey(): void;
@@ -3854,11 +3860,11 @@ declare class ShopWelcomeBannerComponent {
3854
3860
  protected readonly whatYoullSeeBelowItems: WhatYoullSeeBelowItem[];
3855
3861
  protected formattedAnalysisDate: _angular_core.Signal<string | null>;
3856
3862
  private isDark;
3857
- protected containerClasses: _angular_core.Signal<"bg-slate-800/40 border-slate-700/50" | "bg-white border-slate-200">;
3863
+ protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/40 border-slate-700/50">;
3858
3864
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60" | "bg-gradient-to-br from-emerald-50/30 via-white to-cyan-50/30">;
3859
3865
  protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/20 to-cyan-500/20 text-emerald-400" | "bg-gradient-to-br from-emerald-100 to-cyan-100 text-emerald-600">;
3860
3866
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-emerald-600 to-cyan-600 bg-clip-text text-transparent">;
3861
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3867
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3862
3868
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopWelcomeBannerComponent, never>;
3863
3869
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopWelcomeBannerComponent, "symphiq-shop-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "businessName": { "alias": "businessName"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "analysisDate": { "alias": "analysisDate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3864
3870
  }
@@ -4116,14 +4122,14 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
4116
4122
  getCardFooterClasses(): string;
4117
4123
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4118
4124
  protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
4119
- protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4120
- protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4125
+ protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4126
+ protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4121
4127
  protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
4122
- protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4123
- protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4124
- protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4128
+ protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4129
+ protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4130
+ protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4125
4131
  protected statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
4126
- protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4132
+ protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4127
4133
  private getIconForDomain;
4128
4134
  getEngagementBadgeClasses(status: FocusAreaDetailStatusEnum): string;
4129
4135
  getEngagementStatusLabel(status: FocusAreaDetailStatusEnum): string;
@@ -4322,12 +4328,12 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
4322
4328
  } | null;
4323
4329
  protected handleDisplayModeChange(mode: DisplayModeEnum): void;
4324
4330
  protected getAnalysisSubtitle(): string;
4325
- protected containerClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4326
- protected progressCardClasses: _angular_core.Signal<"bg-slate-800/40 border-slate-700/50" | "bg-white border-slate-200">;
4327
- protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4331
+ protected containerClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4332
+ protected progressCardClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/40 border-slate-700/50">;
4333
+ protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4328
4334
  protected sectionCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4329
4335
  protected sectionIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-50 text-blue-600">;
4330
- protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4336
+ protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4331
4337
  private formatGradeInText;
4332
4338
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, never>;
4333
4339
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, "symphiq-profile-analysis-focus-area-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "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; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "isMarkingAsReviewed": { "alias": "isMarkingAsReviewed"; "required": false; "isSignal": true; }; }, { "nextStepClick": "nextStepClick"; "markAsReviewedClick": "markAsReviewedClick"; }, never, never, true, never>;
@@ -4426,9 +4432,9 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
4426
4432
  handleSearchClick(): void;
4427
4433
  handleCloseSearchModal(): void;
4428
4434
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4429
- protected welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
4430
- protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4431
- protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4435
+ protected welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
4436
+ protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4437
+ protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4432
4438
  private getIconForMetric;
4433
4439
  private getMetricDescription;
4434
4440
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileMetricsAnalysesDashboardComponent, never>;
@@ -4718,22 +4724,22 @@ declare class FocusAreaExecutiveSummaryComponent {
4718
4724
  private computeEffortBadgeClasses;
4719
4725
  private computeImpactBadgeClasses;
4720
4726
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4721
- protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4722
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4723
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4727
+ protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4728
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4729
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4724
4730
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
4725
4731
  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">;
4726
4732
  protected topPrioritiesStatLabelClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4727
4733
  protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
4728
4734
  protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4729
- 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">;
4730
- protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4731
- protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-900" | "text-blue-100">;
4732
- protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4735
+ 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">;
4736
+ protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4737
+ protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
4738
+ protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4733
4739
  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">;
4734
4740
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4735
4741
  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">;
4736
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4742
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4737
4743
  protected onTopPrioritiesClick(): void;
4738
4744
  protected onPriorityDetailClick(event: {
4739
4745
  priority: FocusAreaTopPriorityInterface;
@@ -4771,36 +4777,36 @@ declare class MetricExecutiveSummaryComponent {
4771
4777
  protected projectedValue: _angular_core.Signal<string | undefined>;
4772
4778
  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">;
4773
4779
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4774
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4775
- protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4780
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4781
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4776
4782
  protected healthBadgeClasses: _angular_core.Signal<string>;
4777
4783
  protected pacingBadgeClasses: _angular_core.Signal<string>;
4778
4784
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4779
- protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4785
+ protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4780
4786
  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">;
4781
4787
  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">;
4782
- protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4788
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4783
4789
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4784
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
4790
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
4785
4791
  protected getYoyIcon(): string;
4786
4792
  protected getPacingValueClasses(): string;
4787
4793
  protected getHealthValueClasses(): string;
4788
4794
  protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4789
4795
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
4790
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4791
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4796
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4797
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4792
4798
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4793
4799
  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">;
4794
4800
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
4795
4801
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4796
- protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4802
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4797
4803
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
4798
- protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4799
- protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4804
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4805
+ protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4800
4806
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4801
4807
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
4802
4808
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4803
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4809
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4804
4810
  protected formatMetricName(name: string): string;
4805
4811
  protected formatNumber(value: string | number | undefined): string;
4806
4812
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricExecutiveSummaryComponent, never>;
@@ -5165,7 +5171,7 @@ declare class CircularProgressComponent implements OnInit, OnDestroy {
5165
5171
  backgroundColor: _angular_core.InputSignal<string>;
5166
5172
  showPercentage: _angular_core.InputSignal<boolean>;
5167
5173
  textClasses: _angular_core.InputSignal<string>;
5168
- strokeLinecap: _angular_core.InputSignal<"round" | "butt" | "square">;
5174
+ strokeLinecap: _angular_core.InputSignal<"square" | "round" | "butt">;
5169
5175
  animationDuration: _angular_core.InputSignal<number>;
5170
5176
  animationDelay: _angular_core.InputSignal<number>;
5171
5177
  private elementRef;
@@ -5284,21 +5290,21 @@ declare class SearchModalComponent {
5284
5290
  containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
5285
5291
  inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
5286
5292
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5287
- clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
5293
+ clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
5288
5294
  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">;
5289
5295
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5290
- resultTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5291
- resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5296
+ resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5297
+ resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5292
5298
  breadcrumbClass: _angular_core.Signal<string>;
5293
- typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
5299
+ typeBadgeClass: _angular_core.Signal<"bg-slate-700 text-slate-300" | "bg-slate-100 text-slate-600">;
5294
5300
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5295
5301
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5296
5302
  emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
5297
- emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5298
- emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5303
+ emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5304
+ emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5299
5305
  shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
5300
5306
  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">;
5301
- shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5307
+ shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5302
5308
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
5303
5309
  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>;
5304
5310
  }
@@ -5337,7 +5343,7 @@ declare class DashboardHeaderComponent implements OnInit {
5337
5343
  protected onTitleMouseLeave(): void;
5338
5344
  formattedGeneratedDate: _angular_core.Signal<string>;
5339
5345
  formatDate(dateString: string): string;
5340
- headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5346
+ headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5341
5347
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
5342
5348
  protected getHeaderClasses(): string;
5343
5349
  protected getMainTitleClasses(): string;
@@ -5354,7 +5360,7 @@ declare class GradeBadgeComponent {
5354
5360
  gradeRationale: _angular_core.InputSignal<string>;
5355
5361
  label: _angular_core.InputSignal<string>;
5356
5362
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5357
- tooltipPosition: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
5363
+ tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
5358
5364
  isLightMode: _angular_core.Signal<boolean>;
5359
5365
  formattedGrade: _angular_core.Signal<string>;
5360
5366
  shouldPulse: _angular_core.Signal<boolean>;
@@ -5364,7 +5370,7 @@ declare class GradeBadgeComponent {
5364
5370
  explanation: string;
5365
5371
  }>;
5366
5372
  private formatGrade;
5367
- badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5373
+ badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5368
5374
  gradeBadgeClass: _angular_core.Signal<string>;
5369
5375
  private getGradeBadgeClassLight;
5370
5376
  private getGradeBadgeClassDark;
@@ -5446,15 +5452,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5446
5452
  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">;
5447
5453
  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">;
5448
5454
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
5449
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5455
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5450
5456
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5451
5457
  protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
5452
5458
  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)]">;
5453
- protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
5459
+ protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
5454
5460
  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">;
5455
- protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5456
- protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5457
- protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-blue-400" | "text-blue-600" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
5461
+ protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5462
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5463
+ protected progressValueClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-blue-600" | "text-blue-400" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
5458
5464
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
5459
5465
  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">;
5460
5466
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -5476,12 +5482,12 @@ declare class RelatedContentSidebarComponent {
5476
5482
  protected funnelInsightsCount: _angular_core.Signal<number>;
5477
5483
  protected funnelMetricsCount: _angular_core.Signal<number>;
5478
5484
  protected businessInsightsCount: _angular_core.Signal<number>;
5479
- protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5485
+ protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5480
5486
  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">;
5481
5487
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
5482
- protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5483
- protected countClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
5484
- protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5488
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5489
+ protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5490
+ protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5485
5491
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
5486
5492
  protected onFunnelInsightsClick(): void;
5487
5493
  protected onFunnelMetricsClick(): void;
@@ -5504,15 +5510,15 @@ declare class ContentGenerationProgressComponent {
5504
5510
  protected containerClasses: _angular_core.Signal<string>;
5505
5511
  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">;
5506
5512
  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">;
5507
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5508
- protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5513
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5514
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5509
5515
  protected progressBarContainerClasses: _angular_core.Signal<string>;
5510
5516
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
5511
5517
  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">;
5512
5518
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
5513
5519
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
5514
5520
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
5515
- protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5521
+ protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5516
5522
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
5517
5523
  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>;
5518
5524
  }
@@ -5539,10 +5545,10 @@ declare class IndeterminateSpinnerComponent {
5539
5545
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5540
5546
  size: _angular_core.InputSignal<SpinnerSize>;
5541
5547
  color: _angular_core.InputSignal<string | undefined>;
5542
- svgSize: _angular_core.Signal<60 | 40 | 80>;
5548
+ svgSize: _angular_core.Signal<40 | 80 | 60>;
5543
5549
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5544
5550
  svgCircleRadius: _angular_core.Signal<number>;
5545
- strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
5551
+ strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
5546
5552
  dotSize: _angular_core.Signal<10 | 5 | 7>;
5547
5553
  containerClasses: _angular_core.Signal<{
5548
5554
  'w-10 h-10': boolean;
@@ -5585,7 +5591,7 @@ declare class UserDisplayComponent {
5585
5591
  avatarSize: _angular_core.InputSignal<AvatarSize>;
5586
5592
  showEmail: _angular_core.InputSignal<boolean>;
5587
5593
  protected displayName: _angular_core.Signal<string>;
5588
- protected nameClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
5594
+ protected nameClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5589
5595
  protected emailClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5590
5596
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserDisplayComponent, never>;
5591
5597
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserDisplayComponent, "symphiq-user-display", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showEmail": { "alias": "showEmail"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -5604,10 +5610,10 @@ declare class ChartContainerComponent {
5604
5610
  protected ChartTypeEnum: typeof ChartTypeEnum;
5605
5611
  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">;
5606
5612
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5607
- titleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5608
- descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5613
+ titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5614
+ descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5609
5615
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
5610
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
5616
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
5611
5617
  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">;
5612
5618
  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">;
5613
5619
  isCollapsible: _angular_core.Signal<boolean>;
@@ -5627,7 +5633,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
5627
5633
  currencySymbol: _angular_core.InputSignal<string>;
5628
5634
  height: _angular_core.InputSignal<string | undefined>;
5629
5635
  chartHeight: _angular_core.Signal<string>;
5630
- cursorColor: _angular_core.Signal<16777215 | 9741240>;
5636
+ cursorColor: _angular_core.Signal<9741240 | 16777215>;
5631
5637
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
5632
5638
  chartHash: _angular_core.Signal<string>;
5633
5639
  chartDiv: ElementRef;
@@ -5672,7 +5678,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
5672
5678
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5673
5679
  currencySymbol: _angular_core.InputSignal<string>;
5674
5680
  chartHeight: _angular_core.Signal<"500px" | "175px">;
5675
- cursorColor: _angular_core.Signal<16777215 | 9741240>;
5681
+ cursorColor: _angular_core.Signal<9741240 | 16777215>;
5676
5682
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
5677
5683
  chartHash: _angular_core.Signal<string>;
5678
5684
  chartDiv: ElementRef;
@@ -5747,7 +5753,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
5747
5753
  height: _angular_core.InputSignal<string | undefined>;
5748
5754
  disableInteractions: _angular_core.InputSignal<boolean>;
5749
5755
  chartHeight: _angular_core.Signal<string>;
5750
- cursorColor: _angular_core.Signal<16777215 | 9741240>;
5756
+ cursorColor: _angular_core.Signal<9741240 | 16777215>;
5751
5757
  chartHash: _angular_core.Signal<string>;
5752
5758
  chartDiv: ElementRef;
5753
5759
  private root?;
@@ -5790,7 +5796,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
5790
5796
  isVisible: _angular_core.Signal<boolean>;
5791
5797
  tooltipType: _angular_core.Signal<string | null>;
5792
5798
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
5793
- tooltipPosition: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "auto">;
5799
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
5794
5800
  targetRect: _angular_core.Signal<DOMRect | null>;
5795
5801
  mousePosition: _angular_core.Signal<{
5796
5802
  x: number;
@@ -5945,11 +5951,11 @@ declare class FocusAreaDetailCardComponent {
5945
5951
  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">;
5946
5952
  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">;
5947
5953
  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">;
5948
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5954
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5949
5955
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
5950
5956
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
5951
5957
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
5952
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5958
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5953
5959
  protected toggleExpanded(): void;
5954
5960
  protected toggleCompetitiveGap(): void;
5955
5961
  onExpandItem(event: Event): void;
@@ -6025,11 +6031,11 @@ declare class CompetitorAnalysisCardComponent {
6025
6031
  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">;
6026
6032
  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">;
6027
6033
  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">;
6028
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6034
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6029
6035
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6030
6036
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
6031
6037
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6032
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6038
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6033
6039
  protected toggleExpanded(): void;
6034
6040
  protected navigateToItem(item: ProfileItemInterface): void;
6035
6041
  onExpandItem(event: Event): void;