@eric-emg/symphiq-components 1.2.118 → 1.2.120

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 +841 -678
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +56 -43
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -978,7 +978,7 @@ declare class ModalComponent {
978
978
  private animatedTrendValues;
979
979
  private animationFrames;
980
980
  isOpen: _angular_core.Signal<boolean>;
981
- 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>;
981
+ 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>;
982
982
  charts: _angular_core.Signal<AiChartInterface[]>;
983
983
  modalKey: _angular_core.Signal<number>;
984
984
  insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -997,7 +997,7 @@ declare class ModalComponent {
997
997
  description: string;
998
998
  icon: string;
999
999
  } | null>;
1000
- metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1000
+ metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1001
1001
  metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
1002
1002
  metricsListInsightContext: _angular_core.Signal<{
1003
1003
  title: string;
@@ -1005,7 +1005,7 @@ declare class ModalComponent {
1005
1005
  businessContext: string;
1006
1006
  priority: number;
1007
1007
  } | null>;
1008
- chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1008
+ chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1009
1009
  chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
1010
1010
  chartsListInsightContext: _angular_core.Signal<{
1011
1011
  title: string;
@@ -1013,7 +1013,7 @@ declare class ModalComponent {
1013
1013
  businessContext: string;
1014
1014
  priority: number;
1015
1015
  } | null>;
1016
- recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1016
+ recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1017
1017
  recommendationsListRecommendations: _angular_core.Signal<string[]>;
1018
1018
  recommendationsListInsightContext: _angular_core.Signal<{
1019
1019
  title: string;
@@ -1021,7 +1021,7 @@ declare class ModalComponent {
1021
1021
  businessContext: string;
1022
1022
  priority: number;
1023
1023
  } | null>;
1024
- competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1024
+ competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
1025
1025
  competitiveAnalysisContext: _angular_core.Signal<{
1026
1026
  title: string;
1027
1027
  description: string;
@@ -1287,7 +1287,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1287
1287
  private chartsById;
1288
1288
  headerClass: _angular_core.Signal<string>;
1289
1289
  headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1290
- headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1290
+ headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1291
1291
  metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1292
1292
  sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
1293
1293
  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">;
@@ -1419,7 +1419,7 @@ declare class MetricCardComponent {
1419
1419
  glowClass: _angular_core.Signal<"" | "shadow-emerald-500/50 shadow-lg animate-pulse-glow">;
1420
1420
  deltaValue: _angular_core.Signal<number>;
1421
1421
  deltaPercent: _angular_core.Signal<number>;
1422
- deltaClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-slate-400">;
1422
+ deltaClass: _angular_core.Signal<"text-slate-400" | "text-emerald-400" | "text-red-400">;
1423
1423
  openInsightModal(insight: InsightBlockInterface): void;
1424
1424
  openInsightsModal(): void;
1425
1425
  openChartModal(chart: AiChartInterface): void;
@@ -1452,7 +1452,7 @@ declare class MetricCardComponent {
1452
1452
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1453
1453
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1454
1454
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1455
- competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1455
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
1456
1456
  competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1457
1457
  competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1458
1458
  getCompetitiveScoreIcon(): string;
@@ -1504,9 +1504,9 @@ declare class InsightCardComponent {
1504
1504
  recommendationsContainerLightClass: _angular_core.Signal<string>;
1505
1505
  recommendationsContainerDarkClass: _angular_core.Signal<string>;
1506
1506
  recommendationsContainerClass: _angular_core.Signal<string>;
1507
- 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">;
1508
- 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">;
1509
- 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">;
1507
+ 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">;
1508
+ 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">;
1509
+ 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">;
1510
1510
  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">;
1511
1511
  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">;
1512
1512
  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">;
@@ -1695,10 +1695,10 @@ declare class OverallAssessmentComponent {
1695
1695
  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">;
1696
1696
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1697
1697
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1698
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1698
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1699
1699
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1700
1700
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1701
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
1701
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1702
1702
  formattedRevenueTrend: _angular_core.Signal<string>;
1703
1703
  formattedRevenueTarget: _angular_core.Signal<string>;
1704
1704
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2020,7 +2020,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
2020
2020
  competitiveTooltip: _angular_core.Signal<{
2021
2021
  industry: string;
2022
2022
  metricBenchmark: string;
2023
- competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
2023
+ competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
2024
2024
  description: string;
2025
2025
  keyOpportunities: string;
2026
2026
  }>;
@@ -2284,15 +2284,20 @@ declare class SectionNavigationComponent implements OnInit {
2284
2284
  sections: ProfileSectionInterface[];
2285
2285
  viewMode: ViewModeEnum;
2286
2286
  embedded: boolean;
2287
+ scrollElement?: HTMLElement;
2288
+ parentHeaderOffset: number;
2289
+ private readonly HEADER_OFFSET;
2287
2290
  protected activeSection: _angular_core.WritableSignal<number>;
2288
2291
  ngOnInit(): void;
2289
2292
  protected getNavClasses(): string;
2290
2293
  protected getDotClasses(index: number): string;
2291
2294
  protected getDotInnerClasses(index: number): string;
2292
2295
  protected scrollToSection(sectionId: string): void;
2296
+ private getScrollOffset;
2297
+ private scrollToElement;
2293
2298
  protected trackBySectionId(index: number, section: ProfileSectionInterface): string | number;
2294
2299
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionNavigationComponent, never>;
2295
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionNavigationComponent, "symphiq-section-navigation", never, { "sections": { "alias": "sections"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; }, {}, never, never, true, never>;
2300
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionNavigationComponent, "symphiq-section-navigation", never, { "sections": { "alias": "sections"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "scrollElement": { "alias": "scrollElement"; "required": false; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; }; }, {}, never, never, true, never>;
2296
2301
  }
2297
2302
 
2298
2303
  declare class FloatingTocComponent implements OnInit, OnDestroy {
@@ -2475,6 +2480,8 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
2475
2480
  funnelModalComponent?: ModalComponent;
2476
2481
  viewMode: ViewModeEnum;
2477
2482
  constructor();
2483
+ requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
2484
+ createdDate: _angular_core.InputSignal<Date | undefined>;
2478
2485
  embedded: boolean;
2479
2486
  profileAnalysis?: ProfileAnalysisInterface;
2480
2487
  profile?: ProfileInterface;
@@ -2482,6 +2489,12 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
2482
2489
  analysisType: ProfileAnalysisTypeEnum;
2483
2490
  focusAreaDetails?: FocusAreaDetailInterface[];
2484
2491
  isOnboarded: boolean;
2492
+ scrollEvent?: ScrollCustomEvent$1 | null;
2493
+ scrollElement?: HTMLElement | null;
2494
+ isLoading?: boolean;
2495
+ private readonly COLLAPSE_THRESHOLD;
2496
+ private readonly EXPAND_THRESHOLD;
2497
+ private embeddedScrollEffect;
2485
2498
  protected funnelAnalysisSignal: _angular_core.WritableSignal<FunnelAnalysisInterface | undefined>;
2486
2499
  protected readonly headerScrollService: HeaderScrollService;
2487
2500
  protected readonly modalService: ModalService;
@@ -2645,7 +2658,7 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
2645
2658
  protected onCriticalGapsClick(summary: ExecutiveSummaryInterface): void;
2646
2659
  protected scrollToQuickWins(): void;
2647
2660
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisDashboardComponent, never>;
2648
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisDashboardComponent, "symphiq-profile-analysis-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; }; "analysisType": { "alias": "analysisType"; "required": false; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; }; }, {}, never, never, true, never>;
2661
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisDashboardComponent, "symphiq-profile-analysis-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; }; "analysisType": { "alias": "analysisType"; "required": false; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; }; "scrollElement": { "alias": "scrollElement"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, never, true, never>;
2649
2662
  }
2650
2663
 
2651
2664
  declare class ShopWelcomeBannerComponent {
@@ -2752,27 +2765,27 @@ declare class MetricExecutiveSummaryComponent {
2752
2765
  protected healthBadgeClasses: _angular_core.Signal<string>;
2753
2766
  protected pacingBadgeClasses: _angular_core.Signal<string>;
2754
2767
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
2755
- protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2768
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2756
2769
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2757
- protected yoyChangeClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-slate-400" | "text-slate-600" | "text-emerald-600" | "text-red-600">;
2770
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
2758
2771
  protected getYoyIcon(): string;
2759
2772
  protected getPacingValueClasses(): string;
2760
2773
  protected getHealthValueClasses(): string;
2761
2774
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
2762
2775
  protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
2763
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2776
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2764
2777
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2765
2778
  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">;
2766
2779
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
2767
2780
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2768
2781
  protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
2769
- protected impactBoxClasses: _angular_core.Signal<"bg-slate-50/50 border border-slate-200" | "bg-slate-800/30 border border-slate-700/30">;
2782
+ protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
2770
2783
  protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
2771
- protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2784
+ protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2772
2785
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
2773
2786
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
2774
2787
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
2775
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2788
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2776
2789
  protected getEffortBadgeClasses(effort: string | undefined): string;
2777
2790
  protected getImpactBadgeClasses(impact: string | undefined): string;
2778
2791
  protected formatLabel(str: string | undefined): string;
@@ -2934,17 +2947,17 @@ declare class SearchModalComponent {
2934
2947
  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">;
2935
2948
  resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
2936
2949
  resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
2937
- resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2950
+ resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2938
2951
  breadcrumbClass: _angular_core.Signal<string>;
2939
2952
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
2940
2953
  arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
2941
2954
  emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
2942
2955
  emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
2943
2956
  emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
2944
- emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2945
- shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
2957
+ emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2958
+ shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
2946
2959
  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">;
2947
- shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2960
+ shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2948
2961
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
2949
2962
  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>;
2950
2963
  }
@@ -2954,7 +2967,7 @@ declare class GradeBadgeComponent {
2954
2967
  gradeRationale: _angular_core.InputSignal<string>;
2955
2968
  label: _angular_core.InputSignal<string>;
2956
2969
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
2957
- tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
2970
+ tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
2958
2971
  isLightMode: _angular_core.Signal<boolean>;
2959
2972
  formattedGrade: _angular_core.Signal<string>;
2960
2973
  shouldPulse: _angular_core.Signal<boolean>;
@@ -2964,7 +2977,7 @@ declare class GradeBadgeComponent {
2964
2977
  explanation: string;
2965
2978
  }>;
2966
2979
  private formatGrade;
2967
- badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
2980
+ badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
2968
2981
  gradeBadgeClass: _angular_core.Signal<string>;
2969
2982
  private getGradeBadgeClassLight;
2970
2983
  private getGradeBadgeClassDark;
@@ -3039,15 +3052,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3039
3052
  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">;
3040
3053
  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">;
3041
3054
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
3042
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3055
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3043
3056
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3044
3057
  protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
3045
3058
  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)]">;
3046
- protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-red-700" | "text-blue-700" | "text-orange-700" | "text-red-300" | "text-emerald-300" | "text-blue-300" | "text-orange-300">;
3059
+ 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">;
3047
3060
  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">;
3048
3061
  protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3049
3062
  protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3050
- protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-blue-400" | "text-blue-600" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
3063
+ protected progressValueClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-blue-400" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
3051
3064
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3052
3065
  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">;
3053
3066
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3069,13 +3082,13 @@ declare class RelatedContentSidebarComponent {
3069
3082
  protected funnelInsightsCount: _angular_core.Signal<number>;
3070
3083
  protected funnelMetricsCount: _angular_core.Signal<number>;
3071
3084
  protected businessInsightsCount: _angular_core.Signal<number>;
3072
- protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3085
+ protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3073
3086
  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">;
3074
3087
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
3075
3088
  protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3076
3089
  protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
3077
- protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3078
- protected chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
3090
+ protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3091
+ protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
3079
3092
  protected onFunnelInsightsClick(): void;
3080
3093
  protected onFunnelMetricsClick(): void;
3081
3094
  protected onBusinessInsightsClick(): void;
@@ -3097,9 +3110,9 @@ declare class ChartContainerComponent {
3097
3110
  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">;
3098
3111
  headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3099
3112
  titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
3100
- descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3113
+ descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3101
3114
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
3102
- chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
3115
+ chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
3103
3116
  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">;
3104
3117
  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">;
3105
3118
  isCollapsible: _angular_core.Signal<boolean>;
@@ -3117,7 +3130,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
3117
3130
  showAxisLabels: _angular_core.InputSignal<boolean>;
3118
3131
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3119
3132
  currencySymbol: _angular_core.InputSignal<string>;
3120
- chartHeight: _angular_core.Signal<"133px" | "500px">;
3133
+ chartHeight: _angular_core.Signal<"500px" | "133px">;
3121
3134
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3122
3135
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3123
3136
  chartHash: _angular_core.Signal<string>;
@@ -3161,7 +3174,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
3161
3174
  showAxisLabels: _angular_core.InputSignal<boolean>;
3162
3175
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3163
3176
  currencySymbol: _angular_core.InputSignal<string>;
3164
- chartHeight: _angular_core.Signal<"175px" | "500px">;
3177
+ chartHeight: _angular_core.Signal<"500px" | "175px">;
3165
3178
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3166
3179
  tooltipTextColor: _angular_core.Signal<0 | 16777215>;
3167
3180
  chartHash: _angular_core.Signal<string>;
@@ -3198,7 +3211,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
3198
3211
  showAxisLabels: _angular_core.InputSignal<boolean>;
3199
3212
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3200
3213
  currencySymbol: _angular_core.InputSignal<string>;
3201
- chartHeight: _angular_core.Signal<"200px" | "500px">;
3214
+ chartHeight: _angular_core.Signal<"500px" | "200px">;
3202
3215
  chartHash: _angular_core.Signal<string>;
3203
3216
  chartDiv: ElementRef;
3204
3217
  private root?;
@@ -3234,7 +3247,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
3234
3247
  showAxisLabels: _angular_core.InputSignal<boolean>;
3235
3248
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
3236
3249
  currencySymbol: _angular_core.InputSignal<string>;
3237
- chartHeight: _angular_core.Signal<"133px" | "500px">;
3250
+ chartHeight: _angular_core.Signal<"500px" | "133px">;
3238
3251
  cursorColor: _angular_core.Signal<9741240 | 16777215>;
3239
3252
  chartHash: _angular_core.Signal<string>;
3240
3253
  chartDiv: ElementRef;
@@ -3275,7 +3288,7 @@ declare class TooltipContainerComponent {
3275
3288
  isVisible: _angular_core.Signal<boolean>;
3276
3289
  tooltipType: _angular_core.Signal<string | null>;
3277
3290
  tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
3278
- tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
3291
+ tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
3279
3292
  targetRect: _angular_core.Signal<DOMRect | null>;
3280
3293
  mousePosition: _angular_core.Signal<{
3281
3294
  x: number;
@@ -3299,7 +3312,7 @@ declare class TooltipContainerComponent {
3299
3312
  shouldCenter: _angular_core.Signal<boolean>;
3300
3313
  containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
3301
3314
  contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
3302
- textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
3315
+ textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
3303
3316
  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">;
3304
3317
  transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
3305
3318
  constructor();
@@ -3532,7 +3545,7 @@ declare class OpportunityHighlightBannerComponent {
3532
3545
  protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
3533
3546
  protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
3534
3547
  protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
3535
- protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
3548
+ protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
3536
3549
  handleClick(event: Event): void;
3537
3550
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
3538
3551
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<OpportunityHighlightBannerComponent, "symphiq-opportunity-highlight-banner", never, { "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "isDark": { "alias": "isDark"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;