@eric-emg/symphiq-components 1.2.168 → 1.2.169

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 +273 -188
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +55 -53
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -1391,8 +1391,8 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
1391
1391
  private chartsById;
1392
1392
  headerClass: _angular_core.Signal<string>;
1393
1393
  headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1394
- headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
1395
- metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
1394
+ headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
1395
+ metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
1396
1396
  sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
1397
1397
  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">;
1398
1398
  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">;
@@ -1556,9 +1556,9 @@ declare class MetricCardComponent {
1556
1556
  competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
1557
1557
  competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
1558
1558
  competitiveScoreBadgeClass: _angular_core.Signal<string>;
1559
- competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "text-emerald-600" | "" | "text-blue-700" | "text-orange-600">;
1560
- competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
1561
- competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1559
+ competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
1560
+ competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
1561
+ competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
1562
1562
  getCompetitiveScoreIcon(): string;
1563
1563
  getCompetitiveScoreLabel(): string;
1564
1564
  getCompetitiveScoreLabelFull(): string;
@@ -1799,10 +1799,10 @@ declare class OverallAssessmentComponent {
1799
1799
  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">;
1800
1800
  lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1801
1801
  darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1802
- trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1802
+ trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1803
1803
  lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
1804
1804
  darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
1805
- trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
1805
+ trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
1806
1806
  formattedRevenueTrend: _angular_core.Signal<string>;
1807
1807
  formattedRevenueTarget: _angular_core.Signal<string>;
1808
1808
  hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2454,13 +2454,13 @@ declare class SymphiqConnectGaDashboardComponent implements AfterViewInit, OnDes
2454
2454
  googleButtonClick: _angular_core.OutputEmitterRef<void>;
2455
2455
  onPropertySelect: _angular_core.OutputEmitterRef<number>;
2456
2456
  onPropertyChange: _angular_core.OutputEmitterRef<number>;
2457
- onReconnectGoogle: _angular_core.OutputEmitterRef<void>;
2458
2457
  protected headerScrollService: HeaderScrollService;
2459
2458
  protected JourneyStepIdEnum: typeof JourneyStepIdEnum;
2460
2459
  private readonly COLLAPSE_THRESHOLD;
2461
2460
  private readonly EXPAND_THRESHOLD;
2462
2461
  protected isExpanded: _angular_core.WritableSignal<boolean>;
2463
2462
  protected isEditingProperty: _angular_core.WritableSignal<boolean>;
2463
+ protected isReconnecting: _angular_core.WritableSignal<boolean>;
2464
2464
  protected currentEditingPropertyId: _angular_core.WritableSignal<number | undefined>;
2465
2465
  protected currentSelectingPropertyId: _angular_core.WritableSignal<number | undefined>;
2466
2466
  protected sortedGaProperties: _angular_core.Signal<GaPropertyInterface[] | undefined>;
@@ -2490,6 +2490,7 @@ declare class SymphiqConnectGaDashboardComponent implements AfterViewInit, OnDes
2490
2490
  protected submitPropertySelection(): void;
2491
2491
  protected submitPropertyChange(): void;
2492
2492
  protected reconnectWithDifferentAccount(): void;
2493
+ protected cancelReconnectMode(): void;
2493
2494
  protected getContainerClasses(): string;
2494
2495
  protected getHeaderClasses(): string;
2495
2496
  protected getMainTitleClasses(): string;
@@ -2516,12 +2517,13 @@ declare class SymphiqConnectGaDashboardComponent implements AfterViewInit, OnDes
2516
2517
  protected editButtonClasses(): string;
2517
2518
  protected reconnectButtonClasses(): string;
2518
2519
  protected stickyButtonContainerClasses(): string;
2520
+ protected headerCancelButtonClasses(): string;
2519
2521
  protected cancelButtonClasses(): string;
2520
2522
  protected submitButtonClasses(): string;
2521
2523
  protected statusBadgeClasses(): string;
2522
2524
  protected emptyStateTextClasses(): string;
2523
2525
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqConnectGaDashboardComponent, never>;
2524
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqConnectGaDashboardComponent, "symphiq-connect-ga-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "showNextStepAction": { "alias": "showNextStepAction"; "required": false; "isSignal": true; }; "gaProperties": { "alias": "gaProperties"; "required": false; "isSignal": true; }; "gaAccounts": { "alias": "gaAccounts"; "required": false; "isSignal": true; }; "selectedGaPropertyId": { "alias": "selectedGaPropertyId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "googleButtonClick": "googleButtonClick"; "onPropertySelect": "onPropertySelect"; "onPropertyChange": "onPropertyChange"; "onReconnectGoogle": "onReconnectGoogle"; }, never, never, true, never>;
2526
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqConnectGaDashboardComponent, "symphiq-connect-ga-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "showNextStepAction": { "alias": "showNextStepAction"; "required": false; "isSignal": true; }; "gaProperties": { "alias": "gaProperties"; "required": false; "isSignal": true; }; "gaAccounts": { "alias": "gaAccounts"; "required": false; "isSignal": true; }; "selectedGaPropertyId": { "alias": "selectedGaPropertyId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "googleButtonClick": "googleButtonClick"; "onPropertySelect": "onPropertySelect"; "onPropertyChange": "onPropertyChange"; }, never, never, true, never>;
2525
2527
  }
