@eric-emg/symphiq-components 1.2.475 → 1.2.477

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';
@@ -94707,7 +94707,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Templa
94707
94707
  i0.ɵɵelementEnd();
94708
94708
  } if (rf & 2) {
94709
94709
  const ctx_r1 = i0.ɵɵnextContext();
94710
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.forDemo() || ctx_r1.allInterestedFocusAreasGenerated())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
94710
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.forDemo() || ctx_r1.allInterestedFocusAreasAnalysisReviewed())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
94711
94711
  } }
94712
94712
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94713
94713
  i0.ɵɵelementStart(0, "div", 41);
@@ -94725,8 +94725,17 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7
94725
94725
  i0.ɵɵtext(1, " Analysis Ready ");
94726
94726
  i0.ɵɵelementEnd();
94727
94727
  } }
94728
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
94729
- i0.ɵɵelementStart(0, "span", 52);
94728
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94729
+ i0.ɵɵelementStart(0, "div", 43);
94730
+ i0.ɵɵnamespaceSVG();
94731
+ i0.ɵɵelementStart(1, "svg", 49);
94732
+ i0.ɵɵelement(2, "path", 50);
94733
+ i0.ɵɵelementEnd();
94734
+ i0.ɵɵtext(3, " Reviewed ");
94735
+ i0.ɵɵelementEnd();
94736
+ } }
94737
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
94738
+ i0.ɵɵelementStart(0, "span", 54);
94730
94739
  i0.ɵɵtext(1);
94731
94740
  i0.ɵɵelementEnd();
94732
94741
  } if (rf & 2) {
@@ -94736,12 +94745,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94736
94745
  i0.ɵɵadvance();
94737
94746
  i0.ɵɵtextInterpolate1(" ", tool_r4, " ");
94738
94747
  } }
94739
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_Template(rf, ctx) { if (rf & 1) {
94740
- i0.ɵɵelementStart(0, "div", 44)(1, "div", 49)(2, "span", 50);
94748
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template(rf, ctx) { if (rf & 1) {
94749
+ i0.ɵɵelementStart(0, "div", 45)(1, "div", 51)(2, "span", 52);
94741
94750
  i0.ɵɵtext(3, "Marketing Tools:");
94742
94751
  i0.ɵɵelementEnd();
94743
- i0.ɵɵelementStart(4, "div", 51);
94744
- i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_For_6_Template, 2, 2, "span", 52, i0.ɵɵrepeaterTrackByIdentity);
94752
+ i0.ɵɵelementStart(4, "div", 53);
94753
+ i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_For_6_Template, 2, 2, "span", 54, i0.ɵɵrepeaterTrackByIdentity);
94745
94754
  i0.ɵɵelementEnd()()();
94746
94755
  } if (rf & 2) {
94747
94756
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94751,54 +94760,54 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94751
94760
  i0.ɵɵadvance(3);
94752
94761
  i0.ɵɵrepeater(focusArea_r3.tools);
94753
94762
  } }
94754
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template(rf, ctx) { if (rf & 1) {
94755
- i0.ɵɵelementStart(0, "div", 45);
94756
- i0.ɵɵelement(1, "div", 53);
94757
- i0.ɵɵelementStart(2, "span", 54);
94763
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template(rf, ctx) { if (rf & 1) {
94764
+ i0.ɵɵelementStart(0, "div", 46);
94765
+ i0.ɵɵelement(1, "div", 55);
94766
+ i0.ɵɵelementStart(2, "span", 56);
94758
94767
  i0.ɵɵtext(3, "Profile Generation Pending");
94759
94768
  i0.ɵɵelementEnd()();
94760
94769
  } }
94761
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94762
- i0.ɵɵelementStart(0, "div", 58);
94770
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94771
+ i0.ɵɵelementStart(0, "div", 60);
94763
94772
  i0.ɵɵnamespaceSVG();
94764
- i0.ɵɵelementStart(1, "svg", 61);
94773
+ i0.ɵɵelementStart(1, "svg", 63);
94765
94774
  i0.ɵɵelement(2, "path", 29);
94766
94775
  i0.ɵɵelementEnd();
94767
94776
  i0.ɵɵtext(3, " Complete ");
94768
94777
  i0.ɵɵelementEnd();
94769
94778
  } }
94770
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
94771
- i0.ɵɵelementStart(0, "div", 59);
94779
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
94780
+ i0.ɵɵelementStart(0, "div", 61);
94772
94781
  i0.ɵɵnamespaceSVG();
94773
- i0.ɵɵelementStart(1, "svg", 61);
94774
- i0.ɵɵelement(2, "path", 62);
94782
+ i0.ɵɵelementStart(1, "svg", 63);
94783
+ i0.ɵɵelement(2, "path", 64);
94775
94784
  i0.ɵɵelementEnd();
94776
94785
  i0.ɵɵtext(3, " In Progress ");
94777
94786
  i0.ɵɵelementEnd();
94778
94787
  } }
94779
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_10_Template(rf, ctx) { if (rf & 1) {
94780
- i0.ɵɵelementStart(0, "div", 60);
94788
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
94789
+ i0.ɵɵelementStart(0, "div", 62);
94781
94790
  i0.ɵɵnamespaceSVG();
94782
- i0.ɵɵelementStart(1, "svg", 61);
94783
- i0.ɵɵelement(2, "path", 63);
94791
+ i0.ɵɵelementStart(1, "svg", 63);
94792
+ i0.ɵɵelement(2, "path", 65);
94784
94793
  i0.ɵɵelementEnd();
94785
94794
  i0.ɵɵtext(3, " Not Started ");
94786
94795
  i0.ɵɵelementEnd();
94787
94796
  } }
94788
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template(rf, ctx) { if (rf & 1) {
94797
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template(rf, ctx) { if (rf & 1) {
94789
94798
  const _r5 = i0.ɵɵgetCurrentView();
94790
- i0.ɵɵelementStart(0, "div", 55);
94791
- i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
94792
- i0.ɵɵelementStart(1, "div", 56)(2, "span");
94799
+ i0.ɵɵelementStart(0, "div", 57);
94800
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
94801
+ i0.ɵɵelementStart(1, "div", 58)(2, "span");
94793
94802
  i0.ɵɵtext(3, "Profile progress");
94794
94803
  i0.ɵɵelementEnd();
94795
94804
  i0.ɵɵelementStart(4, "span");
94796
94805
  i0.ɵɵtext(5);
94797
94806
  i0.ɵɵelementEnd()();
94798
94807
  i0.ɵɵelementStart(6, "div");
94799
- i0.ɵɵelement(7, "div", 57);
94808
+ i0.ɵɵelement(7, "div", 59);
94800
94809
  i0.ɵɵelementEnd();
94801
- i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_8_Template, 4, 0, "div", 58)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_9_Template, 4, 0, "div", 59)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_10_Template, 4, 0, "div", 60);
94810
+ i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_8_Template, 4, 0, "div", 60)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_9_Template, 4, 0, "div", 61)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_10_Template, 4, 0, "div", 62);
94802
94811
  i0.ɵɵelementEnd();
94803
94812
  } if (rf & 2) {
94804
94813
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94816,9 +94825,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94816
94825
  i0.ɵɵadvance();
94817
94826
  i0.ɵɵconditional(focusArea_r3.status === "complete" ? 8 : focusArea_r3.status === "in-progress" ? 9 : 10);
94818
94827
  } }
