@eric-emg/symphiq-components 1.2.492 → 1.2.494

package/index.d.ts

@@ -1485,10 +1485,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
      */
     private chartsById;
     headerClass: _angular_core.Signal<string>;
-    headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
-    sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
+    sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
     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">;
     sortButtonClass: _angular_core.Signal<"bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200" | "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200">;
     formattedGeneratedDate: _angular_core.Signal<string | null>;
@@ -1619,7 +1619,7 @@ declare class MetricCardComponent {
     glowClass: _angular_core.Signal<"" | "shadow-emerald-500/50 shadow-lg animate-pulse-glow">;
     deltaValue: _angular_core.Signal<number>;
     deltaPercent: _angular_core.Signal<number>;
-    deltaClass: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-slate-400">;
+    deltaClass: _angular_core.Signal<"text-slate-400" | "text-emerald-400" | "text-red-400">;
     openInsightModal(insight: InsightBlockInterface): void;
     openInsightsModal(): void;
     openChartModal(chart: AiChartInterface): void;
@@ -3433,6 +3433,7 @@ type ProfileModalData$1 = {
 declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     funnelModalComponent?: ModalComponent;
     shopProfileStatusCard?: ProfileStatusCardComponent;
+    planSelectionContainer?: ElementRef<HTMLDivElement>;
     protected readonly shopProfileStatusCardConfig: ProfileStatusCardConfig;
     protected readonly shopProfileStatusCardGroupConfig: ProfileStatusCardGroupConfig;
     protected readonly shopProfileStickyFooterButtonConfig: ProfileStickyFooterButtonConfig;
@@ -3486,6 +3487,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     protected isSubscriptionActive: _angular_core.Signal<boolean>;
     protected hasBillingCurrency: _angular_core.Signal<boolean>;
     protected hasCurrencySelected: _angular_core.Signal<boolean>;
+    private getStoredCurrency;
     protected shouldShowContinueButton: _angular_core.Signal<boolean>;
     protected shouldShowStickyButton: _angular_core.Signal<boolean>;
     protected shouldShowShopProfileStickyFooter: _angular_core.Signal<boolean | undefined>;
@@ -3499,7 +3501,10 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     protected shopQuestionsCompletionPercentage: _angular_core.Signal<number>;
     private readonly COLLAPSE_THRESHOLD;
     private readonly EXPAND_THRESHOLD;
+    private hasScrolledToPlanSelection;
     private currencySelectionEffect;
+    private scrollToPlanSelectionEffect;
+    private scrollToPlanSelectionWithRetry;
     private planLoadingEffect;
     private embeddedScrollEffect;
     protected funnelAnalysisSignal: _angular_core.WritableSignal<FunnelAnalysisInterface | undefined>;
@@ -3650,6 +3655,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     protected scrollToQuickWins(): void;
     protected handleCurrencySelection(currency: CurrencyCodeEnum): void;
     protected handleCurrencyChange(currency: CurrencyCodeEnum): void;
+    protected handleCurrencySelectionChange(currency: CurrencyCodeEnum): void;
     protected handlePeriodUnitChange(periodUnit: ChargebeeItemPricePeriodUnitEnum): void;
     protected handlePlanSelection(plan: PlanCardInfoInterface): void;
     protected handleEditCurrencyClick(): void;
@@ -4183,15 +4189,15 @@ declare class MetricExecutiveSummaryComponent {
     protected healthBadgeClasses: _angular_core.Signal<string>;
     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 metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected yoyChangeClasses: _angular_core.Signal<"text-emerald-400" | "text-red-400" | "text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-red-600">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
     protected getYoyIcon(): string;
     protected getPacingValueClasses(): string;
     protected getHealthValueClasses(): string;
     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 narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    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">;
     protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
@@ -4199,11 +4205,11 @@ declare class MetricExecutiveSummaryComponent {
     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 impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     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">;
+    protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected getEffortBadgeClasses(effort: string | undefined): string;
     protected getImpactBadgeClasses(impact: string | undefined): string;
     protected formatMetricName(name: string): string;
@@ -4682,18 +4688,18 @@ declare class SearchModalComponent {
     clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
     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">;
     resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    resultTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     breadcrumbClass: _angular_core.Signal<string>;
     typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
     arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
-    emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
+    emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     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">;
+    shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
     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>;
 }
@@ -4718,7 +4724,7 @@ declare class DashboardHeaderComponent {
     protected onViewModeClick(): void;
     formattedGeneratedDate: _angular_core.Signal<string>;
     formatDate(dateString: string): string;
-    headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
+    headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
     metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
     protected getHeaderClasses(): string;
     protected getMainTitleClasses(): string;
@@ -4744,7 +4750,7 @@ declare class GradeBadgeComponent {
         explanation: string;
     }>;
     private formatGrade;
-    badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     gradeBadgeClass: _angular_core.Signal<string>;
     private getGradeBadgeClassLight;
     private getGradeBadgeClassDark;
@@ -4826,7 +4832,7 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     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">;
     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">;
     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 subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
     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)]">;
@@ -4856,12 +4862,12 @@ declare class RelatedContentSidebarComponent {
     protected funnelInsightsCount: _angular_core.Signal<number>;
     protected funnelMetricsCount: _angular_core.Signal<number>;
     protected businessInsightsCount: _angular_core.Signal<number>;
-    protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     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">;
     protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
     protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
-    protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected countClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
     protected onFunnelInsightsClick(): void;
     protected onFunnelMetricsClick(): void;
@@ -4884,7 +4890,7 @@ declare class ContentGenerationProgressComponent {
     protected containerClasses: _angular_core.Signal<string>;
     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 subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     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">;
@@ -4892,7 +4898,7 @@ declare class ContentGenerationProgressComponent {
     protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
     protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
     protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
-    protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentGenerationProgressComponent, "symphiq-content-generation-progress", never, { "itemStatus": { "alias": "itemStatus"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "compactTitle": { "alias": "compactTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4919,7 +4925,7 @@ declare class IndeterminateSpinnerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     size: _angular_core.InputSignal<SpinnerSize>;
     color: _angular_core.InputSignal<string | undefined>;
-    svgSize: _angular_core.Signal<40 | 80 | 60>;
+    svgSize: _angular_core.Signal<60 | 40 | 80>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
     strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
@@ -4965,7 +4971,7 @@ declare class UserDisplayComponent {
     avatarSize: _angular_core.InputSignal<AvatarSize>;
     showEmail: _angular_core.InputSignal<boolean>;
     protected displayName: _angular_core.Signal<string>;
-    protected nameClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
+    protected nameClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
     protected emailClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserDisplayComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserDisplayComponent, "symphiq-user-display", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showEmail": { "alias": "showEmail"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -4984,8 +4990,8 @@ declare class ChartContainerComponent {
     protected ChartTypeEnum: typeof ChartTypeEnum;
     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">;
     headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    titleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
     chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
     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">;
@@ -5169,7 +5175,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" | "auto" | "bottom" | "left" | "right">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;