2526
2528
 
2527
2529
  declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -3224,32 +3226,32 @@ declare class MetricExecutiveSummaryComponent {
3224
3226
  protected isDark: _angular_core.Signal<boolean>;
3225
3227
  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">;
3226
3228
  protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3227
- protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3228
- protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3229
+ protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3230
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3229
3231
  protected healthBadgeClasses: _angular_core.Signal<string>;
3230
3232
  protected pacingBadgeClasses: _angular_core.Signal<string>;
3231
3233
  protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3232
- protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3234
+ protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3233
3235
  protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3234
- protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400">;
3236
+ protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
3235
3237
  protected getYoyIcon(): string;
3236
3238
  protected getPacingValueClasses(): string;
3237
3239
  protected getHealthValueClasses(): string;
3238
3240
  protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
3239
3241
  protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
3240
- protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3242
+ protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3241
3243
  protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3242
3244
  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">;
3243
3245
  protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3244
3246
  protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3245
- protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3247
+ protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3246
3248
  protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
3247
- protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3248
- protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3249
+ protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3250
+ protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3249
3251
  protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
3250
3252
  protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
3251
3253
  protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
3252
- protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3254
+ protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3253
3255
  protected getEffortBadgeClasses(effort: string | undefined): string;
3254
3256
  protected getImpactBadgeClasses(impact: string | undefined): string;
3255
3257
  protected formatMetricName(name: string): string;
@@ -3400,24 +3402,24 @@ declare class SearchModalComponent {
3400
3402
  getTypeIconBgClass(type: string): string;
3401
3403
  getTypeIconClass(type: string): string;
3402
3404
  getTypeBadgeText(result: BusinessSearchResult): string;
3403
- containerClass: _angular_core.Signal<"bg-slate-800 border border-slate-700" | "bg-white border border-slate-200">;
3405
+ containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
3404
3406
  inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
3405
- iconClass: _angular_core.Signal<"text-slate-500" | "text-slate-400">;
3407
+ iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3406
3408
  clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
3407
3409
  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">;
3408
- resultsContainerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
3410
+ resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3409
3411
  resultTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
3410
- resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3412
+ resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3411
3413
  breadcrumbClass: _angular_core.Signal<string>;
3412
3414
  typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
3413
- arrowClass: _angular_core.Signal<"text-slate-500" | "text-slate-400">;
3414
- emptyStateClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
3415
+ arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
3416
+ emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3415
3417
  emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
3416
3418
  emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
3417
- emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3419
+ emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3418
3420
  shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
3419
3421
  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">;
3420
- shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3422
+ shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3421
3423
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
3422
3424
  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>;
3423
3425
  }
@@ -3437,7 +3439,7 @@ declare class GradeBadgeComponent {
3437
3439
  explanation: string;
3438
3440
  }>;
3439
3441
  private formatGrade;
3440
- badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3442
+ badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3441
3443
  gradeBadgeClass: _angular_core.Signal<string>;
3442
3444
  private getGradeBadgeClassLight;
3443
3445
  private getGradeBadgeClassDark;
@@ -3512,15 +3514,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
3512
3514
  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">;
3513
3515
  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">;
3514
3516
  protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
3515
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3517
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3516
3518
  protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
3517
- protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
3519
+ protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
3518
3520
  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)]">;
3519
- protected gradeLabelClasses: _angular_core.Signal<"text-blue-300" | "text-emerald-700" | "text-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-emerald-300" | "text-orange-300">;
3521
+ 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">;
3520
3522
  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">;
3521
- protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3522
- protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3523
- protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-400" | "text-emerald-600" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
3523
+ protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3524
+ protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3525
+ protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
3524
3526
  protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
3525
3527
  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">;
3526
3528
  protected shimmerClasses: _angular_core.Signal<string>;
