@eric-emg/symphiq-components 1.2.107 → 1.2.108

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/symphiq-components.mjs +42 -13
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +59 -59
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -977,7 +977,7 @@ declare class ModalComponent {
977
977
  private animatedTrendValues;
978
978
  private animationFrames;
979
979
  isOpen: _angular_core.Signal<boolean>;
980
- 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>;
980
+ 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>;
981
981
  charts: _angular_core.Signal<AiChartInterface[]>;
982
982
  modalKey: _angular_core.Signal<number>;
983
983
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -996,7 +996,7 @@ declare class ModalComponent {
996
996
  description: string;
997
997
  icon: string;
998
998
  } | null>;
999
- metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
999
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1000
1000
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1001
1001
  metricsListInsightContext: _angular_core.Signal<{
1002
1002
  title: string;
@@ -1004,7 +1004,7 @@ declare class ModalComponent {
1004
1004
  businessContext: string;
1005
1005
  priority: number;
1006
1006
  } | null>;
1007
- chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1007
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1008
1008
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1009
1009
  chartsListInsightContext: _angular_core.Signal<{
1010
1010
  title: string;
@@ -1012,7 +1012,7 @@ declare class ModalComponent {
1012
1012
  businessContext: string;
1013
1013
  priority: number;
1014
1014
  } | null>;
1015
- recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1015
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1016
1016
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1017
1017
  recommendationsListInsightContext: _angular_core.Signal<{
1018
1018
  title: string;
@@ -1020,7 +1020,7 @@ declare class ModalComponent {
1020
1020
  businessContext: string;
1021
1021
  priority: number;
1022
1022
  } | null>;
1023
- competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1023
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1024
1024
  competitiveAnalysisContext: _angular_core.Signal<{
1025
1025
  title: string;
1026
1026
  description: string;
@@ -1286,7 +1286,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1286
1286
  private chartsById;
1287
1287
  headerClass: _angular_core.Signal<string>;
1288
1288
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1289
- headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1289
+ headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1290
1290
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1291
1291
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1292
1292
  selectClass: _angular_core.Signal<"bg-white text-slate-900 border-slate-300 hover:border-blue-400 transition-all duration-200" | "bg-slate-700 text-white border-slate-600 hover:border-slate-500 transition-all duration-200">;
@@ -1451,9 +1451,9 @@ declare class MetricCardComponent {
1451
1451
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1452
1452
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1453
1453
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1454
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-blue-700" | "text-orange-600" | "text-emerald-600">;
1455
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1456
- competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1454
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1455
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1456
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1457
1457
  getCompetitiveScoreIcon(): string;
1458
1458
  getCompetitiveScoreLabel(): string;
1459
1459
  getCompetitiveScoreLabelFull(): string;
@@ -1503,9 +1503,9 @@ declare class InsightCardComponent {
1503
1503
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1504
1504
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1505
1505
  recommendationsContainerClass: _angular_core.Signal<string>;
1506
- 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">;
1507
- 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">;
1508
- 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">;
1506
+ 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">;
1507
+ 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">;
1508
+ 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">;
1509
1509
  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">;
1510
1510
  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">;
1511
1511
  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">;
@@ -1692,12 +1692,12 @@ declare class OverallAssessmentComponent {
1692
1692
  revenueTrendDirection: _angular_core.Signal<TrendDirectionEnum>;
1693
1693
  isRevenueTrendPositive: _angular_core.Signal<boolean>;
1694
1694
  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">;
1695
- lightModeTrendIconClass: _angular_core.Signal<"text-red-600" | "text-emerald-600">;
1695
+ lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1696
1696
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1697
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-red-600" | "text-emerald-600">;
1698
- lightModeTrendValueClass: _angular_core.Signal<"text-red-600" | "text-emerald-600">;
1697
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1698
+ lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1699
1699
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1700
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-red-600" | "text-emerald-600">;
1700
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1701
1701
  formattedRevenueTrend: _angular_core.Signal<string>;
1702
1702
  formattedRevenueTarget: _angular_core.Signal<string>;
1703
1703
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -1977,7 +1977,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
1977
1977
  topMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1978
1978
  formattedRevenueValue: _angular_core.Signal<string>;
1979
1979
  formattedRevenueTrend: _angular_core.Signal<string>;
1980
- revenueStatusIcon: _angular_core.Signal<"→" | "⚠" | "↑" | "•">;
1980
+ revenueStatusIcon: _angular_core.Signal<"↑" | "•" | "→" | "⚠">;
1981
1981
  hasCompetitiveData: _angular_core.Signal<boolean>;
1982
1982
  hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
1983
1983
  overallCompetitiveDescription: _angular_core.Signal<string>;
@@ -2063,7 +2063,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2063
2063
  buttonClass: _angular_core.Signal<string>;
2064
2064
  competitiveBadgeClass: _angular_core.Signal<string>;
2065
2065
  shouldPulseCompetitiveBadge: _angular_core.Signal<boolean>;
2066
- overallCompetitiveStatusBadgeClass: _angular_core.Signal<"border-2 bg-gradient-to-br from-emerald-100/90 to-emerald-50/90 text-emerald-700 border-emerald-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-blue-100/90 to-blue-50/90 text-blue-700 border-blue-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-orange-100/90 to-orange-50/90 text-orange-700 border-orange-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-slate-100/90 to-slate-50/90 text-slate-700 border-slate-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-r from-emerald-500/30 to-emerald-500/20 text-emerald-400 border-emerald-500/40 shadow-lg shadow-emerald-500/20" | "border-2 bg-gradient-to-r from-blue-500/30 to-blue-500/20 text-blue-400 border-blue-500/40 shadow-lg shadow-blue-500/20" | "border-2 bg-gradient-to-r from-orange-500/30 to-orange-500/20 text-orange-400 border-orange-500/40 shadow-lg shadow-orange-500/20" | "border-2 bg-gradient-to-r from-slate-500/20 to-slate-500/10 text-slate-400 border-slate-500/30 shadow-lg shadow-slate-500/20">;
2066
+ overallCompetitiveStatusBadgeClass: _angular_core.Signal<"border-2 bg-gradient-to-r from-emerald-500/30 to-emerald-500/20 text-emerald-400 border-emerald-500/40 shadow-lg shadow-emerald-500/20" | "border-2 bg-gradient-to-r from-blue-500/30 to-blue-500/20 text-blue-400 border-blue-500/40 shadow-lg shadow-blue-500/20" | "border-2 bg-gradient-to-r from-orange-500/30 to-orange-500/20 text-orange-400 border-orange-500/40 shadow-lg shadow-orange-500/20" | "border-2 bg-gradient-to-r from-slate-500/20 to-slate-500/10 text-slate-400 border-slate-500/30 shadow-lg shadow-slate-500/20" | "border-2 bg-gradient-to-br from-emerald-100/90 to-emerald-50/90 text-emerald-700 border-emerald-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-blue-100/90 to-blue-50/90 text-blue-700 border-blue-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-orange-100/90 to-orange-50/90 text-orange-700 border-orange-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-slate-100/90 to-slate-50/90 text-slate-700 border-slate-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]">;
2067
2067
  shouldPulseOverallCompetitive: _angular_core.Signal<boolean>;
2068
2068
  statusIconClass: _angular_core.Signal<string>;
2069
2069
  insightsCardClass: _angular_core.Signal<string>;
@@ -2743,33 +2743,33 @@ declare class MetricExecutiveSummaryComponent {
2743
2743
  protected iconSource: IconSourceEnum;
2744
2744
  protected isDark: _angular_core.Signal<boolean>;
2745
2745
  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">;
2746
- protected titleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
2747
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2746
+ protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2747
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2748
2748
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2749
2749
  protected healthBadgeClasses: _angular_core.Signal<string>;
2750
2750
  protected pacingBadgeClasses: _angular_core.Signal<string>;
2751
2751
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
2752
- protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2753
- protected metricValueClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
2754
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-red-400" | "text-red-600" | "text-emerald-600">;
2752
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2753
+ protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2754
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
2755
2755
  protected getYoyIcon(): string;
2756
2756
  protected getPacingValueClasses(): string;
2757
2757
  protected getHealthValueClasses(): string;
2758
2758
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
2759
2759
  protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
2760
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2761
- protected sectionTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
2760
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2761
+ protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2762
2762
  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">;
2763
2763
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
2764
- protected priorityTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
2765
- protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
2764
+ protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2765
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2766
2766
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
2767
2767
  protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2768
- protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2768
+ protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2769
2769
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
2770
2770
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
2771
- protected quickWinTextClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
2772
- protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2771
+ protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2772
+ protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2773
2773
  protected getEffortBadgeClasses(effort: string | undefined): string;
2774
2774
  protected getImpactBadgeClasses(impact: string | undefined): string;
2775
2775
  protected formatLabel(str: string | undefined): string;
@@ -2844,7 +2844,7 @@ declare class VisualizationContainerComponent {
2844
2844
  data: unknown;
2845
2845
  }>;
2846
2846
  containerClass: _angular_core.Signal<"" | "cursor-pointer">;
2847
- iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
2847
+ iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
2848
2848
  onExpandClick(event: Event): void;
2849
2849
  onVisualizationClick(event: Event): void;
2850
2850
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<VisualizationContainerComponent, never>;
@@ -2929,19 +2929,19 @@ declare class SearchModalComponent {
2929
2929
  iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
2930
2930
  clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
2931
2931
  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">;
2932
- resultsContainerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
2932
+ resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
2933
2933
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
2934
- resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2934
+ resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2935
2935
  breadcrumbClass: _angular_core.Signal<string>;
2936
2936
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
2937
2937
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
2938
- emptyStateClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
2939
- emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
2938
+ emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
2939
+ emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
2940
2940
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
2941
- emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2942
- shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
2941
+ emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2942
+ shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
2943
2943
  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">;
2944
- shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2944
+ shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2945
2945
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
2946
2946
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchModalComponent, "symphiq-search-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "results": { "alias": "results"; "required": false; "isSignal": true; }; "hasResults": { "alias": "hasResults"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "resultSelected": "resultSelected"; "close": "close"; }, never, never, true, never>;
2947
2947
  }
@@ -2951,7 +2951,7 @@ declare class GradeBadgeComponent {
2951
2951
  gradeRationale: _angular_core.InputSignal<string>;
2952
2952
  label: _angular_core.InputSignal<string>;
2953
2953
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
2954
- tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
2954
+ tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
2955
2955
  isLightMode: _angular_core.Signal<boolean>;
2956
2956
  formattedGrade: _angular_core.Signal<string>;
2957
2957
  shouldPulse: _angular_core.Signal<boolean>;
@@ -2961,7 +2961,7 @@ declare class GradeBadgeComponent {
2961
2961
  explanation: string;
2962
2962
  }>;
2963
2963
  private formatGrade;
2964
- badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2964
+ badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2965
2965
  gradeBadgeClass: _angular_core.Signal<string>;
2966
2966
  private getGradeBadgeClassLight;
2967
2967
  private getGradeBadgeClassDark;
@@ -3036,15 +3036,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3036
3036
  protected cardContainerClasses: _angular_core.Signal<"border-2 shadow-2xl bg-slate-800/60 border-slate-700/50 backdrop-blur-xl" | "border-2 shadow-2xl bg-white/90 border-slate-200/50 backdrop-blur-xl shadow-slate-200/50">;
3037
3037
  protected backgroundOverlayClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 via-teal-500/20 to-emerald-500/30" | "bg-gradient-to-br from-emerald-400/20 via-teal-400/10 to-emerald-400/20" | "bg-gradient-to-br from-blue-500/30 via-cyan-500/20 to-blue-500/30" | "bg-gradient-to-br from-blue-400/20 via-cyan-400/10 to-blue-400/20" | "bg-gradient-to-br from-orange-500/30 via-amber-500/20 to-orange-500/30" | "bg-gradient-to-br from-orange-400/20 via-amber-400/10 to-orange-400/20" | "bg-gradient-to-br from-red-500/30 via-rose-500/20 to-red-500/30" | "bg-gradient-to-br from-red-400/20 via-rose-400/10 to-red-400/20">;
3038
3038
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
3039
- protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3039
+ protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3040
3040
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3041
3041
  protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
3042
3042
  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)]">;
3043
- protected gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-emerald-300" | "text-blue-300" | "text-orange-300" | "text-red-300">;
3043
+ protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-emerald-300" | "text-blue-300" | "text-orange-300">;
3044
3044
  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">;
3045
- protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3046
- protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3047
- protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-400" | "text-red-400" | "text-red-600" | "text-orange-600" | "text-orange-400" | "text-emerald-600">;
3045
+ protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3046
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3047
+ protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
3048
3048
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3049
3049
  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">;
3050
3050
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3066,13 +3066,13 @@ declare class RelatedContentSidebarComponent {
3066
3066
  protected funnelInsightsCount: _angular_core.Signal<number>;
3067
3067
  protected funnelMetricsCount: _angular_core.Signal<number>;
3068
3068
  protected businessInsightsCount: _angular_core.Signal<number>;
3069
- protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3070
- protected buttonClasses: _angular_core.Signal<"bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50" | "bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100">;
3069
+ protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3070
+ 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">;
3071
3071
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
3072
3072
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3073
3073
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
3074
- protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3075
- protected chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
3074
+ protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3075
+ protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
3076
3076
  protected onFunnelInsightsClick(): void;
3077
3077
  protected onFunnelMetricsClick(): void;
3078
3078
  protected onBusinessInsightsClick(): void;
@@ -3092,11 +3092,11 @@ declare class ChartContainerComponent {
3092
3092
  isExpanded: _angular_core.WritableSignal<boolean>;
3093
3093
  protected ChartTypeEnum: typeof ChartTypeEnum;
3094
3094
  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">;
3095
- headerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
3095
+ headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3096
3096
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3097
- descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3098
- iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
3099
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
3097
+ descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3098
+ iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
3099
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
3100
3100
  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">;
3101
3101
  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">;
3102
3102
  isCollapsible: _angular_core.Signal<boolean>;
@@ -3114,7 +3114,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
3114
3114
  showAxisLabels: _angular_core.InputSignal<boolean>;
3115
3115
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3116
3116
  currencySymbol: _angular_core.InputSignal<string>;
3117
- chartHeight: _angular_core.Signal<"133px" | "500px">;
3117
+ chartHeight: _angular_core.Signal<"500px" | "133px">;
3118
3118
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3119
3119
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3120
3120
  chartHash: _angular_core.Signal<string>;
@@ -3158,7 +3158,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
3158
3158
  showAxisLabels: _angular_core.InputSignal<boolean>;
3159
3159
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3160
3160
  currencySymbol: _angular_core.InputSignal<string>;
3161
- chartHeight: _angular_core.Signal<"175px" | "500px">;
3161
+ chartHeight: _angular_core.Signal<"500px" | "175px">;
3162
3162
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3163
3163
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3164
3164
  chartHash: _angular_core.Signal<string>;
@@ -3195,7 +3195,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
3195
3195
  showAxisLabels: _angular_core.InputSignal<boolean>;
3196
3196
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3197
3197
  currencySymbol: _angular_core.InputSignal<string>;
3198
- chartHeight: _angular_core.Signal<"200px" | "500px">;
3198
+ chartHeight: _angular_core.Signal<"500px" | "200px">;
3199
3199
  chartHash: _angular_core.Signal<string>;
3200
3200
  chartDiv: ElementRef;
3201
3201
  private root?;
@@ -3231,7 +3231,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
3231
3231
  showAxisLabels: _angular_core.InputSignal<boolean>;
3232
3232
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3233
3233
  currencySymbol: _angular_core.InputSignal<string>;
3234
- chartHeight: _angular_core.Signal<"133px" | "500px">;
3234
+ chartHeight: _angular_core.Signal<"500px" | "133px">;
3235
3235
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3236
3236
  chartHash: _angular_core.Signal<string>;
3237
3237
  chartDiv: ElementRef;
@@ -3272,7 +3272,7 @@ declare class TooltipContainerComponent {
3272
3272
  isVisible: _angular_core.Signal<boolean>;
3273
3273
  tooltipType: _angular_core.Signal<string | null>;
3274
3274
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
3275
- tooltipPosition: _angular_core.Signal<"auto" | "top" | "left" | "right" | "bottom">;
3275
+ tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
3276
3276
  targetRect: _angular_core.Signal<DOMRect | null>;
3277
3277
  mousePosition: _angular_core.Signal<{
3278
3278
  x: number;
@@ -3296,7 +3296,7 @@ declare class TooltipContainerComponent {
3296
3296
  shouldCenter: _angular_core.Signal<boolean>;
3297
3297
  containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
3298
3298
  contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
3299
- textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
3299
+ textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
3300
3300
  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">;
3301
3301
  transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
3302
3302
  constructor();