@eric-emg/symphiq-components 1.2.247 → 1.2.249

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 +1341 -1288
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +61 -51
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/styles.css +70 -37
package/index.d.ts CHANGED
@@ -1057,7 +1057,7 @@ declare class ModalComponent {
1057
1057
  private animatedTrendValues;
1058
1058
  private animationFrames;
1059
1059
  isOpen: _angular_core.Signal<boolean>;
1060
- 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>;
1060
+ modalType: _angular_core.Signal<"chart" | "metric" | "insight" | "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>;
1061
1061
  charts: _angular_core.Signal<AiChartInterface[]>;
1062
1062
  modalKey: _angular_core.Signal<number>;
1063
1063
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1076,7 +1076,7 @@ declare class ModalComponent {
1076
1076
  description: string;
1077
1077
  icon: string;
1078
1078
  } | null>;
1079
- metricsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1079
+ metricsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1080
1080
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1081
1081
  metricsListInsightContext: _angular_core.Signal<{
1082
1082
  title: string;
@@ -1084,7 +1084,7 @@ declare class ModalComponent {
1084
1084
  businessContext: string;
1085
1085
  priority: number;
1086
1086
  } | null>;
1087
- chartsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1087
+ chartsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1088
1088
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1089
1089
  chartsListInsightContext: _angular_core.Signal<{
1090
1090
  title: string;
@@ -1092,7 +1092,7 @@ declare class ModalComponent {
1092
1092
  businessContext: string;
1093
1093
  priority: number;
1094
1094
  } | null>;
1095
- recommendationsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1095
+ recommendationsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1096
1096
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1097
1097
  recommendationsListInsightContext: _angular_core.Signal<{
1098
1098
  title: string;
@@ -1100,7 +1100,7 @@ declare class ModalComponent {
1100
1100
  businessContext: string;
1101
1101
  priority: number;
1102
1102
  } | null>;
1103
- competitiveAnalysisData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1103
+ competitiveAnalysisData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1104
1104
  competitiveAnalysisContext: _angular_core.Signal<{
1105
1105
  title: string;
1106
1106
  description: string;
@@ -1615,9 +1615,9 @@ declare class MetricCardComponent {
1615
1615
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1616
1616
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1617
1617
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1618
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1619
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1620
- competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1618
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-blue-700" | "text-emerald-600" | "text-orange-600">;
1619
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1620
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1621
1621
  getCompetitiveScoreIcon(): string;
1622
1622
  getCompetitiveScoreLabel(): string;
1623
1623
  getCompetitiveScoreLabelFull(): string;
@@ -1667,9 +1667,9 @@ declare class InsightCardComponent {
1667
1667
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1668
1668
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1669
1669
  recommendationsContainerClass: _angular_core.Signal<string>;
1670
- 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">;
1671
- 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">;
1672
- 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">;
1670
+ 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">;
1671
+ 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">;
1672
+ 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">;
1673
1673
  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">;
1674
1674
  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">;
1675
1675
  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">;
@@ -1858,10 +1858,10 @@ declare class OverallAssessmentComponent {
1858
1858
  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">;
1859
1859
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1860
1860
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1861
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1861
+ trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1862
1862
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1863
1863
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1864
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1864
+ trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1865
1865
  formattedRevenueTrend: _angular_core.Signal<string>;
1866
1866
  formattedRevenueTarget: _angular_core.Signal<string>;
1867
1867
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2141,7 +2141,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2141
2141
  topMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
2142
2142
  formattedRevenueValue: _angular_core.Signal<string>;
2143
2143
  formattedRevenueTrend: _angular_core.Signal<string>;
2144
- revenueStatusIcon: _angular_core.Signal<"↑" | "→" | "⚠" | "•">;
2144
+ revenueStatusIcon: _angular_core.Signal<"→" | "↑" | "•" | "⚠">;
2145
2145
  hasCompetitiveData: _angular_core.Signal<boolean>;
2146
2146
  hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
2147
2147
  overallCompetitiveDescription: _angular_core.Signal<string>;
@@ -2183,7 +2183,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2183
2183
  competitiveTooltip: _angular_core.Signal<{
2184
2184
  industry: string;
2185
2185
  metricBenchmark: string;
2186
- competitiveScore: "LAGGING" | "LEADING" | "COMPETITIVE";
2186
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2187
2187
  description: string;
2188
2188
  keyOpportunities: string;
2189
2189
  }>;
@@ -2664,16 +2664,20 @@ declare class TargetChangeBadgeComponent {
2664
2664
  metric: _angular_core.InputSignal<string>;
2665
2665
  priorYear: _angular_core.InputSignal<number>;
2666
2666
  isCompact: _angular_core.InputSignal<boolean>;
2667
+ protected animatedValue: _angular_core.WritableSignal<number>;
2667
2668
  protected isDark: _angular_core.Signal<boolean>;
2669
+ constructor();
2670
+ private animateValue;
2668
2671
  protected isIncreaseBad: _angular_core.Signal<boolean | undefined>;
2669
- protected iconSymbol: _angular_core.Signal<"→" | "↗" | "↘">;
2670
- protected percentageText: _angular_core.Signal<string>;
2672
+ protected iconSymbol: _angular_core.Signal<"↗" | "↘" | "→">;
2673
+ protected animatedPercentageText: _angular_core.Signal<string>;
2671
2674
  protected descriptionText: _angular_core.Signal<string>;
2672
- protected containerClasses: _angular_core.Signal<"bg-purple-500/30 border-purple-400/30" | "bg-purple-100 border-purple-300">;
2673
- protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-full border pl-1.5 overflow-visible" | "inline-flex flex-row items-center rounded-full border pl-2 overflow-visible">;
2674
- protected overlayClasses: _angular_core.Signal<"bg-gradient-to-r from-purple-700 to-purple-600 text-purple-100 border-purple-500" | "bg-gradient-to-r from-purple-600 to-purple-500 text-white border-purple-400">;
2675
- protected overlaySizeClasses: _angular_core.Signal<"px-2 py-1.5 rounded text-sm font-extrabold tracking-tight border shadow-md transition-all duration-200 -my-1 -mr-1 z-10 inline-flex items-center gap-0.5" | "px-2.5 py-2 rounded-md font-extrabold text-base tracking-tight border-2 shadow-lg transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1">;
2676
- protected iconSizeClass: _angular_core.Signal<"text-base" | "text-sm">;
2675
+ protected containerClasses: _angular_core.Signal<"bg-purple-500/25 border-purple-400/40" | "bg-purple-50 border-purple-200">;
2676
+ protected isIncrease: _angular_core.Signal<boolean>;
2677
+ protected containerSizeClasses: _angular_core.Signal<string>;
2678
+ protected overlayClasses: _angular_core.Signal<"bg-purple-600 text-purple-50" | "bg-purple-500 text-white">;
2679
+ protected overlaySizeClasses: _angular_core.Signal<"px-2 py-1.5 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1 -mr-1 z-10 inline-flex items-center gap-0.5" | "px-2.5 py-2 rounded-lg font-extrabold text-base tracking-wide shadow-md transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1">;
2680
+ protected iconSizeClass: _angular_core.Signal<"text-sm" | "text-base">;
2677
2681
  protected descriptionSizeClasses: _angular_core.Signal<"px-2.5 py-0.5 text-xs font-semibold inline-block" | "px-3 py-0.5 font-semibold text-xs inline-block">;
2678
2682
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TargetChangeBadgeComponent, never>;
2679
2683
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TargetChangeBadgeComponent, "symphiq-target-change-badge", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "percentageChange": { "alias": "percentageChange"; "required": false; "isSignal": true; }; "metric": { "alias": "metric"; "required": false; "isSignal": true; }; "priorYear": { "alias": "priorYear"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -2696,21 +2700,25 @@ declare class PacingStatusBadgeComponent {
2696
2700
  showAsFullText: _angular_core.InputSignal<boolean>;
2697
2701
  isCompact: _angular_core.InputSignal<boolean>;
2698
2702
  showEmphasizedPercentage: _angular_core.InputSignal<boolean>;
2703
+ protected animatedValue: _angular_core.WritableSignal<number>;
2704
+ constructor();
2705
+ private animateValue;
2699
2706
  protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
2700
2707
  protected containerClasses: _angular_core.Signal<string>;
2701
- protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-full pl-1.5 overflow-visible" | "inline-flex flex-row items-center rounded-full pl-2 overflow-visible">;
2708
+ protected containerSizeClasses: _angular_core.Signal<string>;
2702
2709
  protected badgeClasses: _angular_core.Signal<string>;
2703
2710
  protected sizeClasses: _angular_core.Signal<"inline-flex items-center gap-1.5 font-semibold transition-all px-2.5 py-0.5 text-xs" | "inline-flex items-center gap-1.5 font-semibold transition-all px-3 py-0.5 text-xs">;
2704
- protected fullBadgeSizeClasses: _angular_core.Signal<"inline-flex items-center gap-1.5 rounded-lg border font-semibold transition-all px-2.5 py-1 text-xs" | "inline-flex items-center gap-1.5 rounded-lg border font-semibold transition-all px-3 py-1.5 text-xs">;
2711
+ protected fullBadgeSizeClasses: _angular_core.Signal<string>;
2705
2712
  protected iconClasses: _angular_core.Signal<string>;
2706
- protected iconSizeClasses: _angular_core.Signal<"text-base" | "text-sm">;
2707
- protected iconSymbol: _angular_core.Signal<"→" | "↗" | "↘">;
2713
+ protected iconSizeClasses: _angular_core.Signal<"text-sm" | "text-base">;
2714
+ protected iconSymbol: _angular_core.Signal<"↗" | "↘" | "→">;
2708
2715
  protected displayText: _angular_core.Signal<string>;
2709
2716
  protected hasPercentage: _angular_core.Signal<boolean>;
2717
+ protected animatedPercentage: _angular_core.Signal<string>;
2710
2718
  protected extractPercentage: _angular_core.Signal<string>;
2711
2719
  protected displayTextWithoutPercentage: _angular_core.Signal<string>;
2712
- protected overlayBadgeClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-700 to-emerald-600 text-emerald-100 border-emerald-500" | "bg-gradient-to-r from-emerald-600 to-emerald-500 text-white border-emerald-400" | "bg-gradient-to-r from-amber-700 to-amber-600 text-amber-100 border-amber-500" | "bg-gradient-to-r from-amber-600 to-amber-500 text-white border-amber-400" | "bg-gradient-to-r from-red-700 to-red-600 text-red-100 border-red-500" | "bg-gradient-to-r from-red-600 to-red-500 text-white border-red-400">;
2713
- protected overlaySizeClasses: _angular_core.Signal<"px-2 py-1.5 rounded text-sm font-extrabold tracking-tight border shadow-md transition-all duration-200 -my-1 -mr-1 z-10 inline-flex items-center gap-0.5" | "px-2.5 py-2 rounded-md text-sm font-extrabold tracking-tight border-2 shadow-lg transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1">;
2720
+ protected overlayBadgeClasses: _angular_core.Signal<"bg-emerald-600 text-emerald-50" | "bg-emerald-500 text-white" | "bg-amber-600 text-amber-50" | "bg-amber-500 text-white" | "bg-red-600 text-red-50" | "bg-red-500 text-white">;
2721
+ protected overlaySizeClasses: _angular_core.Signal<"px-2 py-1.5 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1 -mr-1 z-10 inline-flex items-center gap-0.5" | "px-2.5 py-2 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1">;
2714
2722
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
2715
2723
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<PacingStatusBadgeComponent, "symphiq-pacing-status-badge", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "pacingPercentage": { "alias": "pacingPercentage"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "showAsFullText": { "alias": "showAsFullText"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "showEmphasizedPercentage": { "alias": "showEmphasizedPercentage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2716
2724
  }
@@ -2742,6 +2750,7 @@ declare class MetricReportModalComponent {
2742
2750
  } | null>;
2743
2751
  protected ytdValue: _angular_core.Signal<number>;
2744
2752
  protected samePeriodLastYearValue: _angular_core.Signal<number>;
2753
+ protected fullYearLastYearValue: _angular_core.Signal<number>;
2745
2754
  protected ytdChangePercentage: _angular_core.Signal<number | null>;
2746
2755
  protected ytdDateRange: _angular_core.Signal<string>;
2747
2756
  protected ytdDateRangeWithYear: _angular_core.Signal<string>;
@@ -2753,7 +2762,9 @@ declare class MetricReportModalComponent {
2753
2762
  protected gapAnalysisText: _angular_core.Signal<string>;
2754
2763
  protected progressToTarget: _angular_core.Signal<number>;
2755
2764
  protected progressToTargetData: _angular_core.Signal<ProgressToTargetData | null>;
2756
- protected chartDescriptionText: _angular_core.Signal<string>;
2765
+ protected chartLegendDescription: _angular_core.Signal<string>;
2766
+ protected chartDescriptionSentence1: _angular_core.Signal<string>;
2767
+ protected chartDescriptionSentence2: _angular_core.Signal<string>;
2757
2768
  protected pacingChartData: _angular_core.Signal<AiChartInterface | null>;
2758
2769
  private formatDateForChart;
2759
2770
  private generateCurrentYearData;
@@ -3497,27 +3508,27 @@ declare class MetricExecutiveSummaryComponent {
3497
3508
  protected isDark: _angular_core.Signal<boolean>;
3498
3509
  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">;
3499
3510
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3500
- protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3501
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3511
+ protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3512
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3502
3513
  protected healthBadgeClasses: _angular_core.Signal<string>;
3503
3514
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3504
3515
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3505
3516
  protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3506
3517
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3507
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
3518
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
3508
3519
  protected getYoyIcon(): string;
3509
3520
  protected getPacingValueClasses(): string;
3510
3521
  protected getHealthValueClasses(): string;
3511
3522
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
3512
- protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
3523
+ protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
3513
3524
  protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3514
3525
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3515
3526
  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">;
3516
3527
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3517
3528
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3518
- protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3529
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3519
3530
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
3520
- protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3531
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3521
3532
  protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3522
3533
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3523
3534
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
@@ -3789,11 +3800,11 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3789
3800
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3790
3801
  protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
3791
3802
  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)]">;
3792
- protected gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
3803
+ protected gradeLabelClasses: _angular_core.Signal<"text-blue-300" | "text-blue-700" | "text-emerald-300" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-orange-300">;
3793
3804
  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">;
3794
- protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3795
- protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3796
- protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-orange-600" | "text-red-600" | "text-orange-400">;
3805
+ protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3806
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3807
+ protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
3797
3808
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3798
3809
  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">;
3799
3810
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3818,7 +3829,7 @@ declare class RelatedContentSidebarComponent {
3818
3829
  protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3819
3830
  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">;
3820
3831
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
3821
- protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3832
+ protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3822
3833
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
3823
3834
  protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3824
3835
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
@@ -3842,7 +3853,7 @@ declare class ContentGenerationProgressComponent {
3842
3853
  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">;
3843
3854
  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">;
3844
3855
  protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3845
- protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3856
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3846
3857
  protected progressBarContainerClasses: _angular_core.Signal<string>;
3847
3858
  protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
3848
3859
  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">;
@@ -3935,8 +3946,8 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
3935
3946
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3936
3947
  currencySymbol: _angular_core.InputSignal<string>;
3937
3948
  chartHeight: _angular_core.Signal<"500px" | "133px">;
3938
- cursorColor: _angular_core.Signal<16777215 | 9741240>;
3939
- tooltipTextColor: _angular_core.Signal<16777215 | 0>;
3949
+ cursorColor: _angular_core.Signal<9741240 | 16777215>;
3950
+ tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3940
3951
  chartHash: _angular_core.Signal<string>;
3941
3952
  chartDiv: ElementRef;
3942
3953
  private root?;
@@ -3967,7 +3978,6 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
3967
3978
  */
3968
3979
  private formatValue;
3969
3980
  private isPriorYearSeries;
3970
- private isProjectionSeries;
3971
3981
  private extractMetricName;
3972
3982
  private createChart;
3973
3983
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent, never>;
@@ -3980,7 +3990,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
3980
3990
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3981
3991
  currencySymbol: _angular_core.InputSignal<string>;
3982
3992
  chartHeight: _angular_core.Signal<"500px" | "175px">;
3983
- cursorColor: _angular_core.Signal<16777215 | 9741240>;
3993
+ cursorColor: _angular_core.Signal<9741240 | 16777215>;
3984
3994
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3985
3995
  chartHash: _angular_core.Signal<string>;
3986
3996
  chartDiv: ElementRef;
@@ -4054,7 +4064,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
4054
4064
  currencySymbol: _angular_core.InputSignal<string>;
4055
4065
  height: _angular_core.InputSignal<string | undefined>;
4056
4066
  chartHeight: _angular_core.Signal<string>;
4057
- cursorColor: _angular_core.Signal<16777215 | 9741240>;
4067
+ cursorColor: _angular_core.Signal<9741240 | 16777215>;
4058
4068
  chartHash: _angular_core.Signal<string>;
4059
4069
  chartDiv: ElementRef;
4060
4070
  private root?;
@@ -4119,7 +4129,7 @@ declare class TooltipContainerComponent {
4119
4129
  shouldCenter: _angular_core.Signal<boolean>;
4120
4130
  containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
4121
4131
  contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
4122
- textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
4132
+ textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
4123
4133
  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">;
4124
4134
  transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
4125
4135
  constructor();
@@ -4246,11 +4256,11 @@ declare class FocusAreaDetailCardComponent {
4246
4256
  protected metaLabelClasses: _angular_core.Signal<"text-xs font-medium text-slate-400 uppercase tracking-wide" | "text-xs font-medium text-slate-600 uppercase tracking-wide">;
4247
4257
  protected toolChipClasses: _angular_core.Signal<"px-2.5 py-1 rounded-md bg-emerald-500/10 text-emerald-300 text-xs border border-emerald-500/30" | "px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs border border-emerald-200">;
4248
4258
  protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
4249
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4259
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4250
4260
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
4251
4261
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
4252
4262
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
4253
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4263
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4254
4264
  protected toggleExpanded(): void;
4255
4265
  protected toggleCompetitiveGap(): void;
4256
4266
  onExpandItem(event: CustomEvent): void;
@@ -4327,11 +4337,11 @@ declare class CompetitorAnalysisCardComponent {
4327
4337
  protected linkClasses: _angular_core.Signal<"text-sm text-blue-400 hover:text-blue-300 underline transition-colors" | "text-sm text-blue-600 hover:text-blue-700 underline transition-colors">;
4328
4338
  protected listItemClasses: _angular_core.Signal<"text-sm text-slate-200 leading-relaxed flex items-start" | "text-sm text-slate-600 leading-relaxed flex items-start">;
4329
4339
  protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
4330
- protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4340
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4331
4341
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
4332
4342
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
4333
4343
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
4334
- protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4344
+ protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4335
4345
  protected toggleExpanded(): void;
4336
4346
  protected navigateToItem(item: ProfileItemInterface): void;
4337
4347
  onExpandItem(event: CustomEvent): void;