@eric-emg/symphiq-components 1.3.57 → 1.3.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eric-emg/symphiq-components",
-  "version": "1.3.57",
+  "version": "1.3.59",
   "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
   "author": "Your Organization",
   "license": "MIT",

package/styles.css

@@ -719,6 +719,9 @@
   .mb-0 {
     margin-bottom: calc(var(--spacing) * 0);
   }
+  .mb-0\! {
+    margin-bottom: calc(var(--spacing) * 0) !important;
+  }
   .mb-0\.5 {
     margin-bottom: calc(var(--spacing) * 0.5);
   }
@@ -4353,6 +4356,20 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-indigo-50\/80 {
+    --tw-gradient-from: color-mix(in srgb, oklch(96.2% 0.018 272.314) 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-50) 80%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-indigo-900\/30 {
+    --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-indigo-900\/40 {
     --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4998,6 +5015,14 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-purple-50\/40 {
+    --tw-gradient-via: color-mix(in srgb, oklch(97.7% 0.014 308.299) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-purple-50) 40%, transparent);
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-purple-100\/50 {
     --tw-gradient-via: color-mix(in srgb, oklch(94.6% 0.033 307.174) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -5040,6 +5065,14 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-purple-900\/15 {
+    --tw-gradient-via: color-mix(in srgb, oklch(38.1% 0.176 304.987) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-purple-900) 15%, transparent);
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-purple-900\/20 {
     --tw-gradient-via: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -8998,16 +9031,6 @@
       }
     }
   }
-  .hover\:bg-slate-700\/70 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 70%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-slate-700) 70%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-slate-800 {
     &:hover {
       @media (hover: hover) {
@@ -11126,26 +11149,6 @@
       backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     }
   }
-  .\[\&\:\:after\]\:border-x-transparent {
-    &::after {
-      border-inline-color: transparent;
-    }
-  }
-  .\[\&\:\:after\]\:border-t-slate-200 {
-    &::after {
-      border-top-color: var(--color-slate-200);
-    }
-  }
-  .\[\&\:\:after\]\:border-t-slate-800 {
-    &::after {
-      border-top-color: var(--color-slate-800);
-    }
-  }
-  .\[\&\:\:after\]\:border-b-transparent {
-    &::after {
-      border-bottom-color: transparent;
-    }
-  }
 }
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0 !important;

package/types/symphiq-components.d.ts

@@ -1137,7 +1137,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    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>;
+    modalType: _angular_core.Signal<"insight" | "metric" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
     charts: _angular_core.Signal<AiChartInterface[]>;
     modalKey: _angular_core.Signal<number>;
     insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1156,7 +1156,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1164,7 +1164,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1172,7 +1172,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1180,7 +1180,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1769,7 +1769,7 @@ declare class MetricCardComponent {
     competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
-    competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
+    competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
     competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
     getCompetitiveScoreIcon(): string;
@@ -2628,7 +2628,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected focusAreaProgressCountClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400">;
     protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
-    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">;
+    protected focusAreaProgressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-blue-400 to-cyan-400" | "bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-emerald-400 to-teal-400">;
     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">;
     protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
     protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
@@ -4421,6 +4421,14 @@ interface TimelineDataInterface {
     phase12Month?: TimelinePhaseInterface;
 }
 
+interface NextStepItem {
+    title: string;
+    description: string;
+    strategies: StrategyV3Interface[];
+    linkedGoalId?: string;
+    relatedDomains?: FocusAreaDomainEnum[];
+}
+
 interface SourceAnalysisRequestEvent {
     analysisType?: ProfileAnalysisTypeEnum;
     analysisId?: number;
@@ -4506,11 +4514,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
         fillIns: UnifiedGoalInterface[];
         thankless: UnifiedGoalInterface[];
     }>;
-    protected nextSteps: _angular_core.Signal<{
-        title: string;
-        description: string;
-        strategies: StrategyV3Interface[];
-    }[]>;
+    protected nextSteps: _angular_core.Signal<NextStepItem[]>;
     protected shouldShowReviewFooter: _angular_core.Signal<boolean>;
     protected welcomeBannerClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white" | "bg-gradient-to-r from-blue-900/80 via-cyan-900/80 to-teal-900/80 text-white border border-blue-700/50">;
     protected welcomeIconClasses: _angular_core.Signal<"bg-white/20 text-white" | "bg-white/10 text-white">;
@@ -4544,7 +4548,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
     protected moreGoalsClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected emptyQuadrantClasses: _angular_core.Signal<"text-slate-400 italic" | "text-slate-500 italic">;
     protected stepTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected stepDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
+    protected stepDescriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
     protected stepBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     protected strategiesLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected strategyItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
@@ -5575,7 +5579,7 @@ declare class SearchModalComponent {
     typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
     arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
+    emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
     emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
@@ -5746,7 +5750,7 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
     protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
-    protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-red-500" | "bg-orange-500">;
+    protected glowEffectClasses: _angular_core.Signal<"bg-red-500" | "bg-blue-500" | "bg-emerald-500" | "bg-orange-500">;
     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)]">;
     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">;
     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">;
@@ -5756,12 +5760,12 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
     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">;
     protected shimmerClasses: _angular_core.Signal<string>;
-    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">;
+    protected progressGlowClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-orange-500 to-amber-500" | "bg-gradient-to-r from-red-500 to-rose-500">;
     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">;
     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">;
-    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">;
+    protected nextStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-500/20 text-blue-400" | "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">;
     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">;
-    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">;
+    protected currentStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-500/20 text-blue-400" | "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">;
     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">;
     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">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;