@eric-emg/symphiq-components 1.2.533 → 1.2.535

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 +631 -579
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +38 -35
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/styles.css +7 -0
package/index.d.ts CHANGED
@@ -439,7 +439,7 @@ declare class ModalService {
439
439
  openFunnelWeaknessDetailModal(weakness: InsightBlockInterface & Partial<FunnelWeaknessInterface>, parentModalState?: ModalState): void;
440
440
  openFunnelStrengthDetailModal(strength: InsightBlockInterface & Partial<FunnelStrengthInterface>, parentModalState?: ModalState): void;
441
441
  openTopPrioritiesListModal(priorities: TopPriorityInterface[], viewMode: ViewModeEnum, focusAreaName?: string): void;
442
- navigateToTopPriorityDetail(priority: TopPriorityInterface, index: number, viewMode: ViewModeEnum, focusAreaName?: string): void;
442
+ navigateToTopPriorityDetail(priority: TopPriorityInterface, index: number, viewMode: ViewModeEnum, focusAreaName?: string, providedTotalCount?: number): void;
443
443
  openFocusAreaStrengthsListModal(strengths: CategoryStrengthInterface[], viewMode: ViewModeEnum, categoryTitle: string): void;
444
444
  navigateToFocusAreaStrengthDetail(strength: CategoryStrengthInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
445
445
  openFocusAreaGapsListModal(gaps: CategoryGapInterface[], viewMode: ViewModeEnum, categoryTitle: string): void;
@@ -1072,7 +1072,7 @@ declare class ModalComponent {
1072
1072
  private animatedTrendValues;
1073
1073
  private animationFrames;
1074
1074
  isOpen: _angular_core.Signal<boolean>;
1075
- modalType: _angular_core.Signal<"insight" | "metric" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | "business-insight-detail" | null>;
1075
+ 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>;
1076
1076
  charts: _angular_core.Signal<AiChartInterface[]>;
1077
1077
  modalKey: _angular_core.Signal<number>;
1078
1078
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1091,7 +1091,7 @@ declare class ModalComponent {
1091
1091
  description: string;
1092
1092
  icon: string;
1093
1093
  } | null>;
1094
- metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1094
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1095
1095
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1096
1096
  metricsListInsightContext: _angular_core.Signal<{
1097
1097
  title: string;
@@ -1099,7 +1099,7 @@ declare class ModalComponent {
1099
1099
  businessContext: string;
1100
1100
  priority: number;
1101
1101
  } | null>;
1102
- chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1102
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1103
1103
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1104
1104
  chartsListInsightContext: _angular_core.Signal<{
1105
1105
  title: string;
@@ -1107,7 +1107,7 @@ declare class ModalComponent {
1107
1107
  businessContext: string;
1108
1108
  priority: number;
1109
1109
  } | null>;
1110
- recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1110
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1111
1111
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1112
1112
  recommendationsListInsightContext: _angular_core.Signal<{
1113
1113
  title: string;
@@ -1115,7 +1115,7 @@ declare class ModalComponent {
1115
1115
  businessContext: string;
1116
1116
  priority: number;
1117
1117
  } | null>;
1118
- competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1118
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1119
1119
  competitiveAnalysisContext: _angular_core.Signal<{
1120
1120
  title: string;
1121
1121
  description: string;
@@ -1666,7 +1666,7 @@ declare class MetricCardComponent {
1666
1666
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1667
1667
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1668
1668
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1669
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-700" | "text-blue-400" | "text-emerald-600" | "text-orange-600">;
1669
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1670
1670
  competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1671
1671
  competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1672
1672
  getCompetitiveScoreIcon(): string;
@@ -1718,9 +1718,9 @@ declare class InsightCardComponent {
1718
1718
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1719
1719
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1720
1720
  recommendationsContainerClass: _angular_core.Signal<string>;
1721
- priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60">;
1722
- priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
1723
- priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
1721
+ priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60">;
1722
+ priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
1723
+ priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
1724
1724
  containerLightClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50">;
1725
1725
  containerDarkClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
1726
1726
  containerClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
@@ -1909,10 +1909,10 @@ declare class OverallAssessmentComponent {
1909
1909
  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">;
1910
1910
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1911
1911
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1912
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1912
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1913
1913
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1914
1914
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1915
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1915
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1916
1916
  formattedRevenueTrend: _angular_core.Signal<string>;
1917
1917
  formattedRevenueTarget: _angular_core.Signal<string>;
1918
1918
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2234,7 +2234,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2234
2234
  competitiveTooltip: _angular_core.Signal<{
2235
2235
  industry: string;
2236
2236
  metricBenchmark: string;
2237
- competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
2237
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2238
2238
  description: string;
2239
2239
  keyOpportunities: string;
2240
2240
  }>;
@@ -2785,7 +2785,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
2785
2785
  private animateValue;
2786
2786
  protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
2787
2787
  protected containerClasses: _angular_core.Signal<string>;
2788
- protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
2788
+ protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
2789
2789
  protected rotationStyle: _angular_core.Signal<string>;
2790
2790
  protected fullBadgeRotationStyle: _angular_core.Signal<string>;
2791
2791
  protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-1.5" | "inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-2">;
@@ -4418,6 +4418,7 @@ declare class SymphiqProfileAnalysisMetricDashboardComponent implements OnInit,
4418
4418
  protected openGoalModal(goal: GoalV3Interface): void;
4419
4419
  protected handleTopPrioritiesClick(): void;
4420
4420
  protected handlePriorityDetailClick(priority: TopPriorityInterface): void;
4421
+ protected handleViewMetricDetailsClick(): void;
4421
4422
  protected getCurrentModalState(): ModalState;
4422
4423
  protected getGoalDetailData(): {
4423
4424
  goal: GoalV3Interface;
@@ -4542,6 +4543,7 @@ declare class MetricExecutiveSummaryComponent {
4542
4543
  allGoals: _angular_core.InputSignal<GoalV3Interface[] | undefined>;
4543
4544
  topPrioritiesClick: _angular_core.OutputEmitterRef<void>;
4544
4545
  priorityDetailClick: _angular_core.OutputEmitterRef<any>;
4546
+ viewMetricDetailsClick: _angular_core.OutputEmitterRef<void>;
4545
4547
  protected iconSource: IconSourceEnum;
4546
4548
  protected isDark: _angular_core.Signal<boolean>;
4547
4549
  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">;
@@ -4551,14 +4553,15 @@ declare class MetricExecutiveSummaryComponent {
4551
4553
  protected healthBadgeClasses: _angular_core.Signal<string>;
4552
4554
  protected pacingBadgeClasses: _angular_core.Signal<string>;
4553
4555
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
4556
+ protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4554
4557
  protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4555
4558
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4556
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
4559
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
4557
4560
  protected getYoyIcon(): string;
4558
4561
  protected getPacingValueClasses(): string;
4559
4562
  protected getHealthValueClasses(): string;
4560
4563
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
4561
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
4564
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
4562
4565
  protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
4563
4566
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
4564
4567
  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">;
@@ -4577,7 +4580,7 @@ declare class MetricExecutiveSummaryComponent {
4577
4580
  protected formatMetricName(name: string): string;
4578
4581
  protected formatLabel(str: string | undefined): string;
4579
4582
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricExecutiveSummaryComponent, never>;
4580
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricExecutiveSummaryComponent, "symphiq-metric-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": true; "isSignal": true; }; "metricName": { "alias": "metricName"; "required": false; "isSignal": true; }; "allGoals": { "alias": "allGoals"; "required": false; "isSignal": true; }; }, { "topPrioritiesClick": "topPrioritiesClick"; "priorityDetailClick": "priorityDetailClick"; }, never, never, true, never>;
4583
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricExecutiveSummaryComponent, "symphiq-metric-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": true; "isSignal": true; }; "metricName": { "alias": "metricName"; "required": false; "isSignal": true; }; "allGoals": { "alias": "allGoals"; "required": false; "isSignal": true; }; }, { "topPrioritiesClick": "topPrioritiesClick"; "priorityDetailClick": "priorityDetailClick"; "viewMetricDetailsClick": "viewMetricDetailsClick"; }, never, never, true, never>;
4581
4584
  }
4582
4585
 
4583
4586
  declare class SubscriptionValuePropositionCardComponent {
@@ -4882,7 +4885,7 @@ declare class FocusAreaStatusCardComponent {
4882
4885
  protected generatingMessage: _angular_core.Signal<"Generating Profile Questions..." | "Generating Analysis..." | "Generating...">;
4883
4886
  protected hasAnalysis: _angular_core.Signal<boolean>;
4884
4887
  protected hasProfile: _angular_core.Signal<boolean>;
4885
- protected profileCompletionPercentage: _angular_core.Signal<0 | 50 | 100>;
4888
+ protected profileCompletionPercentage: _angular_core.Signal<0 | 100 | 50>;
4886
4889
  protected isProfileComplete: _angular_core.Signal<boolean>;
4887
4890
  protected handleCardClick(): void;
4888
4891
  protected cardClasses(): string;
@@ -5049,17 +5052,17 @@ declare class SearchModalComponent {
5049
5052
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5050
5053
  clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
5051
5054
  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">;
5052
- resultsContainerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
5055
+ resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5053
5056
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5054
5057
  resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5055
5058
  breadcrumbClass: _angular_core.Signal<string>;
5056
5059
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
5057
5060
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
5058
- emptyStateClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
5061
+ emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5059
5062
  emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
5060
5063
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5061
5064
  emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5062
- shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
5065
+ shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
5063
5066
  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">;
5064
5067
  shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5065
5068
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
@@ -5113,7 +5116,7 @@ declare class GradeBadgeComponent {
5113
5116
  gradeRationale: _angular_core.InputSignal<string>;
5114
5117
  label: _angular_core.InputSignal<string>;
5115
5118
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5116
- tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
5119
+ tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
5117
5120
  isLightMode: _angular_core.Signal<boolean>;
5118
5121
  formattedGrade: _angular_core.Signal<string>;
5119
5122
  shouldPulse: _angular_core.Signal<boolean>;
@@ -5209,11 +5212,11 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
5209
5212
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
5210
5213
  protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
5211
5214
  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)]">;
5212
- protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
5215
+ 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">;
5213
5216
  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">;
5214
5217
  protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5215
5218
  protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
5216
- protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-blue-400" | "text-blue-600" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
5219
+ protected progressValueClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-blue-400" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
5217
5220
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
5218
5221
  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">;
5219
5222
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -5241,7 +5244,7 @@ declare class RelatedContentSidebarComponent {
5241
5244
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
5242
5245
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
5243
5246
  protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5244
- protected chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
5247
+ protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
5245
5248
  protected onFunnelInsightsClick(): void;
5246
5249
  protected onFunnelMetricsClick(): void;
5247
5250
  protected onBusinessInsightsClick(): void;
@@ -5298,11 +5301,11 @@ declare class IndeterminateSpinnerComponent {
5298
5301
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5299
5302
  size: _angular_core.InputSignal<SpinnerSize>;
5300
5303
  color: _angular_core.InputSignal<string | undefined>;
5301
- svgSize: _angular_core.Signal<60 | 40 | 80>;
5304
+ svgSize: _angular_core.Signal<40 | 80 | 60>;
5302
5305
  circleRadius: _angular_core.Signal<16 | 36 | 26>;
5303
5306
  svgCircleRadius: _angular_core.Signal<number>;
5304
- strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
5305
- dotSize: _angular_core.Signal<10 | 5 | 7>;
5307
+ strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
5308
+ dotSize: _angular_core.Signal<5 | 10 | 7>;
5306
5309
  containerClasses: _angular_core.Signal<{
5307
5310
  'w-10 h-10': boolean;
5308
5311
  'w-[60px] h-[60px]': boolean;
@@ -5362,11 +5365,11 @@ declare class ChartContainerComponent {
5362
5365
  isExpanded: _angular_core.WritableSignal<boolean>;
5363
5366
  protected ChartTypeEnum: typeof ChartTypeEnum;
5364
5367
  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">;
5365
- headerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
5368
+ headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
5366
5369
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
5367
5370
  descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
5368
5371
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
5369
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
5372
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
5370
5373
  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">;
5371
5374
  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">;
5372
5375
  isCollapsible: _angular_core.Signal<boolean>;
@@ -5430,7 +5433,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
5430
5433
  showAxisLabels: _angular_core.InputSignal<boolean>;
5431
5434
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5432
5435
  currencySymbol: _angular_core.InputSignal<string>;
5433
- chartHeight: _angular_core.Signal<"175px" | "500px">;
5436
+ chartHeight: _angular_core.Signal<"500px" | "175px">;
5434
5437
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
5435
5438
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
5436
5439
  chartHash: _angular_core.Signal<string>;
@@ -5467,7 +5470,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
5467
5470
  showAxisLabels: _angular_core.InputSignal<boolean>;
5468
5471
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
5469
5472
  currencySymbol: _angular_core.InputSignal<string>;
5470
- chartHeight: _angular_core.Signal<"200px" | "500px">;
5473
+ chartHeight: _angular_core.Signal<"500px" | "200px">;
5471
5474
  chartHash: _angular_core.Signal<string>;
5472
5475
  chartDiv: ElementRef;
5473
5476
  private root?;
@@ -5548,7 +5551,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
5548
5551
  isVisible: _angular_core.Signal<boolean>;
5549
5552
  tooltipType: _angular_core.Signal<string | null>;
5550
5553
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
5551
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
5554
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
5552
5555
  targetRect: _angular_core.Signal<DOMRect | null>;
5553
5556
  mousePosition: _angular_core.Signal<{
5554
5557
  x: number;
@@ -5573,7 +5576,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
5573
5576
  shouldCenter: _angular_core.Signal<boolean>;
5574
5577
  containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
5575
5578
  contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
5576
- textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
5579
+ textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
5577
5580
  viewMoreButtonClass: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-200 hover:border-blue-400 hover:text-blue-800 active:bg-blue-300" | "bg-blue-500/10 text-blue-400 border border-blue-500/20 hover:bg-blue-500/30 hover:border-blue-500/40 hover:text-blue-300 active:bg-blue-500/40">;
5578
5581
  transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
5579
5582
  constructor();
@@ -5807,7 +5810,7 @@ declare class OpportunityHighlightBannerComponent {
5807
5810
  protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
5808
5811
  protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
5809
5812
  protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
5810
- protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
5813
+ protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
5811
5814
  handleClick(event: Event): void;
5812
5815
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
5813
5816
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<OpportunityHighlightBannerComponent, "symphiq-opportunity-highlight-banner", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "isDark": { "alias": "isDark"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;