@eric-emg/symphiq-components 1.2.475 → 1.2.476

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.
@@ -1,4 +1,4 @@
1
- import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, FocusAreaHealthEnum, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ProfileAnswerActionEnum, ChargebeeSubscriptionStatusEnumUtil, ProfileAnalysisTypeEnum, BarChartUseCaseEnum } from '@jebgem/model';
1
+ import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, FocusAreaHealthEnum, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ProfileAnswerActionEnum, ChargebeeSubscriptionStatusEnumUtil, ProfileAnalysisTypeEnum, ProfileAnalysisReviewStatusEnum, BarChartUseCaseEnum } from '@jebgem/model';
2
2
  export * from '@jebgem/model';
3
3
  import * as i0 from '@angular/core';
4
4
  import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, ViewChild, PLATFORM_ID, Inject, Input, afterNextRender, NgZone } from '@angular/core';
@@ -95390,7 +95390,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95390
95390
  static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
95391
95391
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
95392
95392
  i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
95393
- } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 69, vars: 29, consts: [[1, "min-h-screen", "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer"], [1, "px-6", "pb-4"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "space-y-2", "cursor-pointer", 3, "click"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
95393
+ } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 69, vars: 29, consts: [[1, "min-h-screen", "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "space-y-2", "cursor-pointer", "mt-4", 3, "click"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
95394
95394
  i0.ɵɵelementStart(0, "div", 0);
95395
95395
  i0.ɵɵelement(1, "div", 1);
95396
95396
  i0.ɵɵelementStart(2, "div", 2);
@@ -95684,7 +95684,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95684
95684
  </p>
95685
95685
 
95686
95686
  @if (focusArea.engagementStatus === FocusAreaDetailStatusEnum.ENGAGED && focusArea.tools.length > 0) {
95687
- <div class="mt-3 mb-2">
95687
+ <div class="mt-3 mb-4">
95688
95688
  <div class="flex items-center gap-2">
95689
95689
  <span [ngClass]="getToolsLabelClasses()" class="text-xs font-medium">Marketing Tools:</span>
95690
95690
  <div class="flex flex-wrap gap-1.5">
@@ -95704,7 +95704,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95704
95704
  <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
95705
95705
  </div>
95706
95706
  } @else if ((focusArea.selfContentStatusProfileFocusArea === AiDynamicContentStatusEnum.GENERATED && (focusArea.selfContentStatusProfileAnalysis === null || focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED)) || focusArea.status !== 'pending') {
95707
- <div class="space-y-2 cursor-pointer" (click)="handleFooterClick(focusArea.profileFocusArea)">
95707
+ <div class="space-y-2 cursor-pointer mt-4" (click)="handleFooterClick(focusArea.profileFocusArea)">
95708
95708
  <div class="flex items-center justify-between text-sm">
95709
95709
  <span [class]="getLabelClasses()">Profile progress</span>
95710
95710
  <span [class]="getValueClasses()">
@@ -96504,12 +96504,12 @@ class FocusAreaWelcomeBannerComponent {
96504
96504
  const _c0$5 = ["funnelModalComponent"];
96505
96505
  const _forTrack0$5 = ($index, $item) => $item.id;
96506
96506
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
96507
- i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
96508
- i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 23);
96509
- i0.ɵɵelementStart(3, "div", 24)(4, "h3", 25);
96507
+ i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
96508
+ i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 24);
96509
+ i0.ɵɵelementStart(3, "div", 25)(4, "h3", 26);
96510
96510
  i0.ɵɵtext(5, " Loading Your Focus Area Analysis ");
96511
96511
  i0.ɵɵelementEnd();
96512
- i0.ɵɵelementStart(6, "p", 26);
96512
+ i0.ɵɵelementStart(6, "p", 27);
96513
96513
  i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
96514
96514
  i0.ɵɵelementEnd()()()();
96515
96515
  } if (rf & 2) {
@@ -96523,10 +96523,10 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
96523
96523
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
96524
96524
  } }
96525
96525
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
96526
- i0.ɵɵelementStart(0, "div", 19);
96527
- i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 20);
96526
+ i0.ɵɵelementStart(0, "div", 20);
96527
+ i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 21);
96528
96528
  i0.ɵɵelementEnd();
