@eric-emg/symphiq-components 1.3.50 → 1.3.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/fesm2022/symphiq-components.mjs +144 -20
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles.css +8 -0
  5. package/types/symphiq-components.d.ts +33 -31
  6. 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.50",
3
+ "version": "1.3.52",
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/styles.css CHANGED
@@ -7461,6 +7461,14 @@
7461
7461
  }
7462
7462
  }
7463
7463
  }
7464
+ .group-hover\:font-extrabold {
7465
+ &:is(:where(.group):hover *) {
7466
+ @media (hover: hover) {
7467
+ --tw-font-weight: var(--font-weight-extrabold);
7468
+ font-weight: var(--font-weight-extrabold);
7469
+ }
7470
+ }
7471
+ }
7464
7472
  .group-hover\:text-blue-300 {
7465
7473
  &:is(:where(.group):hover *) {
7466
7474
  @media (hover: hover) {
package/types/symphiq-components.d.ts CHANGED
@@ -288,6 +288,7 @@ interface UnifiedGoalDetailModalData {
288
288
  goal: UnifiedGoalInterface;
289
289
  allMetrics: PerformanceMetricInterface[];
290
290
  allCharts: AiChartInterface[];
291
+ allInsights?: InsightBlockInterface[];
291
292
  loadedSourceAnalysisIds: string[];
292
293
  loadingSourceAnalysisId?: string;
293
294
  viewMode: ViewModeEnum;
@@ -296,6 +297,7 @@ interface UnifiedGoalObjectivesModalData {
296
297
  goal: UnifiedGoalInterface;
297
298
  allMetrics: PerformanceMetricInterface[];
298
299
  allCharts: AiChartInterface[];
300
+ allInsights?: InsightBlockInterface[];
299
301
  viewMode: ViewModeEnum;
300
302
  }
301
303
  interface UnifiedGoalRelatedMetricsModalData {
@@ -1154,7 +1156,7 @@ declare class ModalComponent {
1154
1156
  description: string;
1155
1157
  icon: string;
1156
1158
  } | null>;
1157
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1159
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1158
1160
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1159
1161
  metricsListInsightContext: _angular_core.Signal<{
1160
1162
  title: string;
@@ -1162,7 +1164,7 @@ declare class ModalComponent {
1162
1164
  businessContext: string;
1163
1165
  priority: number;
1164
1166
  } | null>;
1165
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1167
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1166
1168
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1167
1169
  chartsListInsightContext: _angular_core.Signal<{
1168
1170
  title: string;
@@ -1170,7 +1172,7 @@ declare class ModalComponent {
1170
1172
  businessContext: string;
1171
1173
  priority: number;
1172
1174
  } | null>;
1173
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1175
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1174
1176
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1175
1177
  recommendationsListInsightContext: _angular_core.Signal<{
1176
1178
  title: string;
@@ -1178,7 +1180,7 @@ declare class ModalComponent {
1178
1180
  businessContext: string;
1179
1181
  priority: number;
1180
1182
  } | null>;
1181
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1183
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1182
1184
  competitiveAnalysisContext: _angular_core.Signal<{
1183
1185
  title: string;
1184
1186
  description: string;
@@ -1767,7 +1769,7 @@ declare class MetricCardComponent {
1767
1769
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1768
1770
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1769
1771
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1770
- competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1772
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1771
1773
  competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1772
1774
  competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1773
1775
  getCompetitiveScoreIcon(): string;
@@ -2484,8 +2486,8 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
2484
2486
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">;
2485
2487
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2486
2488
  protected highlightBoxClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50 border-blue-300">;
2487
- protected highlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
2488
- protected highlightTitleClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
2489
+ protected highlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2490
+ protected highlightTitleClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
2489
2491
  protected highlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2490
2492
  protected nextStepsBoxClasses: _angular_core.Signal<"bg-amber-500/10 border-amber-500/30" | "bg-amber-50 border-amber-200">;
2491
2493
  protected nextStepsIconClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
@@ -2624,7 +2626,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2624
2626
  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">;
2625
2627
  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">;
2626
2628
  protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2627
- protected focusAreaProgressCountClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400">;
2629
+ protected focusAreaProgressCountClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-blue-400" | "text-blue-600">;
2628
2630
  protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
2629
2631
  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">;
2630
2632
  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">;
@@ -2972,7 +2974,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2972
2974
  private animateValue;
2973
2975
  protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
2974
2976
  protected containerClasses: _angular_core.Signal<string>;
2975
- protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
2977
+ protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
2976
2978
  protected rotationStyle: _angular_core.Signal<string>;
2977
2979
  protected fullBadgeRotationStyle: _angular_core.Signal<string>;
2978
2980
  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">;
@@ -2987,7 +2989,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2987
2989
  protected animatedPercentage: _angular_core.Signal<string>;
2988
2990
  protected extractPercentage: _angular_core.Signal<string>;
2989
2991
  protected displayTextWithoutPercentage: _angular_core.Signal<string>;
2990
- 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">;
2992
+ 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">;
2991
2993
  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">;
2992
2994
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
2993
2995
  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>;
@@ -4185,7 +4187,7 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
4185
4187
  protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4186
4188
  protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4187
4189
  protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
4188
- protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4190
+ protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4189
4191
  protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4190
4192
  protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4191
4193
  protected statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
@@ -4518,7 +4520,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4518
4520
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4519
4521
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4520
4522
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4521
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4523
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4522
4524
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/50 border border-slate-700">;
4523
4525
  protected goalTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4524
4526
  protected goalDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -4533,7 +4535,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4533
4535
  protected objectivesLabelClasses: _angular_core.Signal<string>;
4534
4536
  protected objectiveItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4535
4537
  protected moreObjectivesClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4536
- protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4538
+ protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4537
4539
  protected matrixContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4538
4540
  protected matrixAxisLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4539
4541
  protected quadrantTitleClasses: _angular_core.Signal<"text-white" | "text-slate-800">;
@@ -4968,7 +4970,7 @@ declare class FocusAreaExecutiveSummaryComponent {
4968
4970
  protected isLight: _angular_core.Signal<boolean>;
4969
4971
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4970
4972
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4971
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4973
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4972
4974
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4973
4975
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
4974
4976
  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">;
@@ -4976,9 +4978,9 @@ declare class FocusAreaExecutiveSummaryComponent {
4976
4978
  protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
4977
4979
  protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
4978
4980
  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">;
4979
- protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4981
+ protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4980
4982
  protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
4981
- protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
4983
+ protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
4982
4984
  protected onTopPrioritiesClick(): void;
4983
4985
  protected onPriorityDetailClick(event: {
4984
4986
  priority: FocusAreaTopPriorityInterface;
@@ -5017,12 +5019,12 @@ declare class MetricExecutiveSummaryComponent {
5017
5019
  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">;
5018
5020
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5019
5021
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5020
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5022
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5021
5023
  protected healthBadgeClasses: _angular_core.Signal<string>;
5022
5024
  protected pacingBadgeClasses: _angular_core.Signal<string>;
5023
5025
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5024
- protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5025
- 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">;
5026
+ protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5027
+ 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">;
5026
5028
  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">;
5027
5029
  protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5028
5030
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
@@ -5032,7 +5034,7 @@ declare class MetricExecutiveSummaryComponent {
5032
5034
  protected getHealthValueClasses(): string;
5033
5035
  protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5034
5036
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
5035
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
5037
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
5036
5038
  protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5037
5039
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5038
5040
  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">;
@@ -5040,7 +5042,7 @@ declare class MetricExecutiveSummaryComponent {
5040
5042
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5041
5043
  protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5042
5044
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
5043
- protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5045
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5044
5046
  protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5045
5047
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5046
5048
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
@@ -5744,22 +5746,22 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5744
5746
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
5745
5747
  protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5746
5748
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5747
- protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-red-500" | "bg-orange-500">;
5749
+ protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
5748
5750
  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)]">;
5749
5751
  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">;
5750
5752
  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">;
5751
5753
  protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5752
5754
  protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5753
- 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">;
5755
+ 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">;
5754
5756
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
5755
5757
  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">;
5756
5758
  protected shimmerClasses: _angular_core.Signal<string>;
5757
5759
  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">;
5758
5760
  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">;
5759
5761
  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">;
5760
- 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">;
5762
+ 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">;
5761
5763
  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">;
5762
- 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">;
5764
+ 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">;
5763
5765
  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">;
5764
5766
  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">;
5765
5767
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
@@ -5843,7 +5845,7 @@ declare class IndeterminateSpinnerComponent {
5843
5845
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5844
5846
  svgCircleRadius: _angular_core.Signal<number>;
5845
5847
  strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
5846
- dotSize: _angular_core.Signal<10 | 5 | 7>;
5848
+ dotSize: _angular_core.Signal<5 | 10 | 7>;
5847
5849
  containerClasses: _angular_core.Signal<{
5848
5850
  'w-10 h-10': boolean;
5849
5851
  'w-[60px] h-[60px]': boolean;
@@ -6090,7 +6092,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
6090
6092
  isVisible: _angular_core.Signal<boolean>;
6091
6093
  tooltipType: _angular_core.Signal<string | null>;
6092
6094
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
6093
- tooltipPosition: _angular_core.Signal<"auto" | "top" | "bottom" | "left" | "right">;
6095
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
6094
6096
  targetRect: _angular_core.Signal<DOMRect | null>;
6095
6097
  mousePosition: _angular_core.Signal<{
6096
6098
  x: number;
@@ -6245,11 +6247,11 @@ declare class FocusAreaDetailCardComponent {
6245
6247
  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">;
6246
6248
  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">;
6247
6249
  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">;
6248
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6250
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6249
6251
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6250
6252
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
6251
6253
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6252
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6254
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6253
6255
  protected toggleExpanded(): void;
6254
6256
  protected toggleCompetitiveGap(): void;
6255
6257
  onExpandItem(event: Event): void;
@@ -6325,11 +6327,11 @@ declare class CompetitorAnalysisCardComponent {
6325
6327
  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">;
6326
6328
  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">;
6327
6329
  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">;
6328
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6330
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6329
6331
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
6330
6332
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
6331
6333
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
6332
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
6334
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
6333
6335
  protected toggleExpanded(): void;
6334
6336
  protected navigateToItem(item: ProfileItemInterface): void;
6335
6337
  onExpandItem(event: Event): void;