@eric-emg/symphiq-components 1.2.440 → 1.2.442

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _jebgem_model from '@jebgem/model';
-import { FocusAreaTopPriorityInterface, MetricTopPriorityInterface, ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, ProfileAnalysisInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, ProfileShopQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, AccountInterface, ProfileShopInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, ProfileFocusAreaQuestionInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
+import { FocusAreaTopPriorityInterface, MetricTopPriorityInterface, ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, ProfileAnalysisInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, AbstractItemProfileQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, AccountInterface, ProfileShopInterface, ProfileShopQuestionInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, ProfileFocusAreaQuestionInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as _angular_core from '@angular/core';
 import { OnInit, AfterViewInit, ElementRef, WritableSignal, OnDestroy, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
@@ -1646,7 +1646,7 @@ declare class MetricCardComponent {
     competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
-    competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
+    competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
     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;
@@ -2778,7 +2778,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">;
@@ -3274,7 +3274,7 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BusinessAnalysisModalComponent, "symphiq-business-analysis-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; }, { "viewInContextRequested": "viewInContextRequested"; }, never, never, true, never>;
 }
 
-interface CategoryProgressItem {
+interface CategoryProgressItem$1 {
     id: string;
     label: string;
     name: string;
@@ -3282,175 +3282,81 @@ interface CategoryProgressItem {
     answeredQuestions: number;
     progress: number;
 }
-declare class ShopProfileCategoryListComponent {
-    viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    items: _angular_core.InputSignal<CategoryProgressItem[]>;
-    delayAnimation: _angular_core.InputSignal<boolean>;
-    itemClick: _angular_core.OutputEmitterRef<CategoryProgressItem>;
-    protected onItemClick(item: CategoryProgressItem): void;
-    protected getButtonText(item: CategoryProgressItem): string;
-    protected getCardClasses(): string;
-    protected getLabelClasses(): string;
-    protected getNameClasses(): string;
-    protected getButtonClasses(item: CategoryProgressItem): string;
-    protected getProgressBarContainerClasses(): string;
-    protected getProgressBarFillClasses(): string;
-    protected getProgressTextClasses(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileCategoryListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileCategoryListComponent, "symphiq-shop-profile-category-list", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "delayAnimation": { "alias": "delayAnimation"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
-}
 
-type ShopProfileViewType = 'category' | 'focus-area';
-declare class ShopProfileViewToggleComponent {
-    viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    currentView: _angular_core.InputSignal<ShopProfileViewType>;
-    viewChanged: _angular_core.OutputEmitterRef<ShopProfileViewType>;
-    protected selectView(view: ShopProfileViewType): void;
-    protected getContainerClasses(): string;
-    protected getButtonClasses(view: ShopProfileViewType): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileViewToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileViewToggleComponent, "symphiq-shop-profile-view-toggle", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentView": { "alias": "currentView"; "required": false; "isSignal": true; }; }, { "viewChanged": "viewChanged"; }, never, never, true, never>;
+type ProfileViewType = 'category' | 'focus-area';
+interface ProfileViewToggleOption {
+    type: ProfileViewType;
+    label: string;
 }
 
-interface AnswerOption {
-    text: string;
-    isCustom: boolean;
-    isSelected: boolean;
-    tempId: string;
-}
-interface ProfileQuestionAnswerSaveEvent {
+interface ProfileQuestionAnswerSaveEvent$1 {
     profileQuestionId: number;
     answers: string[];
 }
-type SaveActionType = 'save' | 'saveAndNext' | null;
-declare class ShopProfileQuestionAnswerComponent implements AfterViewInit, OnDestroy {
-    question: _angular_core.InputSignal<ProfileShopQuestionInterface>;
-    viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    viewType: _angular_core.InputSignal<"category" | "focus-area" | "all">;
-    selectedCategoryId: _angular_core.InputSignal<string | null>;
-    selectedFocusAreaId: _angular_core.InputSignal<string | null>;
-    filteredQuestions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
-    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
-    backClick: _angular_core.OutputEmitterRef<void>;
-    saveClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
-    saveAndNextClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
-    navigateToList: _angular_core.OutputEmitterRef<void>;
-    navigateToNextQuestion: _angular_core.OutputEmitterRef<void>;
-    scrollContainer?: ElementRef<HTMLDivElement>;
-    stickySentinel?: ElementRef<HTMLDivElement>;
-    stickyHeader?: ElementRef<HTMLDivElement>;
-    questionTitle?: ElementRef<HTMLHeadingElement>;
-    private ngZone;
-    private intersectionObserver?;
-    protected isSticky: boolean;
-    protected selectedAnswerTexts: _angular_core.WritableSignal<string[]>;
-    private initialAnswerTexts;
-    protected addOtherAnswersExpanded: _angular_core.WritableSignal<boolean>;
-    protected customAnswerText: _angular_core.WritableSignal<string>;
-    protected isSaving: _angular_core.WritableSignal<boolean>;
-    protected pendingSaveAction: _angular_core.WritableSignal<SaveActionType>;
-    private pendingQuestionId;
-    protected isCountAnimating: _angular_core.WritableSignal<boolean>;
-    private previousAnsweredCount;
-    private saveStartTime;
-    private lastLoadedQuestionId;
-    protected answerOptions: _angular_core.Signal<AnswerOption[]>;
-    protected relatedFocusAreas: _angular_core.Signal<FocusAreaDomainEnum[]>;
-    protected breadcrumbPath: _angular_core.Signal<string>;
-    protected unansweredQuestions: _angular_core.Signal<ProfileShopQuestionInterface[]>;
-    protected answeredCount: _angular_core.Signal<number>;
-    protected totalCount: _angular_core.Signal<number>;
-    protected progressPercentage: _angular_core.Signal<number>;
-    protected allQuestionsAnswered: _angular_core.Signal<boolean>;
-    protected canAddCustomAnswers: _angular_core.Signal<boolean>;
-    protected hasAnswersChanged: _angular_core.Signal<boolean>;
-    protected saveButtonsDisabled: _angular_core.Signal<boolean>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private stickyState;
-    private lastStickyChange;
-    private setupStickyObserver;
-    protected toggleAnswer(text: string): void;
-    protected toggleAddOtherAnswers(): void;
-    protected addCustomAnswers(): void;
-    protected cancelCustomAnswers(): void;
-    protected onSave(): void;
-    protected onSaveAndNext(): void;
-    protected getFocusAreaTitle(focusArea: FocusAreaDomainEnum): string;
-    protected formatCategoryName(category: string): string;
-    protected formatFocusAreaName(focusArea: string): string;
-    protected isLightMode(): boolean;
-    protected skeletonClasses(): string;
-    protected savingTextClasses(): string;
-    protected statusHeaderClasses(): string;
-    protected statusTitleClasses(): string;
-    protected progressBarContainerClasses(): string;
-    protected progressBarFillClasses(): string;
-    protected progressTextClasses(): string;
-    protected breadcrumbClasses(): string;
-    protected stickyHeaderClasses(): string;
-    protected questionTextClasses(): string;
-    protected contextTextClasses(): string;
-    protected relatedLabelClasses(): string;
-    protected focusAreaChipClasses(): string;
-    protected checkboxRowClasses(): string;
-    protected checkboxClasses(): string;
-    protected checkboxLabelClasses(): string;
-    protected textareaClasses(): string;
-    protected cancelButtonClasses(): string;
-    protected addButtonClasses(): string;
-    protected addOtherAnswersButtonClasses(): string;
-    protected footerClasses(): string;
-    protected saveButtonClasses(): string;
-    protected saveAndNextButtonClasses(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionAnswerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionAnswerComponent, "symphiq-shop-profile-question-answer", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "filteredQuestions": { "alias": "filteredQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; "saveClick": "saveClick"; "saveAndNextClick": "saveAndNextClick"; "navigateToList": "navigateToList"; "navigateToNextQuestion": "navigateToNextQuestion"; }, never, never, true, never>;
-}
 
-declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy {
+interface ProfileStatusCardConfig {
+    title: string;
+    introTitle?: string;
+    introText?: string;
+    introTextMinimal?: string;
+    breadcrumbPrefix: string;
+}
+interface ProfileStatusCardGroupConfig {
+    categoryLabel: string;
+    focusAreaLabel: string;
+    showFocusAreaToggle: boolean;
+    showFocusAreaChips: boolean;
+}
+declare class ProfileStatusCardComponent implements AfterViewInit, OnDestroy {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     totalQuestions: _angular_core.InputSignal<number>;
     answeredQuestions: _angular_core.InputSignal<number>;
-    questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    questions: _angular_core.InputSignal<AbstractItemProfileQuestionInterface[]>;
     profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
     profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[]>;
     users: _angular_core.InputSignal<UserInterface[]>;
     startAnsweringAll: _angular_core.InputSignal<boolean>;
-    currentUser: _angular_core.InputSignal<UserInterface | null | undefined>;
+    showAdminButtons: _angular_core.InputSignal<boolean>;
+    config: _angular_core.InputSignal<ProfileStatusCardConfig>;
+    groupConfig: _angular_core.InputSignal<ProfileStatusCardGroupConfig>;
+    categoryNameFormatter: _angular_core.InputSignal<((category: string) => string) | null>;
+    focusAreaNameFormatter: _angular_core.InputSignal<((focusArea: string) => string) | null>;
+    questionFilterFn: _angular_core.InputSignal<((question: AbstractItemProfileQuestionInterface, categoryId: string | null, focusAreaId: string | null) => boolean) | null>;
+    questionGroupByCategory: _angular_core.InputSignal<((question: AbstractItemProfileQuestionInterface) => string | null) | null>;
+    questionGroupByFocusArea: _angular_core.InputSignal<((question: AbstractItemProfileQuestionInterface) => string[]) | null>;
     startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
-    questionAnswerRequested: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
-    answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    questionAnswerRequested: _angular_core.OutputEmitterRef<AbstractItemProfileQuestionInterface>;
+    answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
     adminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
     chartDiv: ElementRef;
     private root?;
     private chartElement?;
     private chartSeries?;
     private centerLabel?;
-    protected currentView: _angular_core.WritableSignal<ShopProfileViewType>;
+    protected currentView: _angular_core.WritableSignal<ProfileViewType>;
     protected questionsModalOpen: _angular_core.WritableSignal<boolean>;
     protected selectedCategoryId: _angular_core.WritableSignal<string | null>;
     protected selectedFocusAreaId: _angular_core.WritableSignal<string | null>;
     protected showAllQuestions: _angular_core.WritableSignal<boolean>;
     protected startDirectAnswer: _angular_core.WritableSignal<boolean>;
+    protected viewToggleOptions: _angular_core.Signal<ProfileViewToggleOption[]>;
     protected computedAnsweredCount: _angular_core.Signal<number>;
     protected completionPercentage: _angular_core.Signal<number>;
     protected notStartedPercentage: _angular_core.Signal<number>;
     protected shouldShowFullIntro: _angular_core.Signal<boolean>;
     protected hasQuestions: _angular_core.Signal<boolean>;
-    protected showAdminButtons: _angular_core.Signal<boolean>;
     protected unansweredQuestions: _angular_core.Signal<number>;
-    protected questionsByCategory: _angular_core.Signal<CategoryProgressItem[]>;
-    protected questionsByFocusArea: _angular_core.Signal<CategoryProgressItem[]>;
-    protected currentGroupedQuestions: _angular_core.Signal<CategoryProgressItem[]>;
+    protected questionsByCategory: _angular_core.Signal<CategoryProgressItem$1[]>;
+    protected questionsByFocusArea: _angular_core.Signal<CategoryProgressItem$1[]>;
+    protected currentGroupedQuestions: _angular_core.Signal<CategoryProgressItem$1[]>;
     constructor();
     private updateChartData;
-    protected handleViewChange(view: ShopProfileViewType): void;
-    protected handleItemClick(item: CategoryProgressItem): void;
+    protected handleViewChange(view: ProfileViewType): void;
+    protected handleItemClick(item: CategoryProgressItem$1): void;
     protected onQuestionsModalClose(): void;
     openAllQuestionsAnswerMode(): void;
-    protected onQuestionAnswerClick(question: ProfileShopQuestionInterface): void;
-    protected onAnswerSave(event: ProfileQuestionAnswerSaveEvent): void;
+    protected onQuestionAnswerClick(question: AbstractItemProfileQuestionInterface): void;
+    protected onAnswerSave(event: ProfileQuestionAnswerSaveEvent$1): void;
     private formatCategoryName;
     private formatFocusAreaName;
     ngAfterViewInit(): void;
@@ -3466,8 +3372,14 @@ declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy
     protected getIntroIconClasses(): string;
     protected getIntroTitleClasses(): string;
     protected getIntroTextClasses(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileStatusCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStatusCardComponent, "symphiq-shop-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "startAnsweringAll": { "alias": "startAnsweringAll"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; "answerSave": "answerSave"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileStatusCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileStatusCardComponent, "symphiq-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "startAnsweringAll": { "alias": "startAnsweringAll"; "required": false; "isSignal": true; }; "showAdminButtons": { "alias": "showAdminButtons"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "groupConfig": { "alias": "groupConfig"; "required": false; "isSignal": true; }; "categoryNameFormatter": { "alias": "categoryNameFormatter"; "required": false; "isSignal": true; }; "focusAreaNameFormatter": { "alias": "focusAreaNameFormatter"; "required": false; "isSignal": true; }; "questionFilterFn": { "alias": "questionFilterFn"; "required": false; "isSignal": true; }; "questionGroupByCategory": { "alias": "questionGroupByCategory"; "required": false; "isSignal": true; }; "questionGroupByFocusArea": { "alias": "questionGroupByFocusArea"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; "answerSave": "answerSave"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
+}
+
+interface ProfileStickyFooterButtonConfig {
+    startText: string;
+    continueText: string;
+    reviewText: string;
 }
 
 type ProfileModalData = {
@@ -3504,7 +3416,10 @@ type ProfileModalData = {
 } | null;
 declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     funnelModalComponent?: ModalComponent;
-    shopProfileStatusCard?: ShopProfileStatusCardComponent;
+    shopProfileStatusCard?: ProfileStatusCardComponent;
+    protected readonly shopProfileStatusCardConfig: ProfileStatusCardConfig;
+    protected readonly shopProfileStatusCardGroupConfig: ProfileStatusCardGroupConfig;
+    protected readonly shopProfileStickyFooterButtonConfig: ProfileStickyFooterButtonConfig;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     constructor();
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
@@ -3539,7 +3454,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     checkoutPlanClick: _angular_core.OutputEmitterRef<ChargebeeItemPriceInterface>;
     answerShopProfileQuestions: _angular_core.OutputEmitterRef<string | null>;
     continueShopProfileQuestions: _angular_core.OutputEmitterRef<void>;
-    profileQuestionAnswerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    profileQuestionAnswerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
     shopProfileAdminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
     protected isCurrencySelectionLoading: _angular_core.WritableSignal<boolean>;
     protected selectedCurrency: _angular_core.WritableSignal<CurrencyCodeEnum | null>;
@@ -3728,7 +3643,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     protected getEditCurrencyCancelButtonClasses(): string;
     protected getEditCurrencyContinueButtonClasses(): string;
     protected handleStartCategoryQuestions(categoryId: string): void;
-    protected handleProfileQuestionAnswerSave(event: ProfileQuestionAnswerSaveEvent): void;
+    protected handleProfileQuestionAnswerSave(event: ProfileQuestionAnswerSaveEvent$1): void;
     protected handleShopProfileContinueClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileShopAnalysisDashboardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileShopAnalysisDashboardComponent, "symphiq-profile-shop-analysis-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileShop": { "alias": "profileShop"; "required": false; "isSignal": true; }; "profileShopQuestions": { "alias": "profileShopQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "itemStatusProfileShop": { "alias": "itemStatusProfileShop"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "planCardInfos": { "alias": "planCardInfos"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "currencySelectionClick": "currencySelectionClick"; "editCurrencyClick": "editCurrencyClick"; "periodUnitChanged": "periodUnitChanged"; "planSelected": "planSelected"; "checkoutPlanClick": "checkoutPlanClick"; "answerShopProfileQuestions": "answerShopProfileQuestions"; "continueShopProfileQuestions": "continueShopProfileQuestions"; "profileQuestionAnswerSave": "profileQuestionAnswerSave"; "shopProfileAdminAnswerAction": "shopProfileAdminAnswerAction"; }, never, never, true, never>;
@@ -3755,6 +3670,102 @@ declare class ShopWelcomeBannerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopWelcomeBannerComponent, "symphiq-shop-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "businessName": { "alias": "businessName"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+interface AnswerOption {
+    text: string;
+    isCustom: boolean;
+    isSelected: boolean;
+    tempId: string;
+}
+interface ProfileQuestionAnswerSaveEvent {
+    profileQuestionId: number;
+    answers: string[];
+}
+type SaveActionType = 'save' | 'saveAndNext' | null;
+declare class ShopProfileQuestionAnswerComponent implements AfterViewInit, OnDestroy {
+    question: _angular_core.InputSignal<ProfileShopQuestionInterface>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    viewType: _angular_core.InputSignal<"category" | "focus-area" | "all">;
+    selectedCategoryId: _angular_core.InputSignal<string | null>;
+    selectedFocusAreaId: _angular_core.InputSignal<string | null>;
+    filteredQuestions: _angular_core.InputSignal<AbstractItemProfileQuestionInterface[]>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    backClick: _angular_core.OutputEmitterRef<void>;
+    saveClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    saveAndNextClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    navigateToList: _angular_core.OutputEmitterRef<void>;
+    navigateToNextQuestion: _angular_core.OutputEmitterRef<void>;
+    scrollContainer?: ElementRef<HTMLDivElement>;
+    stickySentinel?: ElementRef<HTMLDivElement>;
+    stickyHeader?: ElementRef<HTMLDivElement>;
+    questionTitle?: ElementRef<HTMLHeadingElement>;
+    private ngZone;
+    private intersectionObserver?;
+    protected isSticky: boolean;
+    protected selectedAnswerTexts: _angular_core.WritableSignal<string[]>;
+    private initialAnswerTexts;
+    protected addOtherAnswersExpanded: _angular_core.WritableSignal<boolean>;
+    protected customAnswerText: _angular_core.WritableSignal<string>;
+    protected isSaving: _angular_core.WritableSignal<boolean>;
+    protected pendingSaveAction: _angular_core.WritableSignal<SaveActionType>;
+    private pendingQuestionId;
+    protected isCountAnimating: _angular_core.WritableSignal<boolean>;
+    private previousAnsweredCount;
+    private saveStartTime;
+    private lastLoadedQuestionId;
+    protected answerOptions: _angular_core.Signal<AnswerOption[]>;
+    protected relatedFocusAreas: _angular_core.Signal<FocusAreaDomainEnum[]>;
+    protected breadcrumbPath: _angular_core.Signal<string>;
+    protected unansweredQuestions: _angular_core.Signal<AbstractItemProfileQuestionInterface[]>;
+    protected answeredCount: _angular_core.Signal<number>;
+    protected totalCount: _angular_core.Signal<number>;
+    protected progressPercentage: _angular_core.Signal<number>;
+    protected allQuestionsAnswered: _angular_core.Signal<boolean>;
+    protected canAddCustomAnswers: _angular_core.Signal<boolean>;
+    protected hasAnswersChanged: _angular_core.Signal<boolean>;
+    protected saveButtonsDisabled: _angular_core.Signal<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private stickyState;
+    private lastStickyChange;
+    private setupStickyObserver;
+    protected toggleAnswer(text: string): void;
+    protected toggleAddOtherAnswers(): void;
+    protected addCustomAnswers(): void;
+    protected cancelCustomAnswers(): void;
+    protected onSave(): void;
+    protected onSaveAndNext(): void;
+    protected getFocusAreaTitle(focusArea: FocusAreaDomainEnum): string;
+    protected formatCategoryName(category: string): string;
+    protected formatFocusAreaName(focusArea: string): string;
+    protected isLightMode(): boolean;
+    protected skeletonClasses(): string;
+    protected savingTextClasses(): string;
+    protected statusHeaderClasses(): string;
+    protected statusTitleClasses(): string;
+    protected progressBarContainerClasses(): string;
+    protected progressBarFillClasses(): string;
+    protected progressTextClasses(): string;
+    protected breadcrumbClasses(): string;
+    protected stickyHeaderClasses(): string;
+    protected questionTextClasses(): string;
+    protected contextTextClasses(): string;
+    protected relatedLabelClasses(): string;
+    protected focusAreaChipClasses(): string;
+    protected checkboxRowClasses(): string;
+    protected checkboxClasses(): string;
+    protected checkboxLabelClasses(): string;
+    protected textareaClasses(): string;
+    protected cancelButtonClasses(): string;
+    protected addButtonClasses(): string;
+    protected addOtherAnswersButtonClasses(): string;
+    protected footerClasses(): string;
+    protected saveButtonClasses(): string;
+    protected saveAndNextButtonClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionAnswerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionAnswerComponent, "symphiq-shop-profile-question-answer", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "filteredQuestions": { "alias": "filteredQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; "saveClick": "saveClick"; "saveAndNextClick": "saveAndNextClick"; "navigateToList": "navigateToList"; "navigateToNextQuestion": "navigateToNextQuestion"; }, never, never, true, never>;
+}
+
 interface FocusAreaCardData {
     domain: FocusAreaDomainEnum;
     title: string;
@@ -3931,7 +3942,7 @@ declare class MetricExecutiveSummaryComponent {
     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-700" | "text-slate-300">;
-    protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    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-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
@@ -3950,7 +3961,7 @@ declare class MetricExecutiveSummaryComponent {
     protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
     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-600" | "text-blue-400">;
+    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-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">;
@@ -4004,12 +4015,112 @@ declare class StickySubscriptionContinueButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StickySubscriptionContinueButtonComponent, "symphiq-sticky-subscription-continue-button", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "isEnabled": { "alias": "isEnabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "continueClick": "continueClick"; }, never, never, true, never>;
 }
 
+interface CategoryProgressItem {
+    id: string;
+    label: string;
+    name: string;
+    totalQuestions: number;
+    answeredQuestions: number;
+    progress: number;
+}
+declare class ShopProfileCategoryListComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    items: _angular_core.InputSignal<CategoryProgressItem[]>;
+    delayAnimation: _angular_core.InputSignal<boolean>;
+    itemClick: _angular_core.OutputEmitterRef<CategoryProgressItem>;
+    protected onItemClick(item: CategoryProgressItem): void;
+    protected getButtonText(item: CategoryProgressItem): string;
+    protected getCardClasses(): string;
+    protected getLabelClasses(): string;
+    protected getNameClasses(): string;
+    protected getButtonClasses(item: CategoryProgressItem): string;
+    protected getProgressBarContainerClasses(): string;
+    protected getProgressBarFillClasses(): string;
+    protected getProgressTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileCategoryListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileCategoryListComponent, "symphiq-shop-profile-category-list", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "delayAnimation": { "alias": "delayAnimation"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+type ShopProfileViewType = 'category' | 'focus-area';
+declare class ShopProfileViewToggleComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    currentView: _angular_core.InputSignal<ShopProfileViewType>;
+    viewChanged: _angular_core.OutputEmitterRef<ShopProfileViewType>;
+    protected selectView(view: ShopProfileViewType): void;
+    protected getContainerClasses(): string;
+    protected getButtonClasses(view: ShopProfileViewType): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileViewToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileViewToggleComponent, "symphiq-shop-profile-view-toggle", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentView": { "alias": "currentView"; "required": false; "isSignal": true; }; }, { "viewChanged": "viewChanged"; }, never, never, true, never>;
+}
+
+declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    totalQuestions: _angular_core.InputSignal<number>;
+    answeredQuestions: _angular_core.InputSignal<number>;
+    questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
+    startAnsweringAll: _angular_core.InputSignal<boolean>;
+    currentUser: _angular_core.InputSignal<UserInterface | null | undefined>;
+    startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
+    questionAnswerRequested: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
+    answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    adminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
+    chartDiv: ElementRef;
+    private root?;
+    private chartElement?;
+    private chartSeries?;
+    private centerLabel?;
+    protected currentView: _angular_core.WritableSignal<ShopProfileViewType>;
+    protected questionsModalOpen: _angular_core.WritableSignal<boolean>;
+    protected selectedCategoryId: _angular_core.WritableSignal<string | null>;
+    protected selectedFocusAreaId: _angular_core.WritableSignal<string | null>;
+    protected showAllQuestions: _angular_core.WritableSignal<boolean>;
+    protected startDirectAnswer: _angular_core.WritableSignal<boolean>;
+    protected computedAnsweredCount: _angular_core.Signal<number>;
+    protected completionPercentage: _angular_core.Signal<number>;
+    protected notStartedPercentage: _angular_core.Signal<number>;
+    protected shouldShowFullIntro: _angular_core.Signal<boolean>;
+    protected hasQuestions: _angular_core.Signal<boolean>;
+    protected showAdminButtons: _angular_core.Signal<boolean>;
+    protected unansweredQuestions: _angular_core.Signal<number>;
+    protected questionsByCategory: _angular_core.Signal<CategoryProgressItem[]>;
+    protected questionsByFocusArea: _angular_core.Signal<CategoryProgressItem[]>;
+    protected currentGroupedQuestions: _angular_core.Signal<CategoryProgressItem[]>;
+    constructor();
+    private updateChartData;
+    protected handleViewChange(view: ShopProfileViewType): void;
+    protected handleItemClick(item: CategoryProgressItem): void;
+    protected onQuestionsModalClose(): void;
+    openAllQuestionsAnswerMode(): void;
+    protected onQuestionAnswerClick(question: ProfileShopQuestionInterface): void;
+    protected onAnswerSave(event: ProfileQuestionAnswerSaveEvent): void;
+    private formatCategoryName;
+    private formatFocusAreaName;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private createChart;
+    protected containerClasses(): string;
+    protected headerClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected subtitleClasses(): string;
+    protected contentClasses(): string;
+    protected getIntroductionContainerClasses(): string;
+    protected getIntroIconClasses(): string;
+    protected getIntroTitleClasses(): string;
+    protected getIntroTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileStatusCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStatusCardComponent, "symphiq-shop-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "startAnsweringAll": { "alias": "startAnsweringAll"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; "answerSave": "answerSave"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
+}
+
 declare class ShopProfileStickyFooterComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     totalQuestions: _angular_core.InputSignal<number>;
     answeredQuestions: _angular_core.InputSignal<number>;
     continueClick: _angular_core.OutputEmitterRef<void>;
-    protected buttonText: _angular_core.Signal<"Start Answering Questions" | "Review Your Answers" | "Continue Answering Questions">;
+    protected buttonText: _angular_core.Signal<"Start Answering Questions" | "Continue Answering Questions" | "Review Your Answers">;
     protected onContinueClick(): void;
     protected getFooterClasses(): string;
     protected getButtonClasses(): string;
@@ -4335,7 +4446,7 @@ declare class SearchModalComponent {
     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">;
+    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-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
@@ -4481,7 +4592,7 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     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-700" | "text-slate-300">;
     protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
-    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">;
+    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">;
     protected shimmerClasses: _angular_core.Signal<string>;
@@ -4506,7 +4617,7 @@ declare class RelatedContentSidebarComponent {
     protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     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-600" | "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 chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
@@ -4526,7 +4637,7 @@ declare class ContentGenerationProgressComponent {
     protected progressPercentage: _angular_core.Signal<number>;
     protected progressMessage: _angular_core.Signal<string>;
     protected isLightMode: _angular_core.Signal<boolean>;
-    protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-900 to-slate-800" | "bg-gradient-to-br from-slate-50 to-white">;
+    protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-50 to-white" | "bg-gradient-to-br from-slate-900 to-slate-800">;
     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">;
@@ -4969,11 +5080,11 @@ declare class FocusAreaDetailCardComponent {
     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">;
     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">;
     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">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected toggleCompetitiveGap(): void;
     onExpandItem(event: CustomEvent): void;
@@ -5049,11 +5160,11 @@ declare class CompetitorAnalysisCardComponent {
     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">;
     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">;
     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">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected navigateToItem(item: ProfileItemInterface): void;
     onExpandItem(event: CustomEvent): void;