96529
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 21);
96529
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 22);
96530
96530
  } if (rf & 2) {
96531
96531
  const ctx_r1 = i0.ɵɵnextContext();
96532
96532
  i0.ɵɵadvance();
@@ -96535,8 +96535,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
96535
96535
  i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
96536
96536
  } }
96537
96537
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
96538
- i0.ɵɵelementStart(0, "div", 28);
96539
- i0.ɵɵelement(1, "symphiq-content-generation-progress", 30);
96538
+ i0.ɵɵelementStart(0, "div", 29);
96539
+ i0.ɵɵelement(1, "symphiq-content-generation-progress", 31);
96540
96540
  i0.ɵɵelementEnd();
96541
96541
  } if (rf & 2) {
96542
96542
  const ctx_r1 = i0.ɵɵnextContext(3);
@@ -96546,7 +96546,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96546
96546
  } }
96547
96547
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
96548
96548
  const _r3 = i0.ɵɵgetCurrentView();
96549
- i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 31);
96549
+ i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 32);
96550
96550
  i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
96551
96551
  i0.ɵɵelementEnd();
96552
96552
  } if (rf & 2) {
@@ -96554,8 +96554,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96554
96554
  i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
96555
96555
  } }
96556
96556
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
96557
- i0.ɵɵelementStart(0, "div", 27);
96558
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 28)(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 29);
96557
+ i0.ɵɵelementStart(0, "div", 28);
96558
+ i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 29)(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 30);
96559
96559
  i0.ɵɵelementEnd();
96560
96560
  } if (rf & 2) {
96561
96561
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -96564,7 +96564,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96564
96564
  } }
96565
96565
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
96566
96566
  i0.ɵɵelementStart(0, "div");
96567
- i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 32);
96567
+ i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 33);
96568
96568
  i0.ɵɵelementEnd();
96569
96569
  } if (rf & 2) {
96570
96570
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -96572,7 +96572,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96572
96572
  i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
96573
96573
  } }
96574
96574
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
96575
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 27);
96575
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 28);
96576
96576
  i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template, 2, 8, "div");
96577
96577
  } if (rf & 2) {
96578
96578
  const ctx_r1 = i0.ɵɵnextContext();
@@ -96582,7 +96582,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Templat
96582
96582
  } }
96583
96583
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
96584
96584
  const _r4 = i0.ɵɵgetCurrentView();
96585
- i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 35);
96585
+ i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 36);
96586
96586
  i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
96587
96587
  i0.ɵɵelementEnd();
96588
96588
  } if (rf & 2) {
@@ -96590,21 +96590,21 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96590
96590
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("allGoals", ctx_r1.allGoals());
96591
96591
  } }
96592
96592
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
96593
- i0.ɵɵelement(0, "symphiq-section-divider", 36);
96593
+ i0.ɵɵelement(0, "symphiq-section-divider", 37);
96594
96594
  } if (rf & 2) {
96595
96595
  const sectionList_r5 = i0.ɵɵnextContext();
96596
96596
  const ctx_r1 = i0.ɵɵnextContext(2);
96597
96597
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r5[0].icon);
96598
96598
  } }
96599
96599
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
96600
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 36);
96600
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 37);
96601
96601
  } if (rf & 2) {
96602
96602
  const sectionList_r5 = ctx;
96603
96603
  i0.ɵɵconditional(sectionList_r5.length > 0 && sectionList_r5[0].icon ? 0 : -1);
96604
96604
  } }
96605
96605
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
96606
- i0.ɵɵelementStart(0, "div", 39);
96607
- i0.ɵɵelement(1, "symphiq-icon", 44);
96606
+ i0.ɵɵelementStart(0, "div", 40);
96607
+ i0.ɵɵelement(1, "symphiq-icon", 45);
96608
96608
  i0.ɵɵelementEnd();
