@eric-emg/symphiq-components 1.3.74 → 1.3.75

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 +319 -282
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles.css +46 -0
  5. package/types/symphiq-components.d.ts +80 -81
  6. package/types/symphiq-components.d.ts.map +1 -1
package/types/symphiq-components.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as _jebgem_model from '@jebgem/model';
2
- import { InsightBlockInterface, PerformanceMetricInterface, AiChartInterface, ProfileItemInterface, ViewModeEnum, ProfileAnalysisRecommendationActionStepInterface, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, ProfileAnalysisRecommendationInterface, KeyStrengthInterface, CriticalGapInterface, FocusAreaTopPriorityInterface, MetricTopPriorityInterface, UnifiedGoalInterface, SourceAnalysisReferenceInterface, ProfileAnalysisInterface, RecommendationV3Interface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, AbstractItemProfileQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, AccountInterface, ProfileShopInterface, ProfileShopQuestionInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, ProfileFocusAreaQuestionInterface, ProfileAnalysisReviewStatusEnum, ProfileAnalysisTypeEnum, ProfileAnalysisStructuredV3Interface, UnifiedExecutiveSummaryInterface, ProfileMetricInterface, ProfileMetricQuestionInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
2
+ import { InsightBlockInterface, PerformanceMetricInterface, AiChartInterface, ProfileItemInterface, ViewModeEnum, ProfileAnalysisRecommendationActionStepInterface, GoalV3Interface, ProfileAnalysisTypeEnum, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, ProfileAnalysisRecommendationInterface, KeyStrengthInterface, CriticalGapInterface, FocusAreaTopPriorityInterface, MetricTopPriorityInterface, UnifiedGoalInterface, SourceAnalysisReferenceInterface, ProfileAnalysisInterface, RecommendationV3Interface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, AbstractItemProfileQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, AccountInterface, ProfileShopInterface, ProfileShopQuestionInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, ProfileFocusAreaQuestionInterface, ProfileAnalysisReviewStatusEnum, ProfileAnalysisStructuredV3Interface, UnifiedExecutiveSummaryInterface, ProfileMetricInterface, ProfileMetricQuestionInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
3
3
  export * from '@jebgem/model';
4
4
  import * as _angular_core from '@angular/core';
5
5
  import { OnInit, AfterViewInit, ElementRef, WritableSignal, OnDestroy, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
@@ -81,10 +81,12 @@ interface GoalDetailModalData {
81
81
  viewMode: ViewModeEnum;
82
82
  sourceCategory?: string;
83
83
  sourceGapTitle?: string;
84
+ sourceAnalysisType?: ProfileAnalysisTypeEnum;
84
85
  }
85
86
  interface GoalObjectivesModalData {
86
87
  goal: GoalV3Interface;
87
88
  viewMode: ViewModeEnum;
89
+ sourceAnalysisType?: ProfileAnalysisTypeEnum;
88
90
  }
89
91
  interface ObjectiveStrategiesModalData {
90
92
  objective: ObjectiveV3Interface;
@@ -493,6 +495,7 @@ declare class ModalService {
493
495
  isItemDetailModalOpen(): boolean;
494
496
  openGoalDetailModal(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
495
497
  openGoalObjectivesModal(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
498
+ openSourceGoalDetailModal(goal: GoalV3Interface, viewMode: ViewModeEnum, sourceAnalysisType: ProfileAnalysisTypeEnum, previousState: ModalState | null): void;
496
499
  navigateToGoalDetail(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
497
500
  navigateToGoalObjectives(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
498
501
  navigateToObjectiveStrategies(objective: ObjectiveV3Interface, goalTitle: string | undefined, viewMode: ViewModeEnum): void;
@@ -1155,7 +1158,7 @@ declare class ModalComponent {
1155
1158
  private animatedTrendValues;
1156
1159
  private animationFrames;
1157
1160
  isOpen: _angular_core.Signal<boolean>;
1158
- 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>;
1161
+ 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>;
1159
1162
  charts: _angular_core.Signal<AiChartInterface[]>;
1160
1163
  modalKey: _angular_core.Signal<number>;
1161
1164
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1174,7 +1177,7 @@ declare class ModalComponent {
1174
1177
  description: string;
1175
1178
  icon: string;
1176
1179
  } | null>;
1177
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1180
+ metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1178
1181
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1179
1182
  metricsListInsightContext: _angular_core.Signal<{
1180
1183
  title: string;
@@ -1182,7 +1185,7 @@ declare class ModalComponent {
1182
1185
  businessContext: string;
1183
1186
  priority: number;
1184
1187
  } | null>;
1185
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1188
+ chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1186
1189
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1187
1190
  chartsListInsightContext: _angular_core.Signal<{
1188
1191
  title: string;
@@ -1190,7 +1193,7 @@ declare class ModalComponent {
1190
1193
  businessContext: string;
1191
1194
  priority: number;
1192
1195
  } | null>;
1193
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1196
+ recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1194
1197
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1195
1198
  recommendationsListInsightContext: _angular_core.Signal<{
1196
1199
  title: string;
@@ -1198,7 +1201,7 @@ declare class ModalComponent {
1198
1201
  businessContext: string;
1199
1202
  priority: number;
1200
1203
  } | null>;
1201
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1204
+ competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1202
1205
  competitiveAnalysisContext: _angular_core.Signal<{
1203
1206
  title: string;
1204
1207
  description: string;
@@ -1495,9 +1498,9 @@ declare class ViewModeSwitcherModalComponent {
1495
1498
  protected backdropClasses: _angular_core.Signal<"bg-slate-950/25" | "bg-slate-900/15">;
1496
1499
  protected modalClasses: _angular_core.Signal<"bg-slate-800/95 border border-slate-700/50" | "bg-white/95 border border-slate-200">;
1497
1500
  protected headerClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700/50">;
1498
- protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
1499
- protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1500
- 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">;
1501
+ protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
1502
+ protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1503
+ protected closeButtonClasses: _angular_core.Signal<"text-slate-400 hover:text-white hover:bg-slate-700" | "text-slate-600 hover:text-slate-900 hover:bg-slate-100">;
1501
1504
  protected contentClasses: _angular_core.Signal<"bg-slate-800/50" | "bg-slate-50/50">;
1502
1505
  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">;
1503
1506
  protected spinnerClasses: _angular_core.Signal<"border-blue-500" | "border-blue-600">;
@@ -1613,10 +1616,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1613
1616
  */
1614
1617
  private chartsById;
1615
1618
  headerClass: _angular_core.Signal<string>;
1616
- headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1617
- headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1618
- metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1619
- sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1619
+ headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1620
+ headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1621
+ metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
1622
+ sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1620
1623
  selectClass: _angular_core.Signal<"bg-white text-slate-900 border-slate-300 hover:border-blue-400 transition-all duration-200" | "bg-slate-700 text-white border-slate-600 hover:border-slate-500 transition-all duration-200">;
1621
1624
  sortButtonClass: _angular_core.Signal<"bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200" | "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200">;
1622
1625
  formattedGeneratedDate: _angular_core.Signal<string | null>;
@@ -2409,7 +2412,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2409
2412
  competitiveTooltip: _angular_core.Signal<{
2410
2413
  industry: string;
2411
2414
  metricBenchmark: string;
2412
- competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
2415
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2413
2416
  description: string;
2414
2417
  keyOpportunities: string;
2415
2418
  }>;
@@ -2624,26 +2627,26 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2624
2627
  protected containerWrapperClasses: _angular_core.Signal<"" | "min-h-screen">;
2625
2628
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2626
2629
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2627
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2628
- protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2630
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2631
+ protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2629
2632
  protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2630
2633
  protected inputClasses(fieldName: string): string;
2631
2634
  protected urlPrefixClasses: _angular_core.Signal<"bg-slate-100 text-slate-600 border-slate-300" | "bg-slate-600 text-slate-300 border-slate-600">;
2632
2635
  protected urlInputClasses(fieldName: string): string;
2633
2636
  protected radioPlatformClasses(platform: ShopPlatformEnum): string;
2634
2637
  protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
2635
- protected radioLabelClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2638
+ protected radioLabelClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2636
2639
  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">;
2637
- protected checkboxLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2640
+ protected checkboxLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2638
2641
  protected errorClasses: _angular_core.Signal<string>;
2639
- protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2640
- protected viewValueClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2642
+ protected viewLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2643
+ protected viewValueClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2641
2644
  protected viewLinkClasses: _angular_core.Signal<"text-blue-600 hover:text-blue-700" | "text-blue-400 hover:text-blue-300">;
2642
2645
  protected editButtonClasses: _angular_core.Signal<"bg-blue-500 text-white hover:bg-blue-600" | "bg-blue-600 text-white hover:bg-blue-700">;
2643
2646
  protected stickyButtonContainerClasses: _angular_core.Signal<"bg-white/90 border-slate-200" | "bg-slate-900/90 border-slate-700">;
2644
2647
  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">;
2645
2648
  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">;
2646
- protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2649
+ protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2647
2650
  protected focusAreaProgressCountClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400">;
2648
2651
  protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
2649
2652
  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">;
@@ -2651,10 +2654,10 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
2651
2654
  protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
2652
2655
  protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2653
2656
  protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2654
- protected focusAreaViewTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2655
- protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2657
+ protected focusAreaViewTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2658
+ protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2656
2659
  protected statusBadgeClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
2657
- protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2660
+ protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2658
2661
  protected toolChipViewClasses: _angular_core.Signal<"bg-white text-emerald-700 border border-emerald-200" | "bg-slate-800 text-emerald-300 border border-emerald-700">;
2659
2662
  protected validationMessageClasses: _angular_core.Signal<"bg-orange-50 text-orange-700 border border-orange-200" | "bg-orange-900/30 text-orange-400 border border-orange-700">;
2660
2663
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqCreateAccountDashboardComponent, never>;
@@ -2688,10 +2691,10 @@ declare class FocusAreaQuestionComponent {
2688
2691
  private computeRadioLabelClasses;
2689
2692
  protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
2690
2693
  protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
2691
- protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2692
- protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2694
+ protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2695
+ protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2693
2696
  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">;
2694
- protected radioDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2697
+ protected radioDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2695
2698
  protected toolsLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2696
2699
  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">;
2697
2700
  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">;
@@ -2723,7 +2726,7 @@ declare class FocusAreaToolsModalComponent {
2723
2726
  protected backdropClasses: _angular_core.Signal<"bg-black/15" | "bg-black/40">;
2724
2727
  protected containerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
2725
2728
  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">;
2726
- protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
2729
+ protected titleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
2727
2730
  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">;
2728
2731
  protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2729
2732
  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">;
@@ -4188,11 +4191,11 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
4188
4191
  getCardFooterClasses(): string;
4189
4192
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4190
4193
  protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
4191
- protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4194
+ protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4192
4195
  protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4193
4196
  protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
4194
4197
  protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4195
- protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4198
+ protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4196
4199
  protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4197
4200
  protected statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
4198
4201
  protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
@@ -4394,12 +4397,12 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
4394
4397
  } | null;
4395
4398
  protected handleDisplayModeChange(mode: DisplayModeEnum): void;
4396
4399
  protected getAnalysisSubtitle(): string;
4397
- protected containerClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4400
+ protected containerClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4398
4401
  protected progressCardClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/40 border-slate-700/50">;
4399
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4402
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4400
4403
  protected sectionCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4401
- protected sectionIconClasses: _angular_core.Signal<"bg-blue-50 text-blue-600" | "bg-blue-500/20 text-blue-400">;
4402
- protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4404
+ protected sectionIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-50 text-blue-600">;
4405
+ protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4403
4406
  private formatGradeInText;
4404
4407
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, never>;
4405
4408
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, "symphiq-profile-analysis-focus-area-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "isMarkingAsReviewed": { "alias": "isMarkingAsReviewed"; "required": false; "isSignal": true; }; }, { "nextStepClick": "nextStepClick"; "markAsReviewedClick": "markAsReviewedClick"; }, never, never, true, never>;
@@ -4454,9 +4457,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4454
4457
  forDemo: _angular_core.InputSignal<boolean>;
4455
4458
  maxAccessibleStepId: _angular_core.InputSignal<JourneyStepIdEnum | undefined>;
4456
4459
  itemStatus: _angular_core.InputSignal<ItemStatusInterface | undefined>;
4457
- isMarkingAsReviewed: _angular_core.InputSignal<boolean>;
4458
4460
  requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
4459
- markAsReviewedClick: _angular_core.OutputEmitterRef<void>;
4460
4461
  generateGoalsClick: _angular_core.OutputEmitterRef<void>;
4461
4462
  stepClick: _angular_core.OutputEmitterRef<number>;
4462
4463
  nextStepClick: _angular_core.OutputEmitterRef<void>;
@@ -4522,27 +4523,26 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4522
4523
  }>;
4523
4524
  protected nextSteps: _angular_core.Signal<NextStepItem[]>;
4524
4525
  protected unifiedCollapsibleSections: _angular_core.Signal<ProfileAnalysisSectionV3Interface[]>;
4525
- protected shouldShowReviewFooter: _angular_core.Signal<boolean>;
4526
4526
  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">;
4527
4527
  protected welcomeIconClasses: _angular_core.Signal<"bg-white/20 text-white" | "bg-white/10 text-white">;
4528
4528
  protected welcomeTitleClasses: _angular_core.Signal<string>;
4529
4529
  protected welcomeSubtitleClasses: _angular_core.Signal<string>;
4530
4530
  protected welcomeDescriptionClasses: _angular_core.Signal<string>;
4531
4531
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4532
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4532
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4533
4533
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4534
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4534
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4535
4535
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/50 border border-slate-700">;
4536
- protected goalTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4537
- protected goalDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4536
+ protected goalTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4537
+ protected goalDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4538
4538
  protected timeframeBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
4539
4539
  protected cardBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4540
4540
  protected moreBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-400">;
4541
4541
  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">;
4542
4542
  protected timelineContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4543
4543
  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">;
4544
- protected timelineItemTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4545
- protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4544
+ protected timelineItemTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4545
+ protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4546
4546
  protected objectivesLabelClasses: _angular_core.Signal<string>;
4547
4547
  protected objectiveItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4548
4548
  protected moreObjectivesClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
@@ -4554,8 +4554,8 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4554
4554
  protected sourceIndicatorClasses: _angular_core.Signal<"bg-slate-200 text-slate-600 px-1.5 py-0.5 rounded-full" | "bg-slate-600 text-slate-300 px-1.5 py-0.5 rounded-full">;
4555
4555
  protected moreGoalsClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4556
4556
  protected emptyQuadrantClasses: _angular_core.Signal<"text-slate-400 italic" | "text-slate-500 italic">;
4557
- protected stepTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4558
- protected stepDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
4557
+ protected stepTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4558
+ protected stepDescriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
4559
4559
  protected stepBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4560
4560
  protected strategiesLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4561
4561
  protected strategyItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
@@ -4572,7 +4572,6 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4572
4572
  protected openViewModeSwitcher(): void;
4573
4573
  protected closeViewModeSwitcher(): void;
4574
4574
  protected handleDisplayModeChange(mode: DisplayModeEnum): void;
4575
- protected handleMarkAsReviewedClick(): void;
4576
4575
  protected onGoalClick(goal: UnifiedGoalInterface): void;
4577
4576
  protected onViewAllPriorityActionsClick(): void;
4578
4577
  protected onPriorityActionGoalClick(goalId: string): void;
@@ -4610,7 +4609,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
4610
4609
  protected scrollToSection(sectionId: string): void;
4611
4610
  handleMobileNavigation(sectionId: string): void;
4612
4611
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisUnifiedDashboardComponent, never>;
4613
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisUnifiedDashboardComponent, "symphiq-profile-analysis-unified-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "unifiedProfileAnalysis": { "alias": "unifiedProfileAnalysis"; "required": false; "isSignal": true; }; "sourceProfileAnalyses": { "alias": "sourceProfileAnalyses"; "required": false; "isSignal": true; }; "isLoadingSourceAnalysis": { "alias": "isLoadingSourceAnalysis"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "itemStatus": { "alias": "itemStatus"; "required": false; "isSignal": true; }; "isMarkingAsReviewed": { "alias": "isMarkingAsReviewed"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; }, { "markAsReviewedClick": "markAsReviewedClick"; "generateGoalsClick": "generateGoalsClick"; "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "sourceAnalysisRequest": "sourceAnalysisRequest"; }, never, never, true, never>;
4612
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisUnifiedDashboardComponent, "symphiq-profile-analysis-unified-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "unifiedProfileAnalysis": { "alias": "unifiedProfileAnalysis"; "required": false; "isSignal": true; }; "sourceProfileAnalyses": { "alias": "sourceProfileAnalyses"; "required": false; "isSignal": true; }; "isLoadingSourceAnalysis": { "alias": "isLoadingSourceAnalysis"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "itemStatus": { "alias": "itemStatus"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; }, { "generateGoalsClick": "generateGoalsClick"; "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "sourceAnalysisRequest": "sourceAnalysisRequest"; }, never, never, true, never>;
4614
4613
  }
4615
4614
 
4616
4615
  interface MetricAnalysisNavigationData {
@@ -4707,8 +4706,8 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
4707
4706
  handleSearchClick(): void;
4708
4707
  handleCloseSearchModal(): void;
4709
4708
  protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
4710
- protected welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
4711
- protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4709
+ protected welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
4710
+ protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4712
4711
  protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4713
4712
  private getIconForMetric;
4714
4713
  private getMetricDescription;
@@ -4989,8 +4988,8 @@ declare class FocusAreaExecutiveSummaryComponent {
4989
4988
  protected readonly IconSourceEnum: typeof IconSourceEnum;
4990
4989
  protected isLight: _angular_core.Signal<boolean>;
4991
4990
  protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4992
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4993
- protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4991
+ protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
4992
+ protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4994
4993
  protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4995
4994
  protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
4996
4995
  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">;
@@ -5046,16 +5045,16 @@ declare class MetricExecutiveSummaryComponent {
5046
5045
  protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5047
5046
  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">;
5048
5047
  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">;
5049
- protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5048
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5050
5049
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5051
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
5050
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
5052
5051
  protected getYoyIcon(): string;
5053
5052
  protected getPacingValueClasses(): string;
5054
5053
  protected getHealthValueClasses(): string;
5055
5054
  protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5056
5055
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
5057
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
5058
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5056
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
5057
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5059
5058
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5060
5059
  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">;
5061
5060
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
@@ -5063,11 +5062,11 @@ declare class MetricExecutiveSummaryComponent {
5063
5062
  protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5064
5063
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
5065
5064
  protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
5066
- protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5065
+ protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5067
5066
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
5068
5067
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
5069
5068
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
5070
- protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5069
+ protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5071
5070
  protected formatMetricName(name: string): string;
5072
5071
  protected formatNumber(value: string | number | undefined): string;
5073
5072
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricExecutiveSummaryComponent, never>;
@@ -5589,18 +5588,18 @@ declare class SearchModalComponent {
5589
5588
  clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
5590
5589
  closeButtonClass: _angular_core.Signal<"text-slate-400 hover:text-slate-600 hover:bg-slate-100" | "text-slate-500 hover:text-slate-300 hover:bg-slate-700">;
5591
5590
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5592
- resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5593
- resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5591
+ resultTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5592
+ resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5594
5593
  breadcrumbClass: _angular_core.Signal<string>;
5595
5594
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
5596
5595
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5597
5596
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5598
- emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
5599
- emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5600
- emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5597
+ emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
5598
+ emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5599
+ emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5601
5600
  shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
5602
5601
  kbdClass: _angular_core.Signal<"bg-white border border-slate-300 text-slate-700 shadow-sm" | "bg-slate-700 border border-slate-600 text-slate-300">;
5603
- shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5602
+ shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5604
5603
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
5605
5604
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchModalComponent, "symphiq-search-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "results": { "alias": "results"; "required": false; "isSignal": true; }; "hasResults": { "alias": "hasResults"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "resultSelected": "resultSelected"; "close": "close"; }, never, never, true, never>;
5606
5605
  }
@@ -5640,8 +5639,8 @@ declare class DashboardHeaderComponent implements OnInit {
5640
5639
  protected onTitleMouseLeave(): void;
5641
5640
  formattedGeneratedDate: _angular_core.Signal<string>;
5642
5641
  formatDate(dateString: string): string;
5643
- headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5644
- metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
5642
+ headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5643
+ metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
5645
5644
  protected getHeaderClasses(): string;
5646
5645
  protected getMainTitleClasses(): string;
5647
5646
  protected getSubtitleClasses(): string;
@@ -5657,7 +5656,7 @@ declare class GradeBadgeComponent {
5657
5656
  gradeRationale: _angular_core.InputSignal<string>;
5658
5657
  label: _angular_core.InputSignal<string>;
5659
5658
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5660
- tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
5659
+ tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
5661
5660
  isLightMode: _angular_core.Signal<boolean>;
5662
5661
  formattedGrade: _angular_core.Signal<string>;
5663
5662
  shouldPulse: _angular_core.Signal<boolean>;
@@ -5667,7 +5666,7 @@ declare class GradeBadgeComponent {
5667
5666
  explanation: string;
5668
5667
  }>;
5669
5668
  private formatGrade;
5670
- badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5669
+ badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5671
5670
  gradeBadgeClass: _angular_core.Signal<string>;
5672
5671
  private getGradeBadgeClassLight;
5673
5672
  private getGradeBadgeClassDark;
@@ -5765,7 +5764,7 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5765
5764
  protected cardContainerClasses: _angular_core.Signal<"border-2 shadow-2xl bg-slate-800/60 border-slate-700/50 backdrop-blur-xl" | "border-2 shadow-2xl bg-white/90 border-slate-200/50 backdrop-blur-xl shadow-slate-200/50">;
5766
5765
  protected backgroundOverlayClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 via-teal-500/20 to-emerald-500/30" | "bg-gradient-to-br from-emerald-400/20 via-teal-400/10 to-emerald-400/20" | "bg-gradient-to-br from-blue-500/30 via-cyan-500/20 to-blue-500/30" | "bg-gradient-to-br from-blue-400/20 via-cyan-400/10 to-blue-400/20" | "bg-gradient-to-br from-orange-500/30 via-amber-500/20 to-orange-500/30" | "bg-gradient-to-br from-orange-400/20 via-amber-400/10 to-orange-400/20" | "bg-gradient-to-br from-red-500/30 via-rose-500/20 to-red-500/30" | "bg-gradient-to-br from-red-400/20 via-rose-400/10 to-red-400/20">;
5767
5766
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
5768
- protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5767
+ protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5769
5768
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5770
5769
  protected glowEffectClasses: _angular_core.Signal<"bg-red-500" | "bg-blue-500" | "bg-emerald-500" | "bg-orange-500">;
5771
5770
  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)]">;
@@ -5780,11 +5779,11 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5780
5779
  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">;
5781
5780
  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">;
5782
5781
  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">;
5783
- protected nextStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-red-100 text-red-700" | "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">;
5782
+ 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">;
5784
5783
  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">;
5785
- protected currentStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-red-100 text-red-700" | "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">;
5784
+ 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">;
5786
5785
  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">;
5787
- protected nextDashboardBadgeClasses: _angular_core.Signal<"bg-blue-50 text-blue-600" | "bg-emerald-500/10 text-emerald-500" | "bg-emerald-50 text-emerald-600" | "bg-blue-500/10 text-blue-500" | "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">;
5786
+ 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">;
5788
5787
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
5789
5788
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfidenceLevelCardComponent, "symphiq-confidence-level-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentStepId": { "alias": "currentStepId"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "currentFocusAreaDomain": { "alias": "currentFocusAreaDomain"; "required": false; "isSignal": true; }; "currentMetric": { "alias": "currentMetric"; "required": false; "isSignal": true; }; "targets": { "alias": "targets"; "required": false; "isSignal": true; }; "isCurrentStepComplete": { "alias": "isCurrentStepComplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5790
5789
  }
@@ -5805,7 +5804,7 @@ declare class RelatedContentSidebarComponent {
5805
5804
  protected funnelInsightsCount: _angular_core.Signal<number>;
5806
5805
  protected funnelMetricsCount: _angular_core.Signal<number>;
5807
5806
  protected businessInsightsCount: _angular_core.Signal<number>;
5808
- protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5807
+ protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5809
5808
  protected onFunnelInsightsClick(): void;
5810
5809
  protected onFunnelMetricsClick(): void;
5811
5810
  protected onBusinessInsightsClick(): void;
@@ -5827,7 +5826,7 @@ declare class ContentGenerationProgressComponent {
5827
5826
  protected containerClasses: _angular_core.Signal<string>;
5828
5827
  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">;
5829
5828
  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">;
5830
- protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5829
+ protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5831
5830
  protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5832
5831
  protected progressBarContainerClasses: _angular_core.Signal<string>;
5833
5832
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
@@ -5835,7 +5834,7 @@ declare class ContentGenerationProgressComponent {
5835
5834
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
5836
5835
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
5837
5836
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
5838
- protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5837
+ protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5839
5838
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
5840
5839
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentGenerationProgressComponent, "symphiq-content-generation-progress", never, { "itemStatus": { "alias": "itemStatus"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "compactTitle": { "alias": "compactTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5841
5840
  }
@@ -5865,8 +5864,8 @@ declare class IndeterminateSpinnerComponent {
5865
5864
  svgSize: _angular_core.Signal<40 | 80 | 60>;
5866
5865
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5867
5866
  svgCircleRadius: _angular_core.Signal<number>;
5868
- strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
5869
- dotSize: _angular_core.Signal<5 | 10 | 7>;
5867
+ strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
5868
+ dotSize: _angular_core.Signal<10 | 5 | 7>;
5870
5869
  containerClasses: _angular_core.Signal<{
5871
5870
  'w-10 h-10': boolean;
5872
5871
  'w-[60px] h-[60px]': boolean;
@@ -5908,7 +5907,7 @@ declare class UserDisplayComponent {
5908
5907
  avatarSize: _angular_core.InputSignal<AvatarSize>;
5909
5908
  showEmail: _angular_core.InputSignal<boolean>;
5910
5909
  protected displayName: _angular_core.Signal<string>;
5911
- protected nameClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5910
+ protected nameClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
5912
5911
  protected emailClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5913
5912
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserDisplayComponent, never>;
5914
5913
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserDisplayComponent, "symphiq-user-display", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showEmail": { "alias": "showEmail"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -5927,10 +5926,10 @@ declare class ChartContainerComponent {
5927
5926
  protected ChartTypeEnum: typeof ChartTypeEnum;
5928
5927
  containerClass: _angular_core.Signal<"bg-white border-slate-200 hover:border-blue-300 hover:shadow-blue-100/50" | "bg-slate-800 border-slate-700 hover:border-slate-600 hover:shadow-slate-900/50">;
5929
5928
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5930
- titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5931
- descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5929
+ titleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
5930
+ descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
5932
5931
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
5933
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
5932
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
5934
5933
  expandButtonClass: _angular_core.Signal<"bg-blue-100 text-blue-600 hover:bg-blue-200" | "bg-blue-500/20 text-blue-400 hover:bg-blue-500/30">;
5935
5934
  closeButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700/50 text-slate-400 hover:bg-slate-600/50">;
5936
5935
  isCollapsible: _angular_core.Signal<boolean>;
@@ -6113,7 +6112,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
6113
6112
  isVisible: _angular_core.Signal<boolean>;
6114
6113
  tooltipType: _angular_core.Signal<string | null>;
6115
6114
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
6116
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
6115
+ tooltipPosition: _angular_core.Signal<"auto" | "top" | "bottom" | "left" | "right">;
6117
6116
  targetRect: _angular_core.Signal<DOMRect | null>;
6118
6117
  mousePosition: _angular_core.Signal<{
6119
6118
  x: number;