@eric-emg/symphiq-components 1.2.246 → 1.2.248

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 +1332 -1275
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +52 -43
  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<"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>;
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>;
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 | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1079
+ metricsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | 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 | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1087
+ chartsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | 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 | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1095
+ recommendationsListData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | 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 | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1103
+ competitiveAnalysisData: _angular_core.Signal<AiChartInterface | PerformanceMetricInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
1104
1104
  competitiveAnalysisContext: _angular_core.Signal<{
1105
1105
  title: string;
1106
1106
  description: 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 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">;
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">;
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-emerald-600" | "text-red-600" | "text-red-400">;
1861
+ trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
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-emerald-600" | "text-red-600" | "text-red-400">;
1864
+ trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
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: "LEADING" | "COMPETITIVE" | "LAGGING";
2186
+ competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
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,9 +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 chartDescriptionSentence1: _angular_core.Signal<string>;
2766
+ protected chartDescriptionSentence2: _angular_core.Signal<string>;
2757
2767
  protected pacingChartData: _angular_core.Signal<AiChartInterface | null>;
2758
- private formatDateForChart;
2759
2768
  private generateCurrentYearData;
2760
2769
  private generatePriorYearData;
2761
2770
  private generateProjectionData;
@@ -3498,13 +3507,13 @@ declare class MetricExecutiveSummaryComponent {
3498
3507
  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
3508
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3500
3509
  protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3501
- protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3510
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3502
3511
  protected healthBadgeClasses: _angular_core.Signal<string>;
3503
3512
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3504
- protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3513
+ protected metricCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
3505
3514
  protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3506
3515
  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-emerald-600" | "text-red-600" | "text-red-400">;
3516
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
3508
3517
  protected getYoyIcon(): string;
3509
3518
  protected getPacingValueClasses(): string;
3510
3519
  protected getHealthValueClasses(): string;
@@ -3517,9 +3526,9 @@ declare class MetricExecutiveSummaryComponent {
3517
3526
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3518
3527
  protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3519
3528
  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-400" | "text-blue-600">;
3529
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3521
3530
  protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3522
- protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3531
+ protected quickWinCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
3523
3532
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3524
3533
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3525
3534
  protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -3789,11 +3798,11 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3789
3798
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3790
3799
  protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
3791
3800
  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-300" | "text-blue-700" | "text-emerald-300" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-orange-300">;
3801
+ protected gradeLabelClasses: _angular_core.Signal<"text-blue-300" | "text-blue-700" | "text-emerald-300" | "text-emerald-700" | "text-red-300" | "text-red-700" | "text-orange-700" | "text-orange-300">;
3793
3802
  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
3803
  protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3795
3804
  protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3796
- 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">;
3805
+ 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">;
3797
3806
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3798
3807
  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
3808
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3818,7 +3827,7 @@ declare class RelatedContentSidebarComponent {
3818
3827
  protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3819
3828
  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
3829
  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-400" | "text-blue-600">;
3830
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3822
3831
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
3823
3832
  protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3824
3833
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
@@ -3935,8 +3944,8 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
3935
3944
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3936
3945
  currencySymbol: _angular_core.InputSignal<string>;
3937
3946
  chartHeight: _angular_core.Signal<"500px" | "133px">;
3938
- cursorColor: _angular_core.Signal<9741240 | 16777215>;
3939
- tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3947
+ cursorColor: _angular_core.Signal<16777215 | 9741240>;
3948
+ tooltipTextColor: _angular_core.Signal<16777215 | 0>;
3940
3949
  chartHash: _angular_core.Signal<string>;
3941
3950
  chartDiv: ElementRef;
3942
3951
  private root?;
@@ -3979,7 +3988,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
3979
3988
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3980
3989
  currencySymbol: _angular_core.InputSignal<string>;
3981
3990
  chartHeight: _angular_core.Signal<"500px" | "175px">;
3982
- cursorColor: _angular_core.Signal<9741240 | 16777215>;
3991
+ cursorColor: _angular_core.Signal<16777215 | 9741240>;
3983
3992
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3984
3993
  chartHash: _angular_core.Signal<string>;
3985
3994
  chartDiv: ElementRef;
@@ -4053,7 +4062,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
4053
4062
  currencySymbol: _angular_core.InputSignal<string>;
4054
4063
  height: _angular_core.InputSignal<string | undefined>;
4055
4064
  chartHeight: _angular_core.Signal<string>;
4056
- cursorColor: _angular_core.Signal<9741240 | 16777215>;
4065
+ cursorColor: _angular_core.Signal<16777215 | 9741240>;
4057
4066
  chartHash: _angular_core.Signal<string>;
4058
4067
  chartDiv: ElementRef;
4059
4068
  private root?;
@@ -4245,11 +4254,11 @@ declare class FocusAreaDetailCardComponent {
4245
4254
  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">;
4246
4255
  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">;
4247
4256
  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">;
4248
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4257
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4249
4258
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
4250
4259
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
4251
4260
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
4252
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4261
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4253
4262
  protected toggleExpanded(): void;
4254
4263
  protected toggleCompetitiveGap(): void;
4255
4264
  onExpandItem(event: CustomEvent): void;
@@ -4326,11 +4335,11 @@ declare class CompetitorAnalysisCardComponent {
4326
4335
  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">;
4327
4336
  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">;
4328
4337
  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">;
4329
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4338
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4330
4339
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
4331
4340
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
4332
4341
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
4333
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4342
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4334
4343
  protected toggleExpanded(): void;
4335
4344
  protected navigateToItem(item: ProfileItemInterface): void;
4336
4345
  onExpandItem(event: CustomEvent): void;