96609
96609
  } if (rf & 2) {
96610
96610
  const section_r6 = i0.ɵɵnextContext().$implicit;
@@ -96614,8 +96614,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96614
96614
  i0.ɵɵproperty("icon", section_r6.icon);
96615
96615
  } }
96616
96616
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
96617
- i0.ɵɵelementStart(0, "div", 46);
96618
- i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 48);
96617
+ i0.ɵɵelementStart(0, "div", 47);
96618
+ i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 49);
96619
96619
  i0.ɵɵelementEnd();
96620
96620
  } if (rf & 2) {
96621
96621
  const section_r6 = i0.ɵɵnextContext(2).$implicit;
@@ -96624,7 +96624,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96624
96624
  i0.ɵɵproperty("visual", section_r6.visual)("viewMode", ctx_r1.viewMode());
96625
96625
  } }
96626
96626
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
96627
- i0.ɵɵelementStart(0, "div", 49)(1, "p", 50);
96627
+ i0.ɵɵelementStart(0, "div", 50)(1, "p", 51);
96628
96628
  i0.ɵɵtext(2);
96629
96629
  i0.ɵɵelementEnd()();
96630
96630
  } if (rf & 2) {
@@ -96637,9 +96637,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96637
96637
  i0.ɵɵtextInterpolate1(" ", section_r6.description, " ");
96638
96638
  } }
96639
96639
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
96640
- i0.ɵɵelementStart(0, "div", 45);
96641
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 46);
96642
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 47);
96640
+ i0.ɵɵelementStart(0, "div", 46);
96641
+ i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 47);
96642
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 48);
96643
96643
  i0.ɵɵelementEnd();
96644
96644
  } if (rf & 2) {
96645
96645
  const ctx_r6 = i0.ɵɵnextContext();
@@ -96652,7 +96652,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96652
96652
  i0.ɵɵconditional(section_r6.description ? 2 : -1);
96653
96653
  } }
96654
96654
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
96655
- i0.ɵɵelement(0, "symphiq-section-divider", 36);
96655
+ i0.ɵɵelement(0, "symphiq-section-divider", 37);
96656
96656
  } if (rf & 2) {
96657
96657
  const ɵ$index_63_r8 = i0.ɵɵnextContext().$index;
96658
96658
  const sectionList_r9 = i0.ɵɵnextContext();
@@ -96660,15 +96660,15 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96660
96660
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$index_63_r8 + 1].icon);
96661
96661
  } }
96662
96662
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
96663
- i0.ɵɵelementStart(0, "div", 37)(1, "div", 38);
96664
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 39);
96665
- i0.ɵɵelementStart(3, "div", 40)(4, "h3", 41);
96663
+ i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
96664
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 40);
96665
+ i0.ɵɵelementStart(3, "div", 41)(4, "h3", 42);
96666
96666
  i0.ɵɵtext(5);
96667
96667
  i0.ɵɵelementEnd()()();
96668
- i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 42);
96669
- i0.ɵɵelement(7, "symphiq-profile-section-content", 43);
96668
+ i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 43);
96669
+ i0.ɵɵelement(7, "symphiq-profile-section-content", 44);
96670
96670
  i0.ɵɵelementEnd();
96671
- i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 36);
96671
+ i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 37);
96672
96672
  } if (rf & 2) {
96673
96673
  const section_r6 = ctx.$implicit;
96674
96674
  const ɵ$index_63_r8 = ctx.$index;
@@ -96689,7 +96689,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96689
96689
  i0.ɵɵconditional(!(ɵ$index_63_r8 === ɵ$count_63_r10 - 1) ? 8 : -1);
96690
96690
  } }
96691
96691
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
96692
- i0.ɵɵelementStart(0, "section", 34);
96692
+ i0.ɵɵelementStart(0, "section", 35);
96693
96693
  i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$5);
96694
96694
  i0.ɵɵelementEnd();
96695
96695
  } if (rf & 2) {
@@ -96697,9 +96697,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96697
96697
  i0.ɵɵrepeater(ctx);
96698
96698
  } }
