@eric-emg/symphiq-components 1.2.251 → 1.2.253

package/index.d.ts

@@ -1057,7 +1057,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    modalType: _angular_core.Signal<"chart" | "metric" | "insight" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
+    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>;
@@ -1076,7 +1076,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | 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;
@@ -1084,7 +1084,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | 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;
@@ -1092,7 +1092,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | 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;
@@ -1100,7 +1100,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<AiChartInterface | InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1616,8 +1616,8 @@ declare class MetricCardComponent {
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
     competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
-    competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
-    competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
+    competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
     getCompetitiveScoreIcon(): string;
     getCompetitiveScoreLabel(): string;
     getCompetitiveScoreLabelFull(): string;
@@ -2141,7 +2141,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     topMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     formattedRevenueValue: _angular_core.Signal<string>;
     formattedRevenueTrend: _angular_core.Signal<string>;
-    revenueStatusIcon: _angular_core.Signal<"→" | "↑" | "•" | "⚠">;
+    revenueStatusIcon: _angular_core.Signal<"↑" | "•" | "→" | "⚠">;
     hasCompetitiveData: _angular_core.Signal<boolean>;
     hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
     overallCompetitiveDescription: _angular_core.Signal<string>;
@@ -2675,17 +2675,17 @@ declare class TargetChangeBadgeComponent implements OnDestroy {
     private setupIntersectionObserver;
     private animateValue;
     protected isIncreaseBad: _angular_core.Signal<boolean | undefined>;
-    protected iconSymbol: _angular_core.Signal<"↗" | "↘" | "→">;
+    protected iconSymbol: _angular_core.Signal<"→" | "↗" | "↘">;
     protected animatedPercentageText: _angular_core.Signal<string>;
     protected descriptionText: _angular_core.Signal<string>;
     protected containerClasses: _angular_core.Signal<"bg-purple-500/25 border-purple-400/40" | "bg-purple-50 border-purple-200">;
     protected isIncrease: _angular_core.Signal<boolean>;
-    protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
+    protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
     protected rotationStyle: _angular_core.Signal<string>;
     protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-1.5" | "inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-2">;
     protected overlayClasses: _angular_core.Signal<"bg-purple-600 text-purple-50" | "bg-purple-500 text-white">;
     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 font-extrabold text-base tracking-wide shadow-md transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1 tabular-nums">;
-    protected iconSizeClass: _angular_core.Signal<"text-sm" | "text-base">;
+    protected iconSizeClass: _angular_core.Signal<"text-base" | "text-sm">;
     protected descriptionSizeClasses: _angular_core.Signal<"px-2.5 py-0.5 text-xs font-semibold inline-block" | "px-3 py-0.5 font-semibold text-xs inline-block">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TargetChangeBadgeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TargetChangeBadgeComponent, "symphiq-target-change-badge", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "percentageChange": { "alias": "percentageChange"; "required": false; "isSignal": true; }; "metric": { "alias": "metric"; "required": false; "isSignal": true; }; "priorYear": { "alias": "priorYear"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -2719,7 +2719,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     private animateValue;
     protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
     protected containerClasses: _angular_core.Signal<string>;
-    protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
+    protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
     protected rotationStyle: _angular_core.Signal<string>;
     protected fullBadgeRotationStyle: _angular_core.Signal<string>;
     protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-1.5" | "inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-2">;
@@ -2727,14 +2727,14 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     protected sizeClasses: _angular_core.Signal<"inline-flex items-center gap-1.5 font-semibold transition-all px-2.5 py-0.5 text-xs" | "inline-flex items-center gap-1.5 font-semibold transition-all px-3 py-0.5 text-xs">;
     protected fullBadgeSizeClasses: _angular_core.Signal<"inline-flex items-center gap-1.5 rounded-xl border-2 font-bold tracking-wide shadow-md transition-all hover:rotate-0 px-2.5 py-1 text-xs" | "inline-flex items-center gap-1.5 rounded-xl border-2 font-bold tracking-wide shadow-md transition-all hover:rotate-0 px-3 py-1.5 text-xs">;
     protected iconClasses: _angular_core.Signal<string>;
-    protected iconSizeClasses: _angular_core.Signal<"text-sm" | "text-base">;
-    protected iconSymbol: _angular_core.Signal<"↗" | "↘" | "→">;
+    protected iconSizeClasses: _angular_core.Signal<"text-base" | "text-sm">;
+    protected iconSymbol: _angular_core.Signal<"→" | "↗" | "↘">;
     protected displayText: _angular_core.Signal<string>;
     protected hasPercentage: _angular_core.Signal<boolean>;
     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-600 text-emerald-50" | "bg-emerald-500 text-white" | "bg-amber-600 text-amber-50" | "bg-amber-500 text-white" | "bg-red-600 text-red-50" | "bg-red-500 text-white">;
+    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>;
@@ -2753,10 +2753,13 @@ declare class MetricReportModalComponent {
     metricData: _angular_core.InputSignal<MetricTargetCalculation | undefined>;
     contributingMetrics: _angular_core.InputSignal<MetricTargetCalculation[]>;
     pacingMetrics: _angular_core.InputSignal<PacingResponseInterface | undefined>;
+    trendChartData: _angular_core.InputSignal<AiChartInterface | null>;
     isOpen: _angular_core.InputSignal<boolean>;
     closed: _angular_core.OutputEmitterRef<void>;
     protected showDefinition: _angular_core.WritableSignal<boolean>;
+    protected isExpandedChartOpen: _angular_core.WritableSignal<boolean>;
     protected Math: Math;
+    onEscapeKey(): void;
     protected currentYear: _angular_core.Signal<number>;
     protected priorYear: _angular_core.Signal<number>;
     protected metricTitle: _angular_core.Signal<string>;
@@ -2796,6 +2799,8 @@ declare class MetricReportModalComponent {
     };
     protected toggleDefinition(): void;
     protected close(): void;
+    protected openExpandedChart(): void;
+    protected closeExpandedChart(): void;
     protected isLightMode(): boolean;
     protected backdropClasses(): string;
     protected modalContainerClasses(): string;
@@ -2819,10 +2824,11 @@ declare class MetricReportModalComponent {
     protected tableRowClasses(): string;
     protected infoIconClasses(): string;
     protected headerInfoIconClasses(): string;
+    protected expandIconClasses(): string;
     protected footerClasses(): string;
     protected closeFooterButtonClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricReportModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricReportModalComponent, "symphiq-metric-report-modal", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "metricEnum": { "alias": "metricEnum"; "required": false; "isSignal": true; }; "metricData": { "alias": "metricData"; "required": false; "isSignal": true; }; "contributingMetrics": { "alias": "contributingMetrics"; "required": false; "isSignal": true; }; "pacingMetrics": { "alias": "pacingMetrics"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricReportModalComponent, "symphiq-metric-report-modal", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "metricEnum": { "alias": "metricEnum"; "required": false; "isSignal": true; }; "metricData": { "alias": "metricData"; "required": false; "isSignal": true; }; "contributingMetrics": { "alias": "contributingMetrics"; "required": false; "isSignal": true; }; "pacingMetrics": { "alias": "pacingMetrics"; "required": false; "isSignal": true; }; "trendChartData": { "alias": "trendChartData"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
 }
 
 declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -3525,11 +3531,11 @@ declare class MetricExecutiveSummaryComponent {
     protected isDark: _angular_core.Signal<boolean>;
     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">;
     protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected healthBadgeClasses: _angular_core.Signal<string>;
     protected pacingBadgeClasses: _angular_core.Signal<string>;
-    protected metricCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
+    protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
     protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
@@ -3543,11 +3549,11 @@ declare class MetricExecutiveSummaryComponent {
     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">;
     protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
     protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
     protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected quickWinCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
+    protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
     protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
     protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -3595,7 +3601,7 @@ declare class CircularProgressComponent implements OnInit, OnDestroy {
     backgroundColor: _angular_core.InputSignal<string>;
     showPercentage: _angular_core.InputSignal<boolean>;
     textClasses: _angular_core.InputSignal<string>;
-    strokeLinecap: _angular_core.InputSignal<"round" | "butt" | "square">;
+    strokeLinecap: _angular_core.InputSignal<"square" | "round" | "butt">;
     animationDuration: _angular_core.InputSignal<number>;
     animationDelay: _angular_core.InputSignal<number>;
     private elementRef;
@@ -3716,7 +3722,7 @@ declare class SearchModalComponent {
     emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
     emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
+    shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
     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">;
     shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
@@ -3728,7 +3734,7 @@ declare class GradeBadgeComponent {
     gradeRationale: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    tooltipPosition: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
+    tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
     isLightMode: _angular_core.Signal<boolean>;
     formattedGrade: _angular_core.Signal<string>;
     shouldPulse: _angular_core.Signal<boolean>;
@@ -3815,12 +3821,12 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
     protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
-    protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
+    protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
     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)]">;
     protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
     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">;
-    protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
-    protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     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">;
     protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
     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">;
@@ -3870,7 +3876,7 @@ declare class ContentGenerationProgressComponent {
     protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-500 to-purple-500 text-white shadow-lg shadow-blue-500/30" | "bg-gradient-to-br from-blue-400 to-purple-400 text-white shadow-lg shadow-blue-400/30">;
     protected titleClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent" | "bg-gradient-to-r from-blue-400 via-purple-400 to-blue-400 bg-clip-text text-transparent">;
     protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     protected progressBarContainerClasses: _angular_core.Signal<string>;
     protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected progressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600 shadow-lg shadow-blue-500/40" | "bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-500 shadow-lg shadow-blue-400/40">;
@@ -3907,8 +3913,8 @@ declare class IndeterminateSpinnerComponent {
     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-16 h-16': boolean;
@@ -3962,9 +3968,10 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"500px" | "133px">;
-    cursorColor: _angular_core.Signal<16777215 | 9741240>;
-    tooltipTextColor: _angular_core.Signal<16777215 | 0>;
+    height: _angular_core.InputSignal<string | undefined>;
+    chartHeight: _angular_core.Signal<string>;
+    cursorColor: _angular_core.Signal<9741240 | 16777215>;
+    tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -3999,7 +4006,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
     private extractMetricName;
     private createChart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "symphiq-line-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "symphiq-line-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -4008,7 +4015,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
     chartHeight: _angular_core.Signal<"500px" | "175px">;
-    cursorColor: _angular_core.Signal<16777215 | 9741240>;
+    cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
@@ -4082,7 +4089,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
     currencySymbol: _angular_core.InputSignal<string>;
     height: _angular_core.InputSignal<string | undefined>;
     chartHeight: _angular_core.Signal<string>;
-    cursorColor: _angular_core.Signal<16777215 | 9741240>;
+    cursorColor: _angular_core.Signal<9741240 | 16777215>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -4122,7 +4129,7 @@ declare class TooltipContainerComponent {
     isVisible: _angular_core.Signal<boolean>;
     tooltipType: _angular_core.Signal<string | null>;
     tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
-    tooltipPosition: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "auto">;
+    tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -4147,7 +4154,7 @@ declare class TooltipContainerComponent {
     shouldCenter: _angular_core.Signal<boolean>;
     containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
     contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
-    textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
+    textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
     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">;
     transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
     constructor();