94819
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template(rf, ctx) { if (rf & 1) {
94820
- i0.ɵɵelementStart(0, "div", 47);
94821
- i0.ɵɵelement(1, "symphiq-content-generation-progress", 64);
94828
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template(rf, ctx) { if (rf & 1) {
94829
+ i0.ɵɵelementStart(0, "div", 48);
94830
+ i0.ɵɵelement(1, "symphiq-content-generation-progress", 66);
94822
94831
  i0.ɵɵelementEnd();
94823
94832
  } if (rf & 2) {
94824
94833
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94826,9 +94835,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94826
94835
  i0.ɵɵadvance();
94827
94836
  i0.ɵɵproperty("itemStatus", focusArea_r3.itemStatusProfileFocusArea ?? undefined)("viewMode", ctx_r1.viewMode())("compact", true)("compactTitle", "Generating Focus Area Profile");
94828
94837
  } }
94829
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template(rf, ctx) { if (rf & 1) {
94830
- i0.ɵɵelementStart(0, "div", 47);
94831
- i0.ɵɵelement(1, "symphiq-content-generation-progress", 64);
94838
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template(rf, ctx) { if (rf & 1) {
94839
+ i0.ɵɵelementStart(0, "div", 48);
94840
+ i0.ɵɵelement(1, "symphiq-content-generation-progress", 66);
94832
94841
  i0.ɵɵelementEnd();
94833
94842
  } if (rf & 2) {
94834
94843
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94836,39 +94845,61 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94836
94845
  i0.ɵɵadvance();
94837
94846
  i0.ɵɵproperty("itemStatus", focusArea_r3.itemStatusProfileAnalysis ?? undefined)("viewMode", ctx_r1.viewMode())("compact", true)("compactTitle", "Generating Focus Area Analysis");
94838
94847
  } }
94839
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
94848
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
94849
+ const _r6 = i0.ɵɵgetCurrentView();
94850
+ i0.ɵɵelementStart(0, "div", 69);
94851
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const focusArea_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea)); });
94852
+ i0.ɵɵelementStart(1, "div", 70)(2, "span", 71);
94853
+ i0.ɵɵnamespaceSVG();
94854
+ i0.ɵɵelementStart(3, "svg", 72);
94855
+ i0.ɵɵelement(4, "path", 73)(5, "path", 74);
94856
+ i0.ɵɵelementEnd();
94857
+ i0.ɵɵtext(6, " Review Analysis ");
94858
+ i0.ɵɵelementEnd();
94859
+ i0.ɵɵelementStart(7, "svg", 75);
94860
+ i0.ɵɵelement(8, "path", 76);
94861
+ i0.ɵɵelementEnd()()();
94862
+ } }
94863
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
94840
94864
  i0.ɵɵtext(0, " View Analysis ");
94841
94865
  } }
94842
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
94866
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
94843
94867
  i0.ɵɵtext(0, " View Details ");
94844
94868
  } }
94845
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
94869
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
94846
94870
  i0.ɵɵtext(0, " All Questions Answered ");
94847
94871
  } }
94848
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94872
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94849
94873
  i0.ɵɵtext(0, " Continue Answering Questions ");
94850
94874
  } }
94851
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
94875
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
94852
94876
  i0.ɵɵtext(0, " Start Answering Questions ");
94853
94877
  } }
94854
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template(rf, ctx) { if (rf & 1) {
94855
- const _r6 = i0.ɵɵgetCurrentView();
94856
- i0.ɵɵelementStart(0, "div", 65);
94857
- i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.profileAnalysis && focusArea_r3.profileFocusArea ? ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea) : ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
94858
- i0.ɵɵelementStart(1, "div", 66)(2, "span", 67);
94859
- i0.ɵɵconditionalCreate(3, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_3_Template, 1, 0)(4, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_4_Template, 1, 0)(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_5_Template, 1, 0)(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_6_Template, 1, 0)(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_7_Template, 1, 0);
94878
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
94879
+ const _r7 = i0.ɵɵgetCurrentView();
94880
+ i0.ɵɵelementStart(0, "div", 77);
94881
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r7); const focusArea_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.profileAnalysis && focusArea_r3.profileFocusArea ? ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea) : ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
94882
+ i0.ɵɵelementStart(1, "div", 70)(2, "span", 78);
94883
+ i0.ɵɵconditionalCreate(3, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_3_Template, 1, 0)(4, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_4_Template, 1, 0)(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_5_Template, 1, 0)(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_6_Template, 1, 0)(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_7_Template, 1, 0);
94860
94884
  i0.ɵɵelementEnd();
94861
94885
  i0.ɵɵnamespaceSVG();
94862
- i0.ɵɵelementStart(8, "svg", 68);
94863
- i0.ɵɵelement(9, "path", 69);
94886
+ i0.ɵɵelementStart(8, "svg", 79);
94887
+ i0.ɵɵelement(9, "path", 76);
94864
94888
  i0.ɵɵelementEnd()()();
94865
94889
  } if (rf & 2) {
94866
- const focusArea_r3 = i0.ɵɵnextContext().$implicit;
94890
+ const focusArea_r3 = i0.ɵɵnextContext(2).$implicit;
94867
94891
  const ctx_r1 = i0.ɵɵnextContext();
94868
94892
  i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
94869
94893
  i0.ɵɵadvance(3);
94870
94894
  i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED ? 3 : focusArea_r3.hasAnalysis ? 4 : focusArea_r3.status === "complete" ? 5 : focusArea_r3.status === "in-progress" ? 6 : 7);
94871
94895
  } }
94896
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Template(rf, ctx) { if (rf & 1) {
94897
+ i0.ɵɵconditionalCreate(0, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_0_Template, 9, 0, "div", 67)(1, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Template, 10, 3, "div", 68);
94898
+ } if (rf & 2) {
94899
+ const focusArea_r3 = i0.ɵɵnextContext().$implicit;
94900
+ const ctx_r1 = i0.ɵɵnextContext();
94901
+ i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && (focusArea_r3.profileAnalysis == null ? null : focusArea_r3.profileAnalysis.reviewStatus) === ctx_r1.ProfileAnalysisReviewStatusEnum.NOT_REVIEWED ? 0 : 1);
94902
+ } }
94872
94903
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
94873
94904
  i0.ɵɵelementStart(0, "div")(1, "div", 37)(2, "div", 38)(3, "div", 39);
94874
94905
  i0.ɵɵtext(4);
@@ -94876,18 +94907,19 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
94876
94907
  i0.ɵɵelementStart(5, "div", 40);
94877
94908
  i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template, 2, 2, "div", 41);
94878
94909
  i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7_Template, 2, 0, "div", 42);
94910
+ i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_8_Template, 4, 0, "div", 43);
94879
94911
  i0.ɵɵelementEnd()();
94880
- i0.ɵɵelementStart(8, "h3");
94881
- i0.ɵɵtext(9);
94912
+ i0.ɵɵelementStart(9, "h3");
94913
+ i0.ɵɵtext(10);
94882
94914
  i0.ɵɵelementEnd();
94883
- i0.ɵɵelementStart(10, "p", 43);
94884
- i0.ɵɵtext(11);
94915
+ i0.ɵɵelementStart(11, "p", 44);
94916
+ i0.ɵɵtext(12);
94885
94917
  i0.ɵɵelementEnd();
94886
- i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_Template, 7, 1, "div", 44);
94887
- i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template, 4, 0, "div", 45)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template, 11, 11, "div", 46);
94918
+ i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template, 7, 1, "div", 45);
94919
+ i0.ɵɵconditionalCreate(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template, 4, 0, "div", 46)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template, 11, 11, "div", 47);
94888
94920
  i0.ɵɵelementEnd();
94889
- i0.ɵɵconditionalCreate(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template, 2, 4, "div", 47)(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template, 2, 4, "div", 47);
94890
- i0.ɵɵconditionalCreate(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template, 10, 3, "div", 48);
94921
+ i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template, 2, 4, "div", 48)(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template, 2, 4, "div", 48);
94922
+ i0.ɵɵconditionalCreate(18, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Template, 2, 1);
94891
94923
  i0.ɵɵelementEnd();
94892
94924
  } if (rf & 2) {
94893
94925
  const focusArea_r3 = ctx.$implicit;
@@ -94900,6 +94932,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
94900
94932
  i0.ɵɵadvance();
94901
94933
  i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED ? 7 : -1);
94902
94934
  i0.ɵɵadvance();
94935
+ i0.ɵɵconditional((focusArea_r3.profileAnalysis == null ? null : focusArea_r3.profileAnalysis.reviewStatus) === ctx_r1.ProfileAnalysisReviewStatusEnum.REVIEWED ? 8 : -1);
94936
+ i0.ɵɵadvance();
94903
94937
  i0.ɵɵclassMap(ctx_r1.getTitleClasses());