96699
96699
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
96700
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 33);
96700
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 34);
96701
96701
  i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Template, 1, 1);
96702
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 34);
96702
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 35);
96703
96703
  } if (rf & 2) {
96704
96704
  let tmp_2_0;
96705
96705
  let tmp_3_0;
@@ -96776,6 +96776,39 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_22_Templa
96776
96776
  const ctx_r1 = i0.ɵɵnextContext();
96777
96777
  i0.ɵɵproperty("opportunity", data_r18.opportunity)("viewMode", data_r18.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
96778
96778
  } }
96779
+ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
96780
+ i0.ɵɵnamespaceSVG();
96781
+ i0.ɵɵelementStart(0, "svg", 54);
96782
+ i0.ɵɵelement(1, "circle", 55)(2, "path", 56);
96783
+ i0.ɵɵelementEnd();
96784
+ i0.ɵɵnamespaceHTML();
96785
+ i0.ɵɵelementStart(3, "span");
96786
+ i0.ɵɵtext(4, "Marking as Reviewed...");
96787
+ i0.ɵɵelementEnd();
96788
+ } }
96789
+ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
96790
+ i0.ɵɵelementStart(0, "span");
96791
+ i0.ɵɵtext(1, "Mark Analysis as Reviewed");
96792
+ i0.ɵɵelementEnd();
96793
+ i0.ɵɵnamespaceSVG();
96794
+ i0.ɵɵelementStart(2, "svg", 57);
96795
+ i0.ɵɵelement(3, "path", 58);
96796
+ i0.ɵɵelementEnd();
96797
+ } }
96798
+ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
96799
+ const _r19 = i0.ɵɵgetCurrentView();
96800
+ i0.ɵɵelementStart(0, "div", 19)(1, "div", 52)(2, "button", 53);
96801
+ i0.ɵɵlistener("click", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleMarkAsReviewedClick()); });
96802
+ i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_3_Template, 5, 0)(4, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_4_Template, 4, 0);
96803
+ i0.ɵɵelementEnd()()();
96804
+ } if (rf & 2) {
96805
+ const ctx_r1 = i0.ɵɵnextContext();
96806
+ i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/95 border-slate-200" : "bg-slate-900/95 border-slate-700/50");
96807
+ i0.ɵɵadvance(2);
96808
+ i0.ɵɵproperty("disabled", ctx_r1.isMarkingAsReviewed())("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100" : "bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100");
96809
+ i0.ɵɵadvance();
96810
+ i0.ɵɵconditional(ctx_r1.isMarkingAsReviewed() ? 3 : 4);
96811
+ } }
96779
96812
  class SymphiqProfileAnalysisFocusAreaDashboardComponent {
96780
96813
  constructor() {
96781
96814
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -96789,7 +96822,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
96789
96822
  this.scrollElement = input(null, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
96790
96823
  this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
96791
96824
  this.itemStatusProfileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "itemStatusProfileAnalysis" }] : []));
96825
+ this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
96792
96826
  this.nextStepClick = output();
96827
+ this.markAsReviewedClick = output();
96793
96828
  this.funnelAnalysisSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "funnelAnalysisSignal" }] : []));
96794
96829
  this.headerScrollService = inject(HeaderScrollService);
96795
96830
  this.modalService = inject(ModalService);
@@ -96816,6 +96851,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
96816
96851
  this.shouldShowHeaderControls = computed(() => {
96817
96852
  return !!this.profileAnalysis();
96818
96853
  }, ...(ngDevMode ? [{ debugName: "shouldShowHeaderControls" }] : []));
96854
+ this.shouldShowReviewFooter = computed(() => {
96855
+ const profileAnalysis = this.profileAnalysis();
96856
+ if (!profileAnalysis)
96857
+ return false;
96858
+ return profileAnalysis.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
96859
+ }, ...(ngDevMode ? [{ debugName: "shouldShowReviewFooter" }] : []));
96819
96860
  this.COLLAPSE_THRESHOLD = 20;
96820
96861
  this.EXPAND_THRESHOLD = 10;
96821
96862
  this.embeddedScrollEffect = effect(() => {
@@ -97080,6 +97121,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97080
97121
  closeViewModeSwitcher() {
97081
97122
  this.isViewModeSwitcherOpen.set(false);
97082
97123
  }
97124
+ handleMarkAsReviewedClick() {
97125
+ this.markAsReviewedClick.emit();
97126
+ }
97083
97127
  openGoalModal(goal) {
97084
97128
  this.modalService.navigateToGoalDetail(goal, this.viewMode());
97085
97129
  }
@@ -97215,7 +97259,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97215
97259
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
97216
97260
  } }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
97217
97261
  i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
97218
- } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"] }, outputs: { nextStepClick: "nextStepClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 26, vars: 40, consts: [["funnelModalComponent", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
97262
+ } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 43, consts: [["funnelModalComponent", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], ["type", "button", 1, "w-full", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", "group", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200", "group-hover:translate-x-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
97219
97263
  const _r1 = i0.ɵɵgetCurrentView();
97220
97264
  i0.ɵɵelementStart(0, "div", 1);
97221
97265
  i0.ɵɵelement(1, "div", 2);
@@ -97248,12 +97292,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97248
97292
  i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_21_Template, 1, 5, "symphiq-gap-detail-modal-content", 17);
97249
97293
  i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_22_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 18);
97250
97294
  i0.ɵɵelementEnd();
97251
- i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0)(25, "symphiq-tooltip-container");
97295
+ i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0);
97296
+ i0.ɵɵconditionalCreate(25, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template, 5, 4, "div", 19);
97297
+ i0.ɵɵelement(26, "symphiq-tooltip-container");
97252
97298
  i0.ɵɵelementEnd()();
97253
97299
  } if (rf & 2) {
97254
- let tmp_6_0;
97255
97300
  let tmp_13_0;
97256
- let tmp_30_0;
97257
97301
  let tmp_31_0;
97258
97302
  let tmp_32_0;
97259
97303
  let tmp_33_0;
@@ -97261,6 +97305,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97261
97305
  let tmp_35_0;
97262
97306
  let tmp_36_0;
97263
97307
  let tmp_37_0;
97308
+ let tmp_38_0;
97264
97309
  i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
97265
97310
  i0.ɵɵadvance();
97266
97311
  i0.ɵɵclassProp("light-mode", ctx.isLightMode());
@@ -97270,8 +97315,10 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97270
97315
  i0.ɵɵstyleProp("width", ctx.scrollProgress(), "%");
97271
97316
  i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
97272
97317
  i0.ɵɵadvance(2);
97273
- i0.ɵɵproperty("title", ((tmp_6_0 = ctx.profileAnalysis()) == null ? null : tmp_6_0.profileAnalysisStructured == null ? null : tmp_6_0.profileAnalysisStructured.businessName) || "Focus Area Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
97274
- i0.ɵɵadvance(2);
97318
+ i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Focus Area")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
97319
+ i0.ɵɵadvance();
97320
+ i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
97321
+ i0.ɵɵadvance();
97275
97322
  i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
97276
97323
  i0.ɵɵadvance();
97277
97324
  i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
@@ -97288,21 +97335,23 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97288
97335
  i0.ɵɵadvance();
97289
97336
  i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
97290
97337
  i0.ɵɵadvance();
97291
- i0.ɵɵconditional((tmp_30_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_30_0);
97338
+ i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_31_0);
97292
97339
  i0.ɵɵadvance();
97293
- i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_31_0);
97340
+ i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_32_0);
97294
97341
  i0.ɵɵadvance();
97295
- i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_32_0);
97342
+ i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_33_0);
97296
97343
  i0.ɵɵadvance();
97297
- i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_33_0);
97344
+ i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_34_0);
97298
97345
  i0.ɵɵadvance();
97299
- i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_34_0);
97346
+ i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_35_0);
97300
97347
  i0.ɵɵadvance();
