@eric-emg/symphiq-components 1.2.429 → 1.2.430

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/symphiq-components.mjs +119 -91
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +52 -49
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -1059,7 +1059,7 @@ declare class ModalComponent {
1059
1059
  private animatedTrendValues;
1060
1060
  private animationFrames;
1061
1061
  isOpen: _angular_core.Signal<boolean>;
1062
- 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>;
1062
+ 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>;
1063
1063
  charts: _angular_core.Signal<AiChartInterface[]>;
1064
1064
  modalKey: _angular_core.Signal<number>;
1065
1065
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1078,7 +1078,7 @@ declare class ModalComponent {
1078
1078
  description: string;
1079
1079
  icon: string;
1080
1080
  } | null>;
1081
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1081
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1082
1082
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1083
1083
  metricsListInsightContext: _angular_core.Signal<{
1084
1084
  title: string;
@@ -1086,7 +1086,7 @@ declare class ModalComponent {
1086
1086
  businessContext: string;
1087
1087
  priority: number;
1088
1088
  } | null>;
1089
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1089
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1090
1090
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1091
1091
  chartsListInsightContext: _angular_core.Signal<{
1092
1092
  title: string;
@@ -1094,7 +1094,7 @@ declare class ModalComponent {
1094
1094
  businessContext: string;
1095
1095
  priority: number;
1096
1096
  } | null>;
1097
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1097
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1098
1098
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1099
1099
  recommendationsListInsightContext: _angular_core.Signal<{
1100
1100
  title: string;
@@ -1102,7 +1102,7 @@ declare class ModalComponent {
1102
1102
  businessContext: string;
1103
1103
  priority: number;
1104
1104
  } | null>;
1105
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1105
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1106
1106
  competitiveAnalysisContext: _angular_core.Signal<{
1107
1107
  title: string;
1108
1108
  description: string;
@@ -1481,8 +1481,8 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1481
1481
  private chartsById;
1482
1482
  headerClass: _angular_core.Signal<string>;
1483
1483
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1484
- headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1485
- metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
1484
+ headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1485
+ metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1486
1486
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1487
1487
  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">;
1488
1488
  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">;
@@ -1646,9 +1646,9 @@ declare class MetricCardComponent {
1646
1646
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1647
1647
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1648
1648
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1649
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1650
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1651
- competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1649
+ competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1650
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1651
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1652
1652
  getCompetitiveScoreIcon(): string;
1653
1653
  getCompetitiveScoreLabel(): string;
1654
1654
  getCompetitiveScoreLabelFull(): string;
@@ -1889,10 +1889,10 @@ declare class OverallAssessmentComponent {
1889
1889
  revenueTrendArrowPath: _angular_core.Signal<"M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" | "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" | "M3 10h11m0 0l-4-4m4 4l-4 4">;
1890
1890
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1891
1891
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1892
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
1892
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1893
1893
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1894
1894
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1895
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
1895
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1896
1896
  formattedRevenueTrend: _angular_core.Signal<string>;
1897
1897
  formattedRevenueTarget: _angular_core.Signal<string>;
1898
1898
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -3787,6 +3787,8 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
3787
3787
  currentUser: _angular_core.InputSignal<UserInterface | undefined>;
3788
3788
  maxAccessibleStepId: _angular_core.InputSignal<JourneyStepIdEnum | undefined>;
3789
3789
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3790
+ displayMode: _angular_core.InputSignal<DisplayModeEnum>;
3791
+ currentStepId: _angular_core.InputSignal<JourneyStepIdEnum>;
3790
3792
  focusAreaClicked: _angular_core.OutputEmitterRef<FocusAreaDomainEnum>;
3791
3793
  stepClick: _angular_core.OutputEmitterRef<number>;
3792
3794
  nextStepClick: _angular_core.OutputEmitterRef<void>;
@@ -3797,6 +3799,7 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
3797
3799
  showSearchModal: _angular_core.WritableSignal<boolean>;
3798
3800
  scrollProgress: _angular_core.WritableSignal<number>;
3799
3801
  isLightMode: _angular_core.Signal<boolean>;
3802
+ isSimplifiedView: _angular_core.Signal<boolean>;
3800
3803
  focusAreaCards: _angular_core.Signal<FocusAreaCardData[]>;
3801
3804
  handleFocusAreaClick(domain: FocusAreaDomainEnum): void;
3802
3805
  handleSearchClick(): void;
@@ -3819,7 +3822,7 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
3819
3822
  getWelcomeBannerHighlightListClasses(): string;
3820
3823
  private getIconForDomain;
3821
3824
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, never>;
3822
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, "symphiq-profile-focus-areas-analyses-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalyses": { "alias": "profileAnalyses"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileFocusAreas": { "alias": "profileFocusAreas"; "required": false; "isSignal": true; }; "itemStatusesProfileFocusArea": { "alias": "itemStatusesProfileFocusArea"; "required": false; "isSignal": true; }; "itemStatusesProfileAnalysis": { "alias": "itemStatusesProfileAnalysis"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "focusAreaClicked": "focusAreaClicked"; "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "answerFocusAreaProfileQuestions": "answerFocusAreaProfileQuestions"; "continueFocusAreaProfileQuestions": "continueFocusAreaProfileQuestions"; "profileQuestionAnswerSave": "profileQuestionAnswerSave"; "focusAreaProfileAdminAnswerAction": "focusAreaProfileAdminAnswerAction"; }, never, never, true, never>;
3825
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, "symphiq-profile-focus-areas-analyses-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalyses": { "alias": "profileAnalyses"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileFocusAreas": { "alias": "profileFocusAreas"; "required": false; "isSignal": true; }; "itemStatusesProfileFocusArea": { "alias": "itemStatusesProfileFocusArea"; "required": false; "isSignal": true; }; "itemStatusesProfileAnalysis": { "alias": "itemStatusesProfileAnalysis"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "currentStepId": { "alias": "currentStepId"; "required": false; "isSignal": true; }; }, { "focusAreaClicked": "focusAreaClicked"; "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "answerFocusAreaProfileQuestions": "answerFocusAreaProfileQuestions"; "continueFocusAreaProfileQuestions": "continueFocusAreaProfileQuestions"; "profileQuestionAnswerSave": "profileQuestionAnswerSave"; "focusAreaProfileAdminAnswerAction": "focusAreaProfileAdminAnswerAction"; }, never, never, true, never>;
3823
3826
  }
3824
3827
 
3825
3828
  declare class MetricWelcomeBannerComponent {
@@ -3899,33 +3902,33 @@ declare class MetricExecutiveSummaryComponent {
3899
3902
  protected iconSource: IconSourceEnum;
3900
3903
  protected isDark: _angular_core.Signal<boolean>;
3901
3904
  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">;
3902
- protected titleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3903
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3905
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3906
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3904
3907
  protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3905
3908
  protected healthBadgeClasses: _angular_core.Signal<string>;
3906
3909
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3907
- protected metricCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
3908
- protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3909
- protected metricValueClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3910
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
3910
+ protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3911
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3912
+ protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3913
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
3911
3914
  protected getYoyIcon(): string;
3912
3915
  protected getPacingValueClasses(): string;
3913
3916
  protected getHealthValueClasses(): string;
3914
3917
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
3915
3918
  protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
3916
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3917
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3919
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3920
+ protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3918
3921
  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">;
3919
3922
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3920
- protected priorityTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3921
- protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3923
+ protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3924
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3922
3925
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
3923
3926
  protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3924
- protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3925
- protected quickWinCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
3927
+ protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3928
+ protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3926
3929
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3927
- protected quickWinTextClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
3928
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3930
+ protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3931
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3929
3932
  protected getEffortBadgeClasses(effort: string | undefined): string;
3930
3933
  protected getImpactBadgeClasses(impact: string | undefined): string;
3931
3934
  protected formatMetricName(name: string): string;
@@ -4300,17 +4303,17 @@ declare class SearchModalComponent {
4300
4303
  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">;
4301
4304
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4302
4305
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
4303
- resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4306
+ resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4304
4307
  breadcrumbClass: _angular_core.Signal<string>;
4305
4308
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
4306
4309
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
4307
4310
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4308
4311
  emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
4309
4312
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
4310
- emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4313
+ emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4311
4314
  shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
4312
4315
  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">;
4313
- shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4316
+ shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4314
4317
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
4315
4318
  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>;
4316
4319
  }
@@ -4336,7 +4339,7 @@ declare class DashboardHeaderComponent {
4336
4339
  formattedGeneratedDate: _angular_core.Signal<string>;
4337
4340
  formatDate(dateString: string): string;
4338
4341
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
4339
- metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
4342
+ metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
4340
4343
  protected getHeaderClasses(): string;
4341
4344
  protected getMainTitleClasses(): string;
4342
4345
  protected getSubtitleClasses(): string;
@@ -4361,7 +4364,7 @@ declare class GradeBadgeComponent {
4361
4364
  explanation: string;
4362
4365
  }>;
4363
4366
  private formatGrade;
4364
- badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4367
+ badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4365
4368
  gradeBadgeClass: _angular_core.Signal<string>;
4366
4369
  private getGradeBadgeClassLight;
4367
4370
  private getGradeBadgeClassDark;
@@ -4436,15 +4439,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
4436
4439
  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">;
4437
4440
  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">;
4438
4441
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
4439
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4442
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4440
4443
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
4441
4444
  protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
4442
4445
  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)]">;
4443
- protected gradeLabelClasses: _angular_core.Signal<"text-emerald-300" | "text-emerald-700" | "text-blue-300" | "text-blue-700" | "text-red-300" | "text-red-700" | "text-orange-700" | "text-orange-300">;
4446
+ 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">;
4444
4447
  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">;
4445
- protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4446
- protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4447
- protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600" | "text-orange-600" | "text-orange-400">;
4448
+ protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4449
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4450
+ 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">;
4448
4451
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
4449
4452
  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">;
4450
4453
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -4466,12 +4469,12 @@ declare class RelatedContentSidebarComponent {
4466
4469
  protected funnelInsightsCount: _angular_core.Signal<number>;
4467
4470
  protected funnelMetricsCount: _angular_core.Signal<number>;
4468
4471
  protected businessInsightsCount: _angular_core.Signal<number>;
4469
- protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4472
+ protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4470
4473
  protected buttonClasses: _angular_core.Signal<"bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100" | "bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50">;
4471
4474
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
4472
4475
  protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4473
4476
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
4474
- protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4477
+ protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4475
4478
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
4476
4479
  protected onFunnelInsightsClick(): void;
4477
4480
  protected onFunnelMetricsClick(): void;
@@ -4492,15 +4495,15 @@ declare class ContentGenerationProgressComponent {
4492
4495
  protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-900 to-slate-800" | "bg-gradient-to-br from-slate-50 to-white">;
4493
4496
  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">;
4494
4497
  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">;
4495
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4496
- protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
4498
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4499
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
4497
4500
  protected progressBarContainerClasses: _angular_core.Signal<string>;
4498
4501
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4499
4502
  protected progressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600 shadow-lg shadow-blue-500/40" | "bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-500 shadow-lg shadow-blue-400/40">;
4500
4503
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
4501
4504
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
4502
4505
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
4503
- protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4506
+ protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4504
4507
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
4505
4508
  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; }; }, {}, never, never, true, never>;
4506
4509
  }
@@ -4530,8 +4533,8 @@ declare class IndeterminateSpinnerComponent {
4530
4533
  svgSize: _angular_core.Signal<40 | 80 | 60>;
4531
4534
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
4532
4535
  svgCircleRadius: _angular_core.Signal<number>;
4533
- strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
4534
- dotSize: _angular_core.Signal<10 | 5 | 7>;
4536
+ strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
4537
+ dotSize: _angular_core.Signal<5 | 10 | 7>;
4535
4538
  containerClasses: _angular_core.Signal<{
4536
4539
  'w-10 h-10': boolean;
4537
4540
  'w-16 h-16': boolean;
@@ -4593,9 +4596,9 @@ declare class ChartContainerComponent {
4593
4596
  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">;
4594
4597
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
4595
4598
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
4596
- descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
4599
+ descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4597
4600
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
4598
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
4601
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
4599
4602
  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">;
4600
4603
  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">;
4601
4604
  isCollapsible: _angular_core.Signal<boolean>;
@@ -4659,7 +4662,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
4659
4662
  showAxisLabels: _angular_core.InputSignal<boolean>;
4660
4663
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4661
4664
  currencySymbol: _angular_core.InputSignal<string>;
4662
- chartHeight: _angular_core.Signal<"175px" | "500px">;
4665
+ chartHeight: _angular_core.Signal<"500px" | "175px">;
4663
4666
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
4664
4667
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
4665
4668
  chartHash: _angular_core.Signal<string>;
@@ -4696,7 +4699,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
4696
4699
  showAxisLabels: _angular_core.InputSignal<boolean>;
4697
4700
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4698
4701
  currencySymbol: _angular_core.InputSignal<string>;
4699
- chartHeight: _angular_core.Signal<"200px" | "500px">;
4702
+ chartHeight: _angular_core.Signal<"500px" | "200px">;
4700
4703
  chartHash: _angular_core.Signal<string>;
4701
4704
  chartDiv: ElementRef;
4702
4705
  private root?;
@@ -4777,7 +4780,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
4777
4780
  isVisible: _angular_core.Signal<boolean>;
4778
4781
  tooltipType: _angular_core.Signal<string | null>;
4779
4782
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
4780
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
4783
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
4781
4784
  targetRect: _angular_core.Signal<DOMRect | null>;
4782
4785
  mousePosition: _angular_core.Signal<{
4783
4786
  x: number;