94904
94938
  i0.ɵɵadvance();
94905
94939
  i0.ɵɵtextInterpolate1(" ", focusArea_r3.title, " ");
@@ -94909,35 +94943,35 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
94909
94943
  i0.ɵɵadvance();
94910
94944
  i0.ɵɵtextInterpolate1(" ", focusArea_r3.description, " ");
94911
94945
  i0.ɵɵadvance();
94912
- i0.ɵɵconditional(focusArea_r3.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r3.tools.length > 0 ? 12 : -1);
94946
+ i0.ɵɵconditional(focusArea_r3.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r3.tools.length > 0 ? 13 : -1);
94913
94947
  i0.ɵɵadvance();
94914
- i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileFocusArea === null && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 13 : focusArea_r3.selfContentStatusProfileFocusArea === ctx_r1.AiDynamicContentStatusEnum.GENERATED && (focusArea_r3.selfContentStatusProfileAnalysis === null || focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED) || focusArea_r3.status !== "pending" ? 14 : -1);
94948
+ i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileFocusArea === null && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 14 : focusArea_r3.selfContentStatusProfileFocusArea === ctx_r1.AiDynamicContentStatusEnum.GENERATED && (focusArea_r3.selfContentStatusProfileAnalysis === null || focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED) || focusArea_r3.status !== "pending" ? 15 : -1);
94915
94949
  i0.ɵɵadvance(2);
94916
- i0.ɵɵconditional(focusArea_r3.profileFocusArea && focusArea_r3.selfContentStatusProfileFocusArea !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 15 : focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 16 : -1);
94950
+ i0.ɵɵconditional(focusArea_r3.profileFocusArea && focusArea_r3.selfContentStatusProfileFocusArea !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 16 : focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 17 : -1);
94917
94951
  i0.ɵɵadvance(2);
94918
- i0.ɵɵconditional(focusArea_r3.canViewDetails && focusArea_r3.profileFocusArea && !(focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED) ? 17 : -1);
94952
+ i0.ɵɵconditional(focusArea_r3.canViewDetails && focusArea_r3.profileFocusArea && !(focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED) ? 18 : -1);
94919
94953
  } }
94920
94954
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94921
94955
  i0.ɵɵelementStart(0, "div", 41);
94922
94956
  i0.ɵɵtext(1);
94923
94957
  i0.ɵɵelementEnd();
94924
94958
  } if (rf & 2) {
94925
- const focusArea_r7 = i0.ɵɵnextContext().$implicit;
94959
+ const focusArea_r8 = i0.ɵɵnextContext().$implicit;
94926
94960
  const ctx_r1 = i0.ɵɵnextContext(2);
94927
- i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r7.engagementStatus));
94961
+ i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r8.engagementStatus));
94928
94962
  i0.ɵɵadvance();
94929
- i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r7.engagementStatus), " ");
94963
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r8.engagementStatus), " ");
94930
94964
  } }
94931
94965
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
94932
- const _r8 = i0.ɵɵgetCurrentView();
94933
- i0.ɵɵelementStart(0, "div", 65);
94934
- i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r8); const focusArea_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r7.profileFocusArea)); });
94935
- i0.ɵɵelementStart(1, "div", 66)(2, "span", 67);
94966
+ const _r9 = i0.ɵɵgetCurrentView();
94967
+ i0.ɵɵelementStart(0, "div", 77);
94968
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r9); const focusArea_r8 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r8.profileFocusArea)); });
94969
+ i0.ɵɵelementStart(1, "div", 70)(2, "span", 78);
94936
94970
  i0.ɵɵtext(3, "View Details");
94937
94971
  i0.ɵɵelementEnd();
94938
94972
  i0.ɵɵnamespaceSVG();
94939
- i0.ɵɵelementStart(4, "svg", 68);
94940
- i0.ɵɵelement(5, "path", 69);
94973
+ i0.ɵɵelementStart(4, "svg", 79);
94974
+ i0.ɵɵelement(5, "path", 76);
94941
94975
  i0.ɵɵelementEnd()()();
94942
94976
  } if (rf & 2) {
94943
94977
  const ctx_r1 = i0.ɵɵnextContext(3);
@@ -94953,40 +94987,40 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8
94953
94987
  i0.ɵɵelementStart(7, "h3");
94954
94988
  i0.ɵɵtext(8);
94955
94989
  i0.ɵɵelementEnd();
94956
- i0.ɵɵelementStart(9, "p", 43);
94990
+ i0.ɵɵelementStart(9, "p", 44);
94957
94991
  i0.ɵɵtext(10);
94958
94992
  i0.ɵɵelementEnd()();
94959
- i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template, 6, 2, "div", 48);
94993
+ i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template, 6, 2, "div", 68);
94960
94994
  i0.ɵɵelementEnd();
94961
94995
  } if (rf & 2) {
94962
- const focusArea_r7 = ctx.$implicit;
94996
+ const focusArea_r8 = ctx.$implicit;
94963
94997
  const ctx_r1 = i0.ɵɵnextContext(2);
94964
94998
  i0.ɵɵclassMap(ctx_r1.getCardClasses());
94965
94999
  i0.ɵɵadvance(4);
94966
- i0.ɵɵtextInterpolate(focusArea_r7.icon);
95000
+ i0.ɵɵtextInterpolate(focusArea_r8.icon);
94967
95001
  i0.ɵɵadvance(2);
94968
- i0.ɵɵconditional(focusArea_r7.engagementStatus ? 6 : -1);
95002
+ i0.ɵɵconditional(focusArea_r8.engagementStatus ? 6 : -1);
94969
95003
  i0.ɵɵadvance();
94970
95004
  i0.ɵɵclassMap(ctx_r1.getTitleClasses());
94971
95005
  i0.ɵɵadvance();
94972
- i0.ɵɵtextInterpolate1(" ", focusArea_r7.title, " ");
95006
+ i0.ɵɵtextInterpolate1(" ", focusArea_r8.title, " ");
94973
95007
  i0.ɵɵadvance();
94974
95008
  i0.ɵɵclassMap(ctx_r1.getDescriptionClasses());
94975
- i0.ɵɵproperty("libSymphiqTooltip", focusArea_r7.description);
95009
+ i0.ɵɵproperty("libSymphiqTooltip", focusArea_r8.description);
94976
95010
  i0.ɵɵadvance();
94977
- i0.ɵɵtextInterpolate1(" ", focusArea_r7.description, " ");
95011
+ i0.ɵɵtextInterpolate1(" ", focusArea_r8.description, " ");
94978
95012
  i0.ɵɵadvance();
94979
- i0.ɵɵconditional(focusArea_r7.canViewDetails && focusArea_r7.profileFocusArea ? 11 : -1);
95013
+ i0.ɵɵconditional(focusArea_r8.canViewDetails && focusArea_r8.profileFocusArea ? 11 : -1);
94980
95014
  } }
94981
95015
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
94982
- i0.ɵɵelementStart(0, "div", 35)(1, "div", 70);
94983
- i0.ɵɵelement(2, "div", 71);
94984
- i0.ɵɵelementStart(3, "span", 72);
95016
+ i0.ɵɵelementStart(0, "div", 35)(1, "div", 80);
95017
+ i0.ɵɵelement(2, "div", 81);
95018
+ i0.ɵɵelementStart(3, "span", 82);
94985
95019
  i0.ɵɵtext(4, "Not Interested");
94986
95020
  i0.ɵɵelementEnd();
94987
- i0.ɵɵelement(5, "div", 71);
95021
+ i0.ɵɵelement(5, "div", 81);
94988
95022
  i0.ɵɵelementEnd();
94989
- i0.ɵɵelementStart(6, "div", 73);
95023
+ i0.ɵɵelementStart(6, "div", 83);
94990
95024
  i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Template, 12, 12, "div", 34, _forTrack0$6);
94991
95025
  i0.ɵɵelementEnd()();
94992
95026
  } if (rf & 2) {
@@ -95001,9 +95035,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Templ
95001
95035
  i0.ɵɵrepeater(ctx_r1.notInterestedFocusAreaCards());
95002
95036
  } }
