@eric-emg/symphiq-components 1.3.34 → 1.3.35

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 +1 -1
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/symphiq-components.d.ts +73 -73
  5. package/types/symphiq-components.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eric-emg/symphiq-components",
3
- "version": "1.3.34",
3
+ "version": "1.3.35",
4
4
  "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
5
5
  "author": "Your Organization",
6
6
  "license": "MIT",
package/types/symphiq-components.d.ts CHANGED
@@ -1141,7 +1141,7 @@ declare class ModalComponent {
1141
1141
  description: string;
1142
1142
  icon: string;
1143
1143
  } | null>;
1144
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1144
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1145
1145
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1146
1146
  metricsListInsightContext: _angular_core.Signal<{
1147
1147
  title: string;
@@ -1149,7 +1149,7 @@ declare class ModalComponent {
1149
1149
  businessContext: string;
1150
1150
  priority: number;
1151
1151
  } | null>;
1152
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1152
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1153
1153
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1154
1154
  chartsListInsightContext: _angular_core.Signal<{
1155
1155
  title: string;
@@ -1157,7 +1157,7 @@ declare class ModalComponent {
1157
1157
  businessContext: string;
1158
1158
  priority: number;
1159
1159
  } | null>;
1160
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1160
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1161
1161
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1162
1162
  recommendationsListInsightContext: _angular_core.Signal<{
1163
1163
  title: string;
@@ -1165,7 +1165,7 @@ declare class ModalComponent {
1165
1165
  businessContext: string;
1166
1166
  priority: number;
1167
1167
  } | null>;
1168
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1168
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1169
1169
  competitiveAnalysisContext: _angular_core.Signal<{
1170
1170
  title: string;
1171
1171
  description: string;
@@ -1461,14 +1461,14 @@ declare class ViewModeSwitcherModalComponent {
1461
1461
  private computeOptionDescriptionClasses;
1462
1462
  protected backdropClasses: _angular_core.Signal<"bg-slate-950/25" | "bg-slate-900/15">;
1463
1463
  protected modalClasses: _angular_core.Signal<"bg-slate-800/95 border border-slate-700/50" | "bg-white/95 border border-slate-200">;
1464
- protected headerClasses: _angular_core.Signal<"border-slate-700/50" | "border-slate-200">;
1464
+ protected headerClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700/50">;
1465
1465
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
1466
1466
  protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1467
1467
  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">;
1468
1468
  protected contentClasses: _angular_core.Signal<"bg-slate-800/50" | "bg-slate-50/50">;
1469
1469
  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">;
1470
1470
  protected spinnerClasses: _angular_core.Signal<"border-blue-500" | "border-blue-600">;
1471
- protected loadingTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1471
+ protected loadingTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1472
1472
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewModeSwitcherModalComponent, never>;
1473
1473
  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>;
1474
1474
  }
@@ -1754,9 +1754,9 @@ declare class MetricCardComponent {
1754
1754
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1755
1755
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1756
1756
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1757
- competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1758
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1759
- competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1757
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1758
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1759
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1760
1760
  getCompetitiveScoreIcon(): string;
1761
1761
  getCompetitiveScoreLabel(): string;
1762
1762
  getCompetitiveScoreLabelFull(): string;
@@ -2469,15 +2469,15 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
2469
2469
  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">;
2470
2470
  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">;
2471
2471
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">;
2472
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2472
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2473
2473
  protected highlightBoxClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50 border-blue-300">;
2474
- protected highlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
2475
- protected highlightTitleClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
2476
- protected highlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2474
+ protected highlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2475
+ protected highlightTitleClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
2476
+ protected highlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2477
2477
  protected nextStepsBoxClasses: _angular_core.Signal<"bg-amber-500/10 border-amber-500/30" | "bg-amber-50 border-amber-200">;
2478
2478
  protected nextStepsIconClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
2479
2479
  protected nextStepsTitleClasses: _angular_core.Signal<"text-amber-400" | "text-amber-700">;
2480
- protected nextStepsTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2480
+ protected nextStepsTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2481
2481
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqWelcomeDashboardComponent, never>;
2482
2482
  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>;
2483
2483
  }
@@ -2593,7 +2593,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2593
2593
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2594
2594
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2595
2595
  protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2596
- protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2596
+ protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2597
2597
  protected inputClasses(fieldName: string): string;
2598
2598
  protected urlPrefixClasses: _angular_core.Signal<"bg-slate-100 text-slate-600 border-slate-300" | "bg-slate-600 text-slate-300 border-slate-600">;
2599
2599
  protected urlInputClasses(fieldName: string): string;
@@ -2611,7 +2611,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2611
2611
  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">;
2612
2612
  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">;
2613
2613
  protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2614
- protected focusAreaProgressCountClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400">;
2614
+ protected focusAreaProgressCountClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-blue-400" | "text-blue-600">;
2615
2615
  protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
2616
2616
  protected focusAreaProgressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-emerald-400 to-teal-400" | "bg-gradient-to-r from-blue-400 to-cyan-400">;
2617
2617
  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">;
@@ -2659,7 +2659,7 @@ declare class FocusAreaQuestionComponent {
2659
2659
  protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2660
2660
  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">;
2661
2661
  protected radioDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2662
- protected toolsLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2662
+ protected toolsLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2663
2663
  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">;
2664
2664
  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">;
2665
2665
  protected placeholderClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
@@ -2692,9 +2692,9 @@ declare class FocusAreaToolsModalComponent {
2692
2692
  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">;
2693
2693
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2694
2694
  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">;
2695
- protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2695
+ protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2696
2696
  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">;
2697
- protected checkboxLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2697
+ protected checkboxLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2698
2698
  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">;
2699
2699
  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">;
2700
2700
  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">;
@@ -2959,7 +2959,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2959
2959
  private animateValue;
2960
2960
  protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
2961
2961
  protected containerClasses: _angular_core.Signal<string>;
2962
- protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
2962
+ protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
2963
2963
  protected rotationStyle: _angular_core.Signal<string>;
2964
2964
  protected fullBadgeRotationStyle: _angular_core.Signal<string>;
2965
2965
  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">;
@@ -2974,7 +2974,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2974
2974
  protected animatedPercentage: _angular_core.Signal<string>;
2975
2975
  protected extractPercentage: _angular_core.Signal<string>;
2976
2976
  protected displayTextWithoutPercentage: _angular_core.Signal<string>;
2977
- 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">;
2977
+ 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">;
2978
2978
  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">;
2979
2979
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
2980
2980
  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>;
@@ -3913,7 +3913,7 @@ declare class ShopWelcomeBannerComponent {
3913
3913
  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">;
3914
3914
  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">;
3915
3915
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-emerald-600 to-cyan-600 bg-clip-text text-transparent">;
3916
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3916
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3917
3917
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopWelcomeBannerComponent, never>;
3918
3918
  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; }; "isShopProfileComplete": { "alias": "isShopProfileComplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3919
3919
  }
@@ -4173,13 +4173,13 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
4173
4173
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4174
4174
  protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
4175
4175
  protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4176
- protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4176
+ protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4177
4177
  protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
4178
- protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4178
+ protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4179
4179
  protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4180
- protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4180
+ protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4181
4181
  protected statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
4182
- protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4182
+ protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4183
4183
  private getIconForDomain;
4184
4184
  getEngagementBadgeClasses(status: FocusAreaDetailStatusEnum): string;
4185
4185
  getEngagementStatusLabel(status: FocusAreaDetailStatusEnum): string;
@@ -4381,7 +4381,7 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
4381
4381
  protected containerClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4382
4382
  protected progressCardClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/40 border-slate-700/50">;
4383
4383
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4384
- protected sectionCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
4384
+ protected sectionCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4385
4385
  protected sectionIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-50 text-blue-600">;
4386
4386
  protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4387
4387
  private formatGradeInText;
@@ -4489,10 +4489,10 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4489
4489
  protected welcomeTitleClasses: _angular_core.Signal<string>;
4490
4490
  protected welcomeSubtitleClasses: _angular_core.Signal<string>;
4491
4491
  protected welcomeDescriptionClasses: _angular_core.Signal<string>;
4492
- protected bannerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
4492
+ protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4493
4493
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4494
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4495
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4494
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4495
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4496
4496
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/50 border border-slate-700">;
4497
4497
  protected goalTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4498
4498
  protected goalDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -4500,15 +4500,15 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4500
4500
  protected cardBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4501
4501
  protected moreBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-400">;
4502
4502
  protected relatedMetricsButtonClasses: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" | "bg-blue-900/30 text-blue-300 border border-blue-700 hover:bg-blue-900/50">;
4503
- protected timelineContainerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
4503
+ protected timelineContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4504
4504
  protected timelineLineClasses: _angular_core.Signal<"bg-gradient-to-b from-blue-400 via-cyan-400 to-teal-400" | "bg-gradient-to-b from-blue-600 via-cyan-600 to-teal-600">;
4505
4505
  protected timelineItemTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4506
4506
  protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4507
4507
  protected objectivesLabelClasses: _angular_core.Signal<string>;
4508
- protected objectiveItemClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4508
+ protected objectiveItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4509
4509
  protected moreObjectivesClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4510
- protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4511
- protected matrixContainerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
4510
+ protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4511
+ protected matrixContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4512
4512
  protected matrixAxisLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4513
4513
  protected quadrantTitleClasses: _angular_core.Signal<"text-white" | "text-slate-800">;
4514
4514
  protected quadrantSubtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
@@ -4516,11 +4516,11 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4516
4516
  protected moreGoalsClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4517
4517
  protected emptyQuadrantClasses: _angular_core.Signal<"text-slate-400 italic" | "text-slate-500 italic">;
4518
4518
  protected stepTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4519
- protected stepDescriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
4519
+ protected stepDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
4520
4520
  protected stepBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4521
4521
  protected strategiesLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4522
- protected strategyItemClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4523
- protected goalCardBaseClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
4522
+ protected strategyItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4523
+ protected goalCardBaseClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4524
4524
  private readonly COLLAPSE_THRESHOLD;
4525
4525
  private readonly EXPAND_THRESHOLD;
4526
4526
  private embeddedScrollEffect;
@@ -4665,7 +4665,7 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
4665
4665
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4666
4666
  protected welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
4667
4667
  protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4668
- protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4668
+ protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4669
4669
  private getIconForMetric;
4670
4670
  private getMetricDescription;
4671
4671
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileMetricsAnalysesDashboardComponent, never>;
@@ -4954,21 +4954,21 @@ declare class FocusAreaExecutiveSummaryComponent {
4954
4954
  private computeFormatLabel;
4955
4955
  private computeEffortBadgeClasses;
4956
4956
  private computeImpactBadgeClasses;
4957
- protected bannerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
4957
+ protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4958
4958
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4959
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4960
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4959
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4960
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4961
4961
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
4962
4962
  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">;
4963
4963
  protected topPrioritiesStatLabelClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4964
4964
  protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
4965
4965
  protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4966
4966
  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">;
4967
- protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4967
+ protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4968
4968
  protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
4969
- protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4969
+ protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4970
4970
  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">;
4971
- protected quickWinTextClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
4971
+ protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4972
4972
  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">;
4973
4973
  protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4974
4974
  protected onTopPrioritiesClick(): void;
@@ -5007,36 +5007,36 @@ declare class MetricExecutiveSummaryComponent {
5007
5007
  private computeFormatLabel;
5008
5008
  protected projectedValue: _angular_core.Signal<string | undefined>;
5009
5009
  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">;
5010
- protected titleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
5011
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5012
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5010
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5011
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5012
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5013
5013
  protected healthBadgeClasses: _angular_core.Signal<string>;
5014
5014
  protected pacingBadgeClasses: _angular_core.Signal<string>;
5015
- protected metricCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
5016
- protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5017
- protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" | "bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30">;
5015
+ protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5016
+ protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5017
+ 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">;
5018
5018
  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">;
5019
5019
  protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5020
- protected metricValueClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
5020
+ protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5021
5021
  protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
5022
5022
  protected getYoyIcon(): string;
5023
5023
  protected getPacingValueClasses(): string;
5024
5024
  protected getHealthValueClasses(): string;
5025
5025
  protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5026
5026
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
5027
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
5027
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
5028
5028
  protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5029
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
5029
+ protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5030
5030
  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">;
5031
5031
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
5032
- protected priorityTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
5033
- protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5032
+ protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5033
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5034
5034
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
5035
- protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5035
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5036
5036
  protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5037
- protected quickWinCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
5037
+ protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5038
5038
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
5039
- protected quickWinTextClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
5039
+ protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5040
5040
  protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5041
5041
  protected formatMetricName(name: string): string;
5042
5042
  protected formatNumber(value: string | number | undefined): string;
@@ -5565,7 +5565,7 @@ declare class SearchModalComponent {
5565
5565
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
5566
5566
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5567
5567
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5568
- emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
5568
+ emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
5569
5569
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5570
5570
  emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5571
5571
  shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
@@ -5736,22 +5736,22 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5736
5736
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
5737
5737
  protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5738
5738
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5739
- protected glowEffectClasses: _angular_core.Signal<"bg-red-500" | "bg-blue-500" | "bg-emerald-500" | "bg-orange-500">;
5739
+ protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
5740
5740
  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)]">;
5741
5741
  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">;
5742
5742
  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">;
5743
- protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5744
- protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5745
- protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
5743
+ protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5744
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5745
+ protected progressValueClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-blue-400" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
5746
5746
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
5747
5747
  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">;
5748
5748
  protected shimmerClasses: _angular_core.Signal<string>;
5749
5749
  protected progressGlowClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-orange-500 to-amber-500" | "bg-gradient-to-r from-red-500 to-rose-500">;
5750
5750
  protected potentialProgressBarClasses: _angular_core.Signal<"opacity-40 bg-gradient-to-r from-emerald-500/50 via-teal-500/50 to-emerald-600/50" | "opacity-40 bg-gradient-to-r from-emerald-400/50 via-teal-400/50 to-emerald-500/50" | "opacity-40 bg-gradient-to-r from-blue-500/50 via-cyan-500/50 to-blue-600/50" | "opacity-40 bg-gradient-to-r from-blue-400/50 via-cyan-400/50 to-blue-500/50" | "opacity-40 bg-gradient-to-r from-orange-500/50 via-amber-500/50 to-orange-600/50" | "opacity-40 bg-gradient-to-r from-orange-400/50 via-amber-400/50 to-orange-500/50" | "opacity-40 bg-gradient-to-r from-red-500/50 via-rose-500/50 to-red-600/50" | "opacity-40 bg-gradient-to-r from-red-400/50 via-rose-400/50 to-red-500/50">;
5751
5751
  protected nextStepCalloutClasses: _angular_core.Signal<"bg-slate-100 text-slate-700 border border-slate-200" | "bg-slate-700/50 text-slate-300 border border-slate-600/50">;
5752
- protected nextStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
5752
+ protected nextStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-100 text-red-700" | "bg-red-500/20 text-red-400">;
5753
5753
  protected currentStepCalloutClasses: _angular_core.Signal<"bg-slate-100 text-slate-700 border border-slate-200" | "bg-slate-700/50 text-slate-300 border border-slate-600/50">;
5754
- protected currentStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
5754
+ protected currentStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-100 text-red-700" | "bg-red-500/20 text-red-400">;
5755
5755
  protected nextDashboardCalloutClasses: _angular_core.Signal<"bg-slate-800/30 text-slate-400 border border-slate-700/30" | "bg-slate-50 text-slate-500 border border-slate-100">;
5756
5756
  protected nextDashboardBadgeClasses: _angular_core.Signal<"bg-emerald-500/10 text-emerald-500" | "bg-emerald-50 text-emerald-600" | "bg-blue-500/10 text-blue-500" | "bg-blue-50 text-blue-600" | "bg-orange-500/10 text-orange-500" | "bg-orange-50 text-orange-600" | "bg-red-500/10 text-red-500" | "bg-red-50 text-red-600">;
5757
5757
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
@@ -5774,7 +5774,7 @@ declare class RelatedContentSidebarComponent {
5774
5774
  protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5775
5775
  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">;
5776
5776
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
5777
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5777
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5778
5778
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5779
5779
  protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5780
5780
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
@@ -5800,7 +5800,7 @@ declare class ContentGenerationProgressComponent {
5800
5800
  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">;
5801
5801
  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">;
5802
5802
  protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5803
- protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
5803
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5804
5804
  protected progressBarContainerClasses: _angular_core.Signal<string>;
5805
5805
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
5806
5806
  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">;
@@ -5838,7 +5838,7 @@ declare class IndeterminateSpinnerComponent {
5838
5838
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5839
5839
  svgCircleRadius: _angular_core.Signal<number>;
5840
5840
  strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
5841
- dotSize: _angular_core.Signal<10 | 5 | 7>;
5841
+ dotSize: _angular_core.Signal<5 | 10 | 7>;
5842
5842
  containerClasses: _angular_core.Signal<{
5843
5843
  'w-10 h-10': boolean;
5844
5844
  'w-[60px] h-[60px]': boolean;
@@ -6085,7 +6085,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
6085
6085
  isVisible: _angular_core.Signal<boolean>;
6086
6086
  tooltipType: _angular_core.Signal<string | null>;
6087
6087
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
6088
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
6088
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
6089
6089
  targetRect: _angular_core.Signal<DOMRect | null>;
6090
6090
  mousePosition: _angular_core.Signal<{
6091
6091
  x: number;
@@ -6240,11 +6240,11 @@ declare class FocusAreaDetailCardComponent {
6240
6240
  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">;
6241
6241
  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">;
6242
6242
  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">;
6243
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6243
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6244
6244
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6245
6245
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
6246
6246
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6247
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6247
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6248
6248
  protected toggleExpanded(): void;
6249
6249
  protected toggleCompetitiveGap(): void;
6250
6250
  onExpandItem(event: Event): void;
@@ -6320,11 +6320,11 @@ declare class CompetitorAnalysisCardComponent {
6320
6320
  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">;
6321
6321
  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">;
6322
6322
  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">;
6323
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6323
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6324
6324
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6325
6325
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
6326
6326
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6327
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6327
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6328
6328
  protected toggleExpanded(): void;
6329
6329
  protected navigateToItem(item: ProfileItemInterface): void;
6330
6330
  onExpandItem(event: Event): void;