@@ -3542,12 +3544,12 @@ declare class RelatedContentSidebarComponent {
3542
3544
  protected funnelInsightsCount: _angular_core.Signal<number>;
3543
3545
  protected funnelMetricsCount: _angular_core.Signal<number>;
3544
3546
  protected businessInsightsCount: _angular_core.Signal<number>;
3545
- protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3547
+ protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3546
3548
  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">;
3547
3549
  protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
3548
- protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3550
+ protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3549
3551
  protected countClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
3550
- protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3552
+ protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3551
3553
  protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
3552
3554
  protected onFunnelInsightsClick(): void;
3553
3555
  protected onFunnelMetricsClick(): void;
@@ -3568,15 +3570,15 @@ declare class ContentGenerationProgressComponent {
3568
3570
  protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-50 to-white" | "bg-gradient-to-br from-slate-900 to-slate-800">;
3569
3571
  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">;
3570
3572
  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">;
3571
- protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3572
- protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
3573
+ protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3574
+ protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
3573
3575
  protected progressBarContainerClasses: _angular_core.Signal<string>;
3574
- protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
3576
+ protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
3575
3577
  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">;
3576
3578
  protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
3577
3579
  protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
3578
3580
  protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
3579
- protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3581
+ protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3580
3582
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
3581
3583
  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; }; }, {}, never, never, true, never>;
3582
3584
  }
@@ -3610,9 +3612,9 @@ declare class ChartContainerComponent {
3610
3612
  isExpanded: _angular_core.WritableSignal<boolean>;
3611
3613
  protected ChartTypeEnum: typeof ChartTypeEnum;
3612
3614
  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">;
3613
- headerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
3615
+ headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
3614
3616
  titleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
3615
- descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
3617
+ descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
3616
3618
  iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
3617
3619
  chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
3618
3620
  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">;
@@ -3941,11 +3943,11 @@ declare class FocusAreaDetailCardComponent {
3941
3943
  protected metaLabelClasses: _angular_core.Signal<"text-xs font-medium text-slate-400 uppercase tracking-wide" | "text-xs font-medium text-slate-600 uppercase tracking-wide">;
3942
3944
  protected toolChipClasses: _angular_core.Signal<"px-2.5 py-1 rounded-md bg-emerald-500/10 text-emerald-300 text-xs border border-emerald-500/30" | "px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs border border-emerald-200">;
3943
3945
  protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
3944
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3946
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3945
3947
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
3946
3948
  protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
3947
3949
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
3948
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
3950
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
3949
3951
  protected toggleExpanded(): void;
3950
3952
  protected toggleCompetitiveGap(): void;
3951
3953
  onExpandItem(event: CustomEvent): void;
@@ -4022,11 +4024,11 @@ declare class CompetitorAnalysisCardComponent {
4022
4024
  protected linkClasses: _angular_core.Signal<"text-sm text-blue-400 hover:text-blue-300 underline transition-colors" | "text-sm text-blue-600 hover:text-blue-700 underline transition-colors">;
4023
4025
  protected listItemClasses: _angular_core.Signal<"text-sm text-slate-200 leading-relaxed flex items-start" | "text-sm text-slate-600 leading-relaxed flex items-start">;
4024
4026
  protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
4025
- protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4027
+ protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4026
4028
  protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
4027
4029
  protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
4028
4030
  protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
4029
- protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
4031
+ protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
4030
4032
  protected toggleExpanded(): void;
4031
4033
  protected navigateToItem(item: ProfileItemInterface): void;
4032
4034
  onExpandItem(event: CustomEvent): void;
@@ -4111,9 +4113,9 @@ declare class SkeletonFocusAreaCardComponent {
4111
4113
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4112
4114
  protected isDark: _angular_core.Signal<boolean>;
4113
4115
  protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
4114
- protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4115
- protected textSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4116
- protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4116
+ protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4117
+ protected textSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4118
+ protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4117
4119
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonFocusAreaCardComponent, never>;
4118
4120
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFocusAreaCardComponent, "symphiq-skeleton-focus-area-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4119
4121
  }
@@ -4122,10 +4124,10 @@ declare class SkeletonCompetitorCardComponent {
4122
4124
  viewMode: _angular_core.InputSignal<ViewModeEnum>;
4123
4125
  protected isDark: _angular_core.Signal<boolean>;
4124
4126
  protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
4125
- protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4126
- protected textSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4127
- protected boxSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4128
- protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-700" | "bg-slate-200">;
4127
+ protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4128
+ protected textSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4129
+ protected boxSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4130
+ protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
4129
4131
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCompetitorCardComponent, never>;
4130
4132
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCompetitorCardComponent, "symphiq-skeleton-competitor-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4131
4133
  }