95003
95037
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
95004
- const _r9 = i0.ɵɵgetCurrentView();
95005
- i0.ɵɵelementStart(0, "symphiq-search-modal", 74);
95006
- i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
95038
+ const _r10 = i0.ɵɵgetCurrentView();
95039
+ i0.ɵɵelementStart(0, "symphiq-search-modal", 84);
95040
+ i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
95007
95041
  i0.ɵɵelementEnd();
95008
95042
  } }
95009
95043
  class SymphiqProfileFocusAreasAnalysesDashboardComponent {
@@ -95046,6 +95080,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95046
95080
  this.isSimplifiedView = computed(() => this.displayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
95047
95081
  this.FocusAreaDetailStatusEnum = FocusAreaDetailStatusEnum;
95048
95082
  this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
95083
+ this.ProfileAnalysisReviewStatusEnum = ProfileAnalysisReviewStatusEnum;
95049
95084
  this.COLLAPSE_THRESHOLD = 50;
95050
95085
  this.EXPAND_THRESHOLD = 30;
95051
95086
  this.embeddedScrollEffect = effect(() => {
@@ -95210,13 +95245,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95210
95245
  this.notInterestedFocusAreaCards = computed(() => {
95211
95246
  return this.focusAreaCards().filter(card => card.engagementStatus === FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST);
95212
95247
  }, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreaCards" }] : []));
95213
- this.allInterestedFocusAreasGenerated = computed(() => {
95248
+ this.allInterestedFocusAreasAnalysisReviewed = computed(() => {
95214
95249
  const interestedCards = this.interestedFocusAreaCards();
95215
95250
  if (interestedCards.length === 0) {
95216
95251
  return false;
95217
95252
  }
95218
- return interestedCards.every(card => card.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED);
95219
- }, ...(ngDevMode ? [{ debugName: "allInterestedFocusAreasGenerated" }] : []));
95253
+ return interestedCards.every(card => card.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED);
95254
+ }, ...(ngDevMode ? [{ debugName: "allInterestedFocusAreasAnalysisReviewed" }] : []));
95220
95255
  }
95221
95256
  onScroll() {
95222
95257
  this.headerScrollService.handleScroll(this.embedded());
@@ -95390,7 +95425,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95390
95425
  static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
95391
95426
  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
95427
  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) {
95428
+ } }, 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"], [1, "px-3", "py-1", "bg-gradient-to-r", "from-amber-100", "to-yellow-100", "dark:from-amber-900/40", "dark:to-yellow-900/40", "text-amber-700", "dark:text-amber-300", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-amber-300/50", "dark:border-amber-500/30", "shadow-sm"], ["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"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [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", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [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"], [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
95429
  i0.ɵɵelementStart(0, "div", 0);
95395
95430
  i0.ɵɵelement(1, "div", 1);
95396
95431
  i0.ɵɵelementStart(2, "div", 2);
@@ -95474,7 +95509,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95474
95509
  i0.ɵɵtext(62, " The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue. ");
95475
95510
  i0.ɵɵelementEnd()()()()()()();
95476
95511
  i0.ɵɵelementStart(63, "div", 33);
95477
- i0.ɵɵrepeaterCreate(64, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template, 18, 16, "div", 34, _forTrack0$6);
95512
+ i0.ɵɵrepeaterCreate(64, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template, 19, 17, "div", 34, _forTrack0$6);
95478
95513
  i0.ɵɵelementEnd();
95479
95514
  i0.ɵɵconditionalCreate(66, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template, 9, 3, "div", 35);
95480
95515
  i0.ɵɵelementEnd()();
@@ -95556,13 +95591,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95556
95591
  <!-- Journey Progress Indicator (Simplified View Only) -->
95557
95592
  @if (isSimplifiedView()) {
95558
95593
  <symphiq-journey-progress-indicator
95559
- [viewMode]="viewMode()"
95560
- [currentStepId]="currentStepId()"
95561
- [showNextStepAction]="forDemo() || allInterestedFocusAreasGenerated()"
95562
- [forDemo]="forDemo()"
95563
- [maxAccessibleStepId]="maxAccessibleStepId()"
95564
- (nextStepClick)="nextStepClick.emit()"
95565
- (stepClick)="stepClick.emit($event)"
95594
+ [viewMode]="viewMode()"
95595
+ [currentStepId]="currentStepId()"
95596
+ [showNextStepAction]="forDemo() || allInterestedFocusAreasAnalysisReviewed()"
95597
+ [forDemo]="forDemo()"
95598
+ [maxAccessibleStepId]="maxAccessibleStepId()"
95599
+ (nextStepClick)="nextStepClick.emit()"
95600
+ (stepClick)="stepClick.emit($event)"
95566
95601
  />
95567
95602
  }
95568
95603
 
@@ -95572,9 +95607,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95572
95607
  <div [ngClass]="getWelcomeBannerContainerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
95573
95608
  <div class="px-8 py-8">
95574
95609
  <div class="flex items-start gap-6">
95575
- <div [ngClass]="getWelcomeBannerIconClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
95610
+ <div [ngClass]="getWelcomeBannerIconClasses()"
95611
+ class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
95576
95612
  <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95577
- <path 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"></path>
95613
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
95614
+ 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"></path>
95578
95615
  </svg>
95579
95616
  </div>
95580
95617
 
@@ -95588,26 +95625,36 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95588
95625
  <!-- Description (takes 2 columns on large screens) -->
95589
95626
  <div class="lg:col-span-2 space-y-3">
95590
95627
  <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
95591
- Focus Areas represent the marketing domains where your business operates—from SEO and email marketing to paid media and customer retention. Each focus area contains tailored questions about your current tools, tactics, and capabilities, helping Symphiq understand exactly what you're doing today and where you want to grow.
95628
+ Focus Areas represent the marketing domains where your business operates—from SEO and email
95629
+ marketing to paid media and customer retention. Each focus area contains tailored questions
95630
+ about your current tools, tactics, and capabilities, helping Symphiq understand exactly what
95631
+ you're doing today and where you want to grow.
95592
95632
  </p>
95593
95633
  <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
95594
- <strong class="font-semibold">Why this matters:</strong> By completing focus area assessments, Symphiq learns your marketing reality across every channel. This means recommendations are grounded in what you can actually execute with your current team and tools—while also surfacing high-impact opportunities to expand your capabilities. No generic advice, only strategies that fit your specific operational context.
95634
+ <strong class="font-semibold">Why this matters:</strong> By completing focus area assessments,
95635
+ Symphiq learns your marketing reality across every channel. This means recommendations are
95636
+ grounded in what you can actually execute with your current team and tools—while also surfacing
95637
+ high-impact opportunities to expand your capabilities. No generic advice, only strategies that
95638
+ fit your specific operational context.
95595
95639
  </p>
95596
95640
  </div>
95597
95641
 
95598
95642
  <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
95599
95643
  <div class="lg:col-span-1">
95600
95644
  <symphiq-confidence-level-card
95601
- [viewMode]="viewMode()"
95602
- currentStepId="focus-areas"
95603
- [focusAreaDetails]="focusAreaDetails()"
95645
+ [viewMode]="viewMode()"
95646
+ currentStepId="focus-areas"
95647
+ [focusAreaDetails]="focusAreaDetails()"
95604
95648
  />
95605
95649
  </div>
95606
95650
  </div>
95607
95651
 
95608
- <div [ngClass]="getWelcomeBannerHighlightClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
95609
- <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerHighlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95610
- <path 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"></path>
95652
+ <div [ngClass]="getWelcomeBannerHighlightClasses()"
95653
+ class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
95654
+ <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerHighlightIconClasses()"
95655
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
95656
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
95657
+ d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
95611
95658
  </svg>
95612
95659
  <div class="flex-1">
95613
95660
  <h3 [ngClass]="getWelcomeBannerHighlightTitleClasses()" class="font-bold text-lg mb-2">
@@ -95616,19 +95663,25 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95616
95663
  <ul [ngClass]="getWelcomeBannerHighlightListClasses()" class="space-y-2 text-sm">
95617
95664
  <li class="flex items-start gap-2">
95618
95665
  <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
95619
- <path 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"></path>
95666
+ <path fill-rule="evenodd"
95667
+ 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"
95668
+ clip-rule="evenodd"></path>
95620
95669
  </svg>
95621
95670
  <span><strong class="font-semibold">Select Focus Areas</strong> — Mark which marketing domains are relevant to your business—no need to complete areas you don't use</span>
95622
95671
  </li>
95623
95672
  <li class="flex items-start gap-2">
95624
95673
  <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
95625
- <path 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"></path>
95674
+ <path fill-rule="evenodd"
95675
+ 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"
95676
+ clip-rule="evenodd"></path>
95626
95677
  </svg>
95627
95678
  <span><strong class="font-semibold">Answer Targeted Questions</strong> — Share specific details about your tools, processes, and current performance in each domain</span>
95628
95679
  </li>
95629
95680
  <li class="flex items-start gap-2">
95630
95681
  <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
95631
- <path 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"></path>
95682
+ <path fill-rule="evenodd"
95683
+ 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"
95684
+ clip-rule="evenodd"></path>
95632
95685
  </svg>
95633
95686
  <span><strong class="font-semibold">Unlock Domain Insights</strong> — Receive focused analysis and recommendations tailored to each marketing channel's unique context</span>
95634
95687
  </li>
@@ -95636,16 +95689,21 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95636
95689
  </div>
95637
95690
  </div>
95638
95691
 
95639
- <div [ngClass]="getWelcomeBannerNextStepsClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
95640
- <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerNextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95641
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
95692
+ <div [ngClass]="getWelcomeBannerNextStepsClasses()"
95693
+ class="mt-6 p-5 rounded-xl border flex items-start gap-4">
95694
+ <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerNextStepsIconClasses()"
95695
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
95696
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
95697
+ d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
95642
95698
  </svg>
95643
95699
  <div class="flex-1">
95644
95700
  <h3 [ngClass]="getWelcomeBannerNextStepsTitleClasses()" class="font-bold text-lg mb-2">
95645
95701
  Continue Your Journey
95646
95702
  </h3>
95647
95703
  <p [ngClass]="getWelcomeBannerNextStepsTextClasses()" class="text-sm leading-relaxed">
95648
- The final step—Metric Analysis—lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.
95704
+ The final step—Metric Analysis—lets you provide funnel-specific context for each conversion
95705
+ point. This granular knowledge ensures recommendations address the precise bottlenecks in your
95706
+ customer journey, creating a complete picture from top-of-funnel awareness to revenue.
95649
95707
  </p>
95650
95708
  </div>
95651
95709
  </div>
@@ -95668,10 +95726,19 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95668
95726
  </div>
95669
95727
  }
95670
95728
  @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
95671
- <div class="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">
95729
+ <div
95730
+ class="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">
95672
95731
  Analysis Ready
95673
95732
  </div>
95674
95733
  }
95734
+ @if (focusArea.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED) {
95735
+ <div class="px-3 py-1 bg-gradient-to-r from-amber-100 to-yellow-100 dark:from-amber-900/40 dark:to-yellow-900/40 text-amber-700 dark:text-amber-300 text-xs font-semibold rounded-full flex items-center gap-1.5 border border-amber-300/50 dark:border-amber-500/30 shadow-sm">
95736
+ <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
95737
+ <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
95738
+ </svg>
95739
+ Reviewed
95740
+ </div>
95741
+ }
95675
95742
  </div>
95676
95743
  </div>
95677
95744
 
@@ -95679,12 +95746,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95679
95746
  {{ focusArea.title }}
95680
95747
  </h3>
95681
95748
 
95682
- <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description" tooltipPosition="bottom">
95749
+ <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
95750
+ tooltipPosition="bottom">
95683
95751
  {{ focusArea.description }}
95684
95752
  </p>
95685
95753
 
95686
95754
  @if (focusArea.engagementStatus === FocusAreaDetailStatusEnum.ENGAGED && focusArea.tools.length > 0) {
95687
- <div class="mt-3 mb-2">
95755
+ <div class="mt-3 mb-4">
95688
95756
  <div class="flex items-center gap-2">
95689
95757
  <span [ngClass]="getToolsLabelClasses()" class="text-xs font-medium">Marketing Tools:</span>
95690
95758
  <div class="flex flex-wrap gap-1.5">
@@ -95700,11 +95768,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95700
95768
 
95701
95769
  @if (focusArea.selfContentStatusProfileFocusArea === null && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95702
95770
  <div class="flex items-center gap-2 py-2">
95703
- <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
95704
- <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
95771
+ <div
95772
+ class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
95773
+ <span
95774
+ class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
95705
95775
  </div>
95706
95776
  } @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)">
95777
+ <div class="space-y-2 cursor-pointer mt-4" (click)="handleFooterClick(focusArea.profileFocusArea)">
95708
95778
  <div class="flex items-center justify-between text-sm">
95709
95779
  <span [class]="getLabelClasses()">Profile progress</span>
95710
95780
  <span [class]="getValueClasses()">
@@ -95714,29 +95784,35 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95714
95784
 
95715
95785
  <div [class]="getProgressBarContainerClasses()">
95716
95786
  <div
95717
- class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
95718
- [style.width.%]="focusArea.progressPercent"
95787
+ class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
95788
+ [style.width.%]="focusArea.progressPercent"
95719
95789
  ></div>
95720
95790
  </div>
95721
95791
 
95722
95792
  @if (focusArea.status === 'complete') {
95723
95793
  <div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
95724
95794
  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
95725
- <path 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" />
95795
+ <path fill-rule="evenodd"
95796
+ 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"
95797
+ clip-rule="evenodd"/>
95726
95798
  </svg>
95727
95799
  Complete
95728
95800
  </div>
95729
95801
  } @else if (focusArea.status === 'in-progress') {
95730
95802
  <div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
95731
95803
  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
95732
- <path 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" />
95804
+ <path fill-rule="evenodd"
95805
+ 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"
95806
+ clip-rule="evenodd"/>
95733
95807
  </svg>
95734
95808
  In Progress
95735
95809
  </div>
95736
95810
  } @else {
95737
95811
  <div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
95738
95812
  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
95739
- <path 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" />
95813
+ <path fill-rule="evenodd"
95814
+ 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"
95815
+ clip-rule="evenodd"/>
95740
95816
  </svg>
95741
95817
  Not Started
95742
95818
  </div>
@@ -95748,47 +95824,70 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95748
95824
  @if (focusArea.profileFocusArea && focusArea.selfContentStatusProfileFocusArea !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95749
95825
  <div class="px-6 pb-4">
95750
95826
  <symphiq-content-generation-progress
95751
- [itemStatus]="focusArea.itemStatusProfileFocusArea ?? undefined"
95752
- [viewMode]="viewMode()"
95753
- [compact]="true"
95754
- [compactTitle]="'Generating Focus Area Profile'"
95827
+ [itemStatus]="focusArea.itemStatusProfileFocusArea ?? undefined"
95828
+ [viewMode]="viewMode()"
95829
+ [compact]="true"
95830
+ [compactTitle]="'Generating Focus Area Profile'"
95755
95831
  />
95756
95832
  </div>
95757
95833
  } @else if (focusArea.profileAnalysis && focusArea.selfContentStatusProfileAnalysis !== null && focusArea.selfContentStatusProfileAnalysis !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95758
95834
  <div class="px-6 pb-4">
95759
95835
  <symphiq-content-generation-progress
95760
- [itemStatus]="focusArea.itemStatusProfileAnalysis ?? undefined"
95761
- [viewMode]="viewMode()"
95762
- [compact]="true"
95763
- [compactTitle]="'Generating Focus Area Analysis'"
95836
+ [itemStatus]="focusArea.itemStatusProfileAnalysis ?? undefined"
95837
+ [viewMode]="viewMode()"
95838
+ [compact]="true"
95839
+ [compactTitle]="'Generating Focus Area Analysis'"
95764
95840
  />
95765
95841
  </div>
95766
95842
  }
95767
95843
 
95768
95844
  @if (focusArea.canViewDetails && focusArea.profileFocusArea && !(focusArea.profileAnalysis && focusArea.selfContentStatusProfileAnalysis !== null && focusArea.selfContentStatusProfileAnalysis !== AiDynamicContentStatusEnum.GENERATED)) {
95769
- <div
95770
- [class]="getCardFooterClasses()"
95771
- class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
95772
- (click)="focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis && focusArea.profileFocusArea ? handleAnalysisFooterClick(focusArea.profileAnalysis, focusArea.profileFocusArea) : handleFooterClick(focusArea.profileFocusArea)">
95773
- <div class="flex items-center justify-between">
95774
- <span class="text-sm font-medium text-slate-600 dark:text-slate-400">
95775
- @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
95776
- View Analysis
95777
- } @else if (focusArea.hasAnalysis) {
95778
- View Details
95779
- } @else if (focusArea.status === 'complete') {
95780
- All Questions Answered
95781
- } @else if (focusArea.status === 'in-progress') {
95782
- Continue Answering Questions
95783
- } @else {
95784
- Start Answering Questions
95785
- }
95786
- </span>
95787
- <svg class="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" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95788
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
95789
- </svg>
95845
+ @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED) {
95846
+ <div
95847
+ class="mt-auto cursor-pointer bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 transition-all duration-300 px-4 py-3 border-t border-blue-500/30"
95848
+ (click)="handleAnalysisFooterClick(focusArea.profileAnalysis!, focusArea.profileFocusArea)">
95849
+ <div class="flex items-center justify-between">
95850
+ <span class="text-sm font-semibold text-white flex items-center gap-2">
95851
+ <svg class="w-5 h-5 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95852
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
95853
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
95854
+ </svg>
95855
+ Review Analysis
95856
+ </span>
95857
+ <svg
95858
+ class="w-5 h-5 text-white/90 group-hover:translate-x-1 transition-transform"
95859
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
95860
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
95861
+ </svg>
95862
+ </div>
95790
95863
  </div>
95791
- </div>
95864
+ } @else {
95865
+ <div
95866
+ [class]="getCardFooterClasses()"
95867
+ class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
95868
+ (click)="focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis && focusArea.profileFocusArea ? handleAnalysisFooterClick(focusArea.profileAnalysis, focusArea.profileFocusArea) : handleFooterClick(focusArea.profileFocusArea)">
95869
+ <div class="flex items-center justify-between">
95870
+ <span class="text-sm font-medium text-slate-600 dark:text-slate-400">
95871
+ @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
95872
+ View Analysis
95873
+ } @else if (focusArea.hasAnalysis) {
95874
+ View Details
95875
+ } @else if (focusArea.status === 'complete') {
95876
+ All Questions Answered
95877
+ } @else if (focusArea.status === 'in-progress') {
95878
+ Continue Answering Questions
95879
+ } @else {
95880
+ Start Answering Questions
95881
+ }
95882
+ </span>
95883
+ <svg
95884
+ class="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"
95885
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
95886
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
95887
+ </svg>
95888
+ </div>
95889
+ </div>
95890
+ }
95792
95891
  }
95793
95892
  </div>
95794
95893
  }
@@ -95822,20 +95921,23 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95822
95921
  {{ focusArea.title }}
95823
95922
  </h3>
95824
95923
 
95825
- <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description" tooltipPosition="bottom">
95924
+ <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
95925
+ tooltipPosition="bottom">
95826
95926
  {{ focusArea.description }}
95827
95927
  </p>
95828
95928
  </div>
95829
95929
 
95830
95930
  @if (focusArea.canViewDetails && focusArea.profileFocusArea) {
95831
95931
  <div
95832
- [class]="getCardFooterClasses()"
95833
- class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
95834
- (click)="handleFooterClick(focusArea.profileFocusArea)">
95932
+ [class]="getCardFooterClasses()"
95933
+ class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
95934
+ (click)="handleFooterClick(focusArea.profileFocusArea)">
95835
95935
  <div class="flex items-center justify-between">
95836
95936
  <span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
95837
- <svg class="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" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95838
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
95937
+ <svg
95938
+ class="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"
95939
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
95940
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
95839
95941
  </svg>
95840
95942
  </div>
95841
95943
  </div>
@@ -95855,14 +95957,14 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95855
95957
  ></symphiq-search-modal>
95856
95958
  }
95857
95959
 
95858
- <symphiq-tooltip-container />
95960
+ <symphiq-tooltip-container/>
95859
95961
  </div>
95860
95962
  `, styles: [".animated-bubbles{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out}.animated-bubbles:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}\n"] }]
95861
95963
  }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profileFocusAreas: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreas", required: false }] }], itemStatusesProfileFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileFocusArea", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileFocusAreaQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreaQuestions", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], navigateToProfileFocusArea: [{ type: i0.Output, args: ["navigateToProfileFocusArea"] }], navigateToProfileAnalysis: [{ type: i0.Output, args: ["navigateToProfileAnalysis"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerFocusAreaProfileQuestions: [{ type: i0.Output, args: ["answerFocusAreaProfileQuestions"] }], continueFocusAreaProfileQuestions: [{ type: i0.Output, args: ["continueFocusAreaProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], focusAreaProfileAdminAnswerAction: [{ type: i0.Output, args: ["focusAreaProfileAdminAnswerAction"] }], onScroll: [{
95862
95964
  type: HostListener,
95863
95965
  args: ['window:scroll', ['$event']]
95864
95966
  }] }); })();
95865
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 454 }); })();
95967
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 521 }); })();
95866
95968
 
95867
95969
  const _c0$6 = () => [];
95868
95970
  function SymphiqProfileFocusAreaDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
@@ -96504,12 +96606,12 @@ class FocusAreaWelcomeBannerComponent {
96504
96606
  const _c0$5 = ["funnelModalComponent"];
96505
96607
  const _forTrack0$5 = ($index, $item) => $item.id;
96506
96608
  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);
96609
+ i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
96610
+ i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 24);
96611
+ i0.ɵɵelementStart(3, "div", 25)(4, "h3", 26);
96510
96612
  i0.ɵɵtext(5, " Loading Your Focus Area Analysis ");
96511
96613
  i0.ɵɵelementEnd();
96512
- i0.ɵɵelementStart(6, "p", 26);
96614
+ i0.ɵɵelementStart(6, "p", 27);
96513
96615
  i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
96514
96616
  i0.ɵɵelementEnd()()()();
96515
96617
  } if (rf & 2) {
@@ -96523,10 +96625,10 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
96523
96625
  i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
96524
96626
  } }
96525
96627
  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);
96628
+ i0.ɵɵelementStart(0, "div", 20);
96629
+ i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 21);
96528
96630
  i0.ɵɵelementEnd();
96529
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 21);
96631
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 22);
96530
96632
  } if (rf & 2) {
96531
96633
  const ctx_r1 = i0.ɵɵnextContext();
96532
96634
  i0.ɵɵadvance();
@@ -96535,8 +96637,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
96535
96637
  i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
96536
96638
  } }
96537
96639
  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);
96640
+ i0.ɵɵelementStart(0, "div", 29);
96641
+ i0.ɵɵelement(1, "symphiq-content-generation-progress", 31);
96540
96642
  i0.ɵɵelementEnd();
96541
96643
  } if (rf & 2) {
96542
96644
  const ctx_r1 = i0.ɵɵnextContext(3);
@@ -96546,7 +96648,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96546
96648
  } }
96547
96649
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
96548
96650
  const _r3 = i0.ɵɵgetCurrentView();
96549
- i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 31);
96651
+ i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 32);
96550
96652
  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
96653
  i0.ɵɵelementEnd();
96552
96654
  } if (rf & 2) {
@@ -96554,8 +96656,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96554
96656
  i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
96555
96657
  } }
96556
96658
  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);
96659
+ i0.ɵɵelementStart(0, "div", 28);
96660
+ 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
96661
  i0.ɵɵelementEnd();
96560
96662
  } if (rf & 2) {
96561
96663
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -96564,7 +96666,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96564
96666
  } }
96565
96667
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
96566
96668
  i0.ɵɵelementStart(0, "div");
96567
- i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 32);
96669
+ i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 33);
96568
96670
  i0.ɵɵelementEnd();
96569
96671
  } if (rf & 2) {
96570
96672
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -96572,7 +96674,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
96572
96674
  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
96675
  } }
96574
96676
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
96575
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 27);
96677
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 28);
96576
96678
  i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template, 2, 8, "div");
96577
96679
  } if (rf & 2) {
96578
96680
  const ctx_r1 = i0.ɵɵnextContext();
@@ -96582,7 +96684,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Templat
96582
96684
  } }
96583
96685
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
96584
96686
  const _r4 = i0.ɵɵgetCurrentView();
96585
- i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 35);
96687
+ i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 36);
96586
96688
  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
96689
  i0.ɵɵelementEnd();
96588
96690
  } if (rf & 2) {
@@ -96590,21 +96692,21 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96590
96692
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("allGoals", ctx_r1.allGoals());
96591
96693
  } }
96592
96694
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
96593
- i0.ɵɵelement(0, "symphiq-section-divider", 36);
96695
+ i0.ɵɵelement(0, "symphiq-section-divider", 37);
96594
96696
  } if (rf & 2) {
96595
96697
  const sectionList_r5 = i0.ɵɵnextContext();
96596
96698
  const ctx_r1 = i0.ɵɵnextContext(2);
96597
96699
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r5[0].icon);
96598
96700
  } }
96599
96701
  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);
96702
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 37);
96601
96703
  } if (rf & 2) {
96602
96704
  const sectionList_r5 = ctx;
96603
96705
  i0.ɵɵconditional(sectionList_r5.length > 0 && sectionList_r5[0].icon ? 0 : -1);
96604
96706
  } }
96605
96707
  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);
96708
+ i0.ɵɵelementStart(0, "div", 40);
96709
+ i0.ɵɵelement(1, "symphiq-icon", 45);
96608
96710
  i0.ɵɵelementEnd();
96609
96711
  } if (rf & 2) {
96610
96712
  const section_r6 = i0.ɵɵnextContext().$implicit;
@@ -96614,8 +96716,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96614
96716
  i0.ɵɵproperty("icon", section_r6.icon);
96615
96717
  } }
96616
96718
  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);
96719
+ i0.ɵɵelementStart(0, "div", 47);
96720
+ i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 49);
96619
96721
  i0.ɵɵelementEnd();
96620
96722
  } if (rf & 2) {
96621
96723
  const section_r6 = i0.ɵɵnextContext(2).$implicit;
@@ -96624,7 +96726,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96624
96726
  i0.ɵɵproperty("visual", section_r6.visual)("viewMode", ctx_r1.viewMode());
96625
96727
  } }
96626
96728
  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);
96729
+ i0.ɵɵelementStart(0, "div", 50)(1, "p", 51);
96628
96730
  i0.ɵɵtext(2);
96629
96731
  i0.ɵɵelementEnd()();
96630
96732
  } if (rf & 2) {
@@ -96637,9 +96739,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96637
96739
  i0.ɵɵtextInterpolate1(" ", section_r6.description, " ");
96638
96740
  } }
96639
96741
  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);
96742
+ i0.ɵɵelementStart(0, "div", 46);
96743
+ i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 47);
96744
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 48);
96643
96745
  i0.ɵɵelementEnd();
96644
96746
  } if (rf & 2) {
96645
96747
  const ctx_r6 = i0.ɵɵnextContext();
@@ -96652,7 +96754,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96652
96754
  i0.ɵɵconditional(section_r6.description ? 2 : -1);
96653
96755
  } }
96654
96756
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
96655
- i0.ɵɵelement(0, "symphiq-section-divider", 36);
96757
+ i0.ɵɵelement(0, "symphiq-section-divider", 37);
96656
96758
  } if (rf & 2) {
96657
96759
  const ɵ$index_63_r8 = i0.ɵɵnextContext().$index;
96658
96760
  const sectionList_r9 = i0.ɵɵnextContext();
@@ -96660,15 +96762,15 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96660
96762
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$index_63_r8 + 1].icon);
96661
96763
  } }
96662
96764
  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);
96765
+ i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
96766
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 40);
96767
+ i0.ɵɵelementStart(3, "div", 41)(4, "h3", 42);
96666
96768
  i0.ɵɵtext(5);
96667
96769
  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);
96770
+ i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 43);
96771
+ i0.ɵɵelement(7, "symphiq-profile-section-content", 44);
96670
96772
  i0.ɵɵelementEnd();
96671
- i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 36);
96773
+ i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 37);
96672
96774
  } if (rf & 2) {
96673
96775
  const section_r6 = ctx.$implicit;
96674
96776
  const ɵ$index_63_r8 = ctx.$index;
@@ -96689,7 +96791,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96689
96791
  i0.ɵɵconditional(!(ɵ$index_63_r8 === ɵ$count_63_r10 - 1) ? 8 : -1);
96690
96792
  } }
96691
96793
  function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
96692
- i0.ɵɵelementStart(0, "section", 34);
96794
+ i0.ɵɵelementStart(0, "section", 35);
96693
96795
  i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$5);
96694
96796
  i0.ɵɵelementEnd();
96695
96797
  } if (rf & 2) {
@@ -96697,9 +96799,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
96697
96799
  i0.ɵɵrepeater(ctx);
96698
96800
  } }
96699
96801
  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);
96802
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 34);
96701
96803
  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);
96804
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 35);
96703
96805
  } if (rf & 2) {
96704
96806
  let tmp_2_0;
96705
96807
  let tmp_3_0;
@@ -96776,6 +96878,39 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_22_Templa
96776
96878
  const ctx_r1 = i0.ɵɵnextContext();
96777
96879
  i0.ɵɵproperty("opportunity", data_r18.opportunity)("viewMode", data_r18.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
96778
96880
  } }
96881
+ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
96882
+ i0.ɵɵnamespaceSVG();
96883
+ i0.ɵɵelementStart(0, "svg", 54);
96884
+ i0.ɵɵelement(1, "circle", 55)(2, "path", 56);
96885
+ i0.ɵɵelementEnd();
96886
+ i0.ɵɵnamespaceHTML();
96887
+ i0.ɵɵelementStart(3, "span");
96888
+ i0.ɵɵtext(4, "Marking as Reviewed...");
96889
+ i0.ɵɵelementEnd();
96890
+ } }
96891
+ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
96892
+ i0.ɵɵelementStart(0, "span");
96893
+ i0.ɵɵtext(1, "Mark Analysis as Reviewed");
96894
+ i0.ɵɵelementEnd();
96895
+ i0.ɵɵnamespaceSVG();
96896
+ i0.ɵɵelementStart(2, "svg", 57);
96897
+ i0.ɵɵelement(3, "path", 58);
96898
+ i0.ɵɵelementEnd();
96899
+ } }
96900
+ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
96901
+ const _r19 = i0.ɵɵgetCurrentView();
96902
+ i0.ɵɵelementStart(0, "div", 19)(1, "div", 52)(2, "button", 53);
96903
+ 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()); });
96904
+ i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_3_Template, 5, 0)(4, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_4_Template, 4, 0);
96905
+ i0.ɵɵelementEnd()()();
96906
+ } if (rf & 2) {
96907
+ const ctx_r1 = i0.ɵɵnextContext();
96908
+ i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/95 border-slate-200" : "bg-slate-900/95 border-slate-700/50");
96909
+ i0.ɵɵadvance(2);
96910
+ 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");
96911
+ i0.ɵɵadvance();
96912
+ i0.ɵɵconditional(ctx_r1.isMarkingAsReviewed() ? 3 : 4);
96913
+ } }
96779
96914
  class SymphiqProfileAnalysisFocusAreaDashboardComponent {
96780
96915
  constructor() {
96781
96916
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -96789,7 +96924,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
96789
96924
  this.scrollElement = input(null, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
96790
96925
  this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
96791
96926
  this.itemStatusProfileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "itemStatusProfileAnalysis" }] : []));
96927
+ this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
96792
96928
  this.nextStepClick = output();
96929
+ this.markAsReviewedClick = output();
96793
96930
  this.funnelAnalysisSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "funnelAnalysisSignal" }] : []));
96794
96931
  this.headerScrollService = inject(HeaderScrollService);
96795
96932
  this.modalService = inject(ModalService);
@@ -96816,6 +96953,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
96816
96953
  this.shouldShowHeaderControls = computed(() => {
96817
96954
  return !!this.profileAnalysis();
96818
96955
  }, ...(ngDevMode ? [{ debugName: "shouldShowHeaderControls" }] : []));
96956
+ this.shouldShowReviewFooter = computed(() => {
96957
+ const profileAnalysis = this.profileAnalysis();
96958
+ if (!profileAnalysis)
96959
+ return false;
96960
+ return profileAnalysis.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
96961
+ }, ...(ngDevMode ? [{ debugName: "shouldShowReviewFooter" }] : []));
96819
96962
  this.COLLAPSE_THRESHOLD = 20;
96820
96963
  this.EXPAND_THRESHOLD = 10;
96821
96964
  this.embeddedScrollEffect = effect(() => {
@@ -97080,6 +97223,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97080
97223
  closeViewModeSwitcher() {
97081
97224
  this.isViewModeSwitcherOpen.set(false);
97082
97225
  }
97226
+ handleMarkAsReviewedClick() {
97227
+ this.markAsReviewedClick.emit();
97228
+ }
97083
97229
  openGoalModal(goal) {
97084
97230
  this.modalService.navigateToGoalDetail(goal, this.viewMode());
97085
97231
  }
@@ -97215,7 +97361,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97215
97361
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
97216
97362
  } }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
97217
97363
  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) {
97364
+ } }, 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
97365
  const _r1 = i0.ɵɵgetCurrentView();
97220
97366
  i0.ɵɵelementStart(0, "div", 1);
97221
97367
  i0.ɵɵelement(1, "div", 2);
@@ -97248,12 +97394,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97248
97394
  i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_21_Template, 1, 5, "symphiq-gap-detail-modal-content", 17);
97249
97395
  i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_22_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 18);
97250
97396
  i0.ɵɵelementEnd();
97251
- i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0)(25, "symphiq-tooltip-container");
97397
+ i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0);
97398
+ i0.ɵɵconditionalCreate(25, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template, 5, 4, "div", 19);
97399
+ i0.ɵɵelement(26, "symphiq-tooltip-container");
97252
97400
  i0.ɵɵelementEnd()();
97253
97401
  } if (rf & 2) {
97254
- let tmp_6_0;
97255
97402
  let tmp_13_0;
97256
- let tmp_30_0;
97257
97403
  let tmp_31_0;
97258
97404
  let tmp_32_0;
97259
97405
  let tmp_33_0;
@@ -97261,6 +97407,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97261
97407
  let tmp_35_0;
97262
97408
  let tmp_36_0;
97263
97409
  let tmp_37_0;
97410
+ let tmp_38_0;
97264
97411
  i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
97265
97412
  i0.ɵɵadvance();
97266
97413
  i0.ɵɵclassProp("light-mode", ctx.isLightMode());
@@ -97270,8 +97417,10 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97270
97417
  i0.ɵɵstyleProp("width", ctx.scrollProgress(), "%");
97271
97418
  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
97419
  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);
97420
+ 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());
97421
+ i0.ɵɵadvance();
97422
+ i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
97423
+ i0.ɵɵadvance();
97275
97424
  i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
97276
97425
  i0.ɵɵadvance();
97277
97426
  i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
@@ -97288,21 +97437,23 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97288
97437
  i0.ɵɵadvance();
97289
97438
  i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
97290
97439
  i0.ɵɵadvance();
97291
- i0.ɵɵconditional((tmp_30_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_30_0);
97440
+ i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_31_0);
97292
97441
  i0.ɵɵadvance();
97293
- i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_31_0);
97442
+ i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_32_0);
97294
97443
  i0.ɵɵadvance();
97295
- i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_32_0);
97444
+ i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_33_0);
97296
97445
  i0.ɵɵadvance();
97297
- i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_33_0);
97446
+ i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_34_0);
97298
97447
  i0.ɵɵadvance();
97299
- i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_34_0);
97448
+ i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_35_0);
97300
97449
  i0.ɵɵadvance();
97301
- i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_35_0);
97450
+ i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_36_0);
97302
97451
  i0.ɵɵadvance();
97303
- i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_36_0);
97452
+ i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_37_0);
97304
97453
  i0.ɵɵadvance();
97305
- i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_37_0);
97454
+ i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_38_0);
97455
+ i0.ɵɵadvance(3);
97456
+ i0.ɵɵconditional(ctx.shouldShowReviewFooter() ? 25 : -1);
97306
97457
  } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
97307
97458
  SearchModalComponent,
97308
97459
  ViewModeSwitcherModalComponent,
@@ -97383,9 +97534,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97383
97534
  <div class="relative z-[51]">
97384
97535
  <!-- Dashboard Header -->
97385
97536
  <symphiq-dashboard-header
97386
- [title]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'Focus Area Analysis'"
97387
- [subtitle]="getAnalysisSubtitle()"
97388
- [currentSection]="getAnalysisSubtitle()"
97537
+ [title]="getAnalysisSubtitle()"
97538
+ [subtitle]="''"
97539
+ [currentSection]="'Focus Area'"
97389
97540
  [viewMode]="viewMode()"
97390
97541
  [viewModeLabel]="displayModeLabel()"
97391
97542
  [isLoading]="isLoading()"
@@ -97397,7 +97548,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97397
97548
  />
97398
97549
 
97399
97550
  <!-- 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">
97551
+ <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12"
97552
+ [class.pb-32]="shouldShowReviewFooter()">
97401
97553
 
97402
97554
  <!-- Welcome Banner (Simplified View Only) -->
97403
97555
  @if (isSimplifiedView()) {
@@ -97686,6 +97838,44 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97686
97838
  #funnelModalComponent
97687
97839
  />
97688
97840
 
97841
+ <!-- Mark as Reviewed Sticky Footer -->
97842
+ @if (shouldShowReviewFooter()) {
97843
+ <div
97844
+ [ngClass]="isLightMode() ? 'bg-white/95 border-slate-200' : 'bg-slate-900/95 border-slate-700/50'"
97845
+ class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-lg"
97846
+ >
97847
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
97848
+ <button
97849
+ type="button"
97850
+ [disabled]="isMarkingAsReviewed()"
97851
+ (click)="handleMarkAsReviewedClick()"
97852
+ [ngClass]="isLightMode()
97853
+ ? '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'
97854
+ : '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'"
97855
+ 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"
97856
+ >
97857
+ @if (isMarkingAsReviewed()) {
97858
+ <svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
97859
+ <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
97860
+ <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>
97861
+ </svg>
97862
+ <span>Marking as Reviewed...</span>
97863
+ } @else {
97864
+ <span>Mark Analysis as Reviewed</span>
97865
+ <svg
97866
+ class="w-6 h-6 transition-transform duration-200 group-hover:translate-x-1"
97867
+ fill="none"
97868
+ stroke="currentColor"
97869
+ viewBox="0 0 24 24"
97870
+ >
97871
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
97872
+ </svg>
97873
+ }
97874
+ </button>
97875
+ </div>
97876
+ </div>
97877
+ }
97878
+
97689
97879
  <!-- Tooltip Container -->
97690
97880
  <symphiq-tooltip-container />
97691
97881
  </div>
@@ -97695,11 +97885,11 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
97695
97885
  }], null, { funnelModalComponent: [{
97696
97886
  type: ViewChild,
97697
97887
  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: [{
97888
+ }], 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
97889
  type: HostListener,
97700
97890
  args: ['window:scroll', ['$event']]
97701
97891
  }] }); })();
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 }); })();
97892
+ (() => { (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
97893
 
97704
97894
  const _forTrack0$4 = ($index, $item) => $item.id;
97705
97895
  function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {