@eric-emg/symphiq-components 1.3.68 → 1.3.70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eric-emg/symphiq-components",
-  "version": "1.3.68",
+  "version": "1.3.70",
   "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
   "author": "Your Organization",
   "license": "MIT",

package/types/symphiq-components.d.ts

@@ -1155,7 +1155,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    modalType: _angular_core.Signal<"chart" | "insight" | "metric" | "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>;
+    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>;
     charts: _angular_core.Signal<AiChartInterface[]>;
     modalKey: _angular_core.Signal<number>;
     insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1174,7 +1174,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1182,7 +1182,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1190,7 +1190,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1198,7 +1198,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -2371,7 +2371,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     hasCompetitiveData: _angular_core.Signal<boolean>;
     hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
     overallCompetitiveDescription: _angular_core.Signal<string>;
-    overallCompetitiveLabel: _angular_core.Signal<"N/A" | _jebgem_model.CompetitiveScoreEnum>;
+    overallCompetitiveLabel: _angular_core.Signal<_jebgem_model.CompetitiveScoreEnum | "N/A">;
     overallCompetitiveIcon: _angular_core.Signal<"↑" | "↔" | "↓" | "•">;
     competitiveScore: _angular_core.Signal<string>;
     gradeTooltip: _angular_core.Signal<{
@@ -2508,7 +2508,7 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
     protected highlightTitleClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
     protected highlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected nextStepsBoxClasses: _angular_core.Signal<"bg-amber-500/10 border-amber-500/30" | "bg-amber-50 border-amber-200">;
-    protected nextStepsIconClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
+    protected nextStepsIconClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
     protected nextStepsTitleClasses: _angular_core.Signal<"text-amber-400" | "text-amber-700">;
     protected nextStepsTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqWelcomeDashboardComponent, never>;
@@ -2647,7 +2647,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected focusAreaProgressCountClasses: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-blue-400" | "text-blue-600">;
     protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected focusAreaProgressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-emerald-400 to-teal-400" | "bg-gradient-to-r from-blue-400 to-cyan-400">;
-    protected progressBadgeClasses: _angular_core.Signal<"bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-700">;
+    protected progressBadgeClasses: _angular_core.Signal<"bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-700">;
     protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
     protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
     protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
@@ -3007,7 +3007,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     protected animatedPercentage: _angular_core.Signal<string>;
     protected extractPercentage: _angular_core.Signal<string>;
     protected displayTextWithoutPercentage: _angular_core.Signal<string>;
-    protected overlayBadgeClasses: _angular_core.Signal<"bg-emerald-500 text-white" | "bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
+    protected overlayBadgeClasses: _angular_core.Signal<"bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
     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 tabular-nums" | "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 tabular-nums">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
     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>;
@@ -3467,7 +3467,7 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
     baseZIndex: _angular_core.Signal<number>;
     backdropZIndex: _angular_core.Signal<number>;
     contentZIndex: _angular_core.Signal<number>;
-    visualizationType: _angular_core.Signal<"custom" | "horizontal-bar" | "circular-progress" | "napkin-visual" | null>;
+    visualizationType: _angular_core.Signal<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
     horizontalBarData: _angular_core.Signal<{
         percentage: number;
         label: string;
@@ -4187,10 +4187,10 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     getProgressBarContainerClasses(): string;
     getCardFooterClasses(): string;
     protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
-    protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-100 text-purple-600" | "bg-purple-500/20 text-purple-400">;
+    protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
     protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
     protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
-    protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-50/50 border-blue-300" | "bg-blue-500/10 border-blue-500/30">;
+    protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
     protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
     protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
@@ -4531,7 +4531,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
     protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
     protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
-    protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
+    protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
     protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/50 border border-slate-700">;
     protected goalTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
     protected goalDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
@@ -4989,16 +4989,16 @@ declare class FocusAreaExecutiveSummaryComponent {
     protected isLight: _angular_core.Signal<boolean>;
     protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
-    protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
+    protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
     protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
     protected topPrioritiesStatCardClasses: _angular_core.Signal<"bg-purple-50 border-2 border-purple-200 hover:border-purple-400 hover:shadow-lg hover:shadow-purple-100/50" | "bg-purple-500/10 border-2 border-purple-500/30 hover:border-purple-400/50 hover:shadow-lg hover:shadow-purple-500/10">;
     protected topPrioritiesStatLabelClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
     protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
     protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
-    protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50" | "bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10">;
+    protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10" | "bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50">;
     protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
-    protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-900" | "text-blue-100">;
+    protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
     protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
     protected onTopPrioritiesClick(): void;
     protected onPriorityDetailClick(event: {
@@ -5043,7 +5043,7 @@ declare class MetricExecutiveSummaryComponent {
     protected pacingBadgeClasses: _angular_core.Signal<string>;
     protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
-    protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" | "bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30">;
+    protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30" | "bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100">;
     protected viewReportButtonClasses: _angular_core.Signal<"bg-slate-700/50 text-slate-300 border border-slate-600 hover:bg-slate-600/50" | "bg-slate-100 text-slate-700 border border-slate-300 hover:bg-slate-200">;
     protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
@@ -5053,7 +5053,7 @@ declare class MetricExecutiveSummaryComponent {
     protected getHealthValueClasses(): string;
     protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
-    protected narrativeTitleClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
+    protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
     protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
     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">;
@@ -5860,11 +5860,11 @@ declare class IndeterminateSpinnerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     size: _angular_core.InputSignal<SpinnerSize>;
     color: _angular_core.InputSignal<string | undefined>;
-    svgSize: _angular_core.Signal<60 | 40 | 80>;
+    svgSize: _angular_core.Signal<40 | 80 | 60>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
-    strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
-    dotSize: _angular_core.Signal<10 | 5 | 7>;
+    strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
+    dotSize: _angular_core.Signal<5 | 10 | 7>;
     containerClasses: _angular_core.Signal<{
         'w-10 h-10': boolean;
         'w-[60px] h-[60px]': boolean;
@@ -6111,7 +6111,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
     isVisible: _angular_core.Signal<boolean>;
     tooltipType: _angular_core.Signal<string | null>;
     tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
-    tooltipPosition: _angular_core.Signal<"auto" | "top" | "bottom" | "left" | "right">;
+    tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -6370,7 +6370,7 @@ declare class OpportunityHighlightBannerComponent {
     protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
     protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
     protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
-    protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
+    protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
     handleClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OpportunityHighlightBannerComponent, "symphiq-opportunity-highlight-banner", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "isDark": { "alias": "isDark"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;