97301
- i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_35_0);
97348
+ i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_36_0);
97302
97349
  i0.ɵɵadvance();
97303
- i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_36_0);
97350
+ i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_37_0);
97304
97351
  i0.ɵɵadvance();
97305
- i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_37_0);
97352
+ i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_38_0);
97353
+ i0.ɵɵadvance(3);
97354
+ i0.ɵɵconditional(ctx.shouldShowReviewFooter() ? 25 : -1);
97306
97355
  } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
97307
97356
  SearchModalComponent,
97308
97357
  ViewModeSwitcherModalComponent,
@@ -97383,9 +97432,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97383
97432
  <div class="relative z-[51]">
97384
97433
  <!-- Dashboard Header -->
97385
97434
  <symphiq-dashboard-header
97386
- [title]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'Focus Area Analysis'"
97387
- [subtitle]="getAnalysisSubtitle()"
97388
- [currentSection]="getAnalysisSubtitle()"
97435
+ [title]="getAnalysisSubtitle()"
97436
+ [subtitle]="''"
97437
+ [currentSection]="'Focus Area'"
97389
97438
  [viewMode]="viewMode()"
97390
97439
  [viewModeLabel]="displayModeLabel()"
97391
97440
  [isLoading]="isLoading()"
@@ -97397,7 +97446,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97397
97446
  />
97398
97447
 
97399
97448
  <!-- Main Content -->
97400
- <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12">
97449
+ <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12"
97450
+ [class.pb-32]="shouldShowReviewFooter()">
97401
97451
 
97402
97452
  <!-- Welcome Banner (Simplified View Only) -->
97403
97453
  @if (isSimplifiedView()) {
@@ -97686,6 +97736,44 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97686
97736
  #funnelModalComponent
97687
97737
  />
97688
97738
 
97739
+ <!-- Mark as Reviewed Sticky Footer -->
97740
+ @if (shouldShowReviewFooter()) {
97741
+ <div
97742
+ [ngClass]="isLightMode() ? 'bg-white/95 border-slate-200' : 'bg-slate-900/95 border-slate-700/50'"
97743
+ class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-lg"
97744
+ >
97745
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
97746
+ <button
97747
+ type="button"
97748
+ [disabled]="isMarkingAsReviewed()"
97749
+ (click)="handleMarkAsReviewedClick()"
97750
+ [ngClass]="isLightMode()
97751
+ ? 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'
97752
+ : 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'"
97753
+ class="w-full px-6 py-4 rounded-xl font-semibold text-lg transition-all duration-300 flex items-center justify-center gap-3 shadow-2xl group"
97754
+ >
97755
+ @if (isMarkingAsReviewed()) {
97756
+ <svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
97757
+ <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
97758
+ <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
97759
+ </svg>
97760
+ <span>Marking as Reviewed...</span>
97761
+ } @else {
97762
+ <span>Mark Analysis as Reviewed</span>
97763
+ <svg
97764
+ class="w-6 h-6 transition-transform duration-200 group-hover:translate-x-1"
97765
+ fill="none"
97766
+ stroke="currentColor"
97767
+ viewBox="0 0 24 24"
97768
+ >
97769
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
97770
+ </svg>
97771
+ }
97772
+ </button>
97773
+ </div>
97774
+ </div>
97775
+ }
97776
+
97689
97777
  <!-- Tooltip Container -->
97690
97778
  <symphiq-tooltip-container />
97691
97779
  </div>
@@ -97695,11 +97783,11 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97695
97783
  }], null, { funnelModalComponent: [{
97696
97784
  type: ViewChild,
97697
97785
  args: ['funnelModalComponent']
97698
- }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], onWindowScroll: [{
97786
+ }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], onWindowScroll: [{
97699
97787
  type: HostListener,
97700
97788
  args: ['window:scroll', ['$event']]
97701
97789
  }] }); })();
97702
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 468 }); })();
97790
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 508 }); })();
97703
97791
 
97704
97792
  const _forTrack0$4 = ($index, $item) => $item.id;
97705